/*
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{
	width:100%;
	background-image: url(./images/kabegami.jpg);
	overflow:hidden;
}




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

/****  ブログタイトル  ****/
.blog_title a{
	color: #fffacd;       /*文字色*/
}
.blog_title{
	font-size: 10px;  /*文字の大きさ*/
	line-height: 2;    /*行の高さ*/
}

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



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


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



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

/*** YOGAメニューの枠 ***/
div.YOGA{
border: 1px solid black;
width:250px;
padding:30px 10px 0px 20px;
margin:15px 0px 15px 0px;
}

/***　告知 ***/
p.kokuti{
color: black;
width: 800px;
margin:0 auto;
}


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


/*************************************************************************/
/*                  スマホのみ(480px以下) css                 */
/*************************************************************************/

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {

.wpcf7-form textarea{width: 80% !important;}
.wpcf7-form input{max-width:80% !important; } /*名前、メール、題名*/
.wpcf7-list-item { display: block;
max-width:480px;}

.sub_title{
background-image:none;
font-size:25px;
white-space: nowrap;
}

/***　告知 ***/
p.kokuti{
color: black;
width: 250px;
margin:0 auto;
}

}


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

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

.blog_title{
font-size: 10px;     /*文字の大きさ*/
line-height: 1.4;   /*行の高さ*/
font-family: Comic Sans MS;
white-space: nowrap;
}

.sub_title{
font-size:25px;
background-image:none;
white-space: nowrap;
}

}