/*
Theme Name: Principle-child
Template: principle
Description: Principle6.0以降用子テーマ
Author: Nobuo_CREATE
Author URI: http://wp-principle.net/
Version: 6.5-20141121
*/

@import url('../principle/style.css');

/****  子テーマ内のimagesフォルダからヘッダーの背景画像を読み込む  ****/
#header{
	background-image: url(./images/denim.jpg);
}




/*************************************************************************/
/*                          かんたんカスタマイズ                         */
/*************************************************************************/

/****  ブログタイトル  ****/

.blog_title a{
	color: #fff;       /*文字色*/
}
.blog_title{
	font-size: 1.8em;  /*文字の大きさ*/
	line-height: 2;    /*行の高さ*/
}



/****  見出し部分  ****/
.h{
	color: #021F4D;                       /*文字色*/
	border-bottom: 2px solid #021F4D;     /*ライン*/
}



/****  グローバルナビの文字の大きさと色  ****/
nav div li a{
	font-size: 1em;   /*文字の大きさ*/
	color: #021F4D;   /*文字色*/
}
nav div{
	border-bottom: 2px solid #021F4D;   /*ライン*/
}

#header-nav ul li.menu-item a:hover,
#header-nav ul li.current-menu-item a,
#header-nav ul li.current-menu-parent a {
 background: url(images/bg_nav_btn.gif) no-repeat left-46px;
}

#header-nav ul li {
 position: relative;
 z-index: 1;
 float: left;
}

#header-nav ul li ul.sub-menu {
 display: none;
 position: absolute;
 top: 46px;
 left: 0;
}

#header-nav ul li:hover ul.sub-menu {
 display: block;
}

#header-nav ul li ul.sub-menu il{
 float: none;
}
#header-nav ul li ul.sub-menu li a {
 width: 120px;
 border: 1px solid #fff;
 border-top: none;
 padding-left: 38px;
 background:#3ebdff url(images/icon_arr_subnav.gif) no-repeat 20px center;
 color: #fff;
 text-align: left;
}
#header-nav ul il ul.sub-menu li a:hover {
 background: #8cdfff url(image/icon_arr_subnav.gif) no-repeat 20px center;
}
/*gra*/
#header-gra {
  crear: both;
}


/****  パンくずリストの文字色  ****/
div.bread a,
div.bread ul{
	color: #444;
}



/****  snsボックスの背景色  ****/
div.sns-box{
	background-color: #b8bfcc;
}



/*************************************************************************/
/*************************************************************************/







/*************************************************************************/
/*                  タブレット(713px以下)andスマホ用 css                 */
/*************************************************************************/
@media only screen and (max-width: 772px){

	/****  ブログタイトル  ****/
	.blog_title{
		font-size: 1.3em;     /*文字の大きさ*/
		line-height: 1.4;   /*行の高さ*/
	}

}