@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*固定ページの日付を非表示*/
.page .date-tags {
display: none;
}

/*コンテンツマージン*/
.content {
margin-top: 0;
margin-bottom: 0;
}

/*フッターマージン*/
#footer {
	margin-top: 0;
}

/*固定ページの著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*コンテンツマージン上部*/
.content-top {
margin: 0px;
}

/* 見出しのデザインリセット */

/*H1 */
.entry-content h1{
border:none;
background:none;
padding: 0;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:  bold;
	font-size: 44px;
color: #006D4D;     /* 文字色指定 */
}
}

/*H2 */
.entry-content h2{
border:none;
background:none ;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: normal;
	font-size: 38px;
	
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
	font-size: 25px; 
	margin-bottom: 22px;
	color: #5D4321;     /* 文字色指定 */
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: lighter;
		font-size:20px; 
		margin-bottom: 5px;
}

/* H5 */
.entry-content h5{
border-bottom: none;
background:none;
padding: 0;
	font-size: 15px;
	font-weight: lighter;
	margin-top: 10px;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight: bold;
	margin-bottom: 10px;
}


/* パンくずリストの固定 */
#breadcrumb {
  	margin-top: 0px;
}

/* もし上記で変わらない場合、ヘッダー全体を指すクラスに設定 */
.site-header {
    margin-bottom: 0px !important;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */
.inquiry .haveto,.inquiry .any {
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
font-size:7px;
padding:5px;
background:#c21919;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*任意の調整*/
.any{
font-size:7px;
padding:5px;
background:#7cb1e6;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:15px;
width:350px;
background:#d1bc9f;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:2px;
margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
background:#fff;
color:#d1bc9f;
border:2px solid #d1bc9f;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

	/* ヘッダー線*/

	.header div.header-in {
border-bottom: 1px solid #e0e0e0;
}
	
	/* ヘッダーロゴ部分*/
	.logo img {
		height: 45px !important;
		margin: .5em auto;
	}
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/*H1 */
.entry-content h1{
	font-size:33px;
}
	
	
/*H2 */
.entry-content h2{
	background: none;
	font-size:25px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

/* H3 */
.entry-content h3{
	font-size: 25px; 
}
	
	
/* H4 */
.entry-content h4{
		font-size:23px; 
}

	/* トップメニュー色*/
.logo-menu-button img {
max-height: 50px;
display: none;
margin: 0 auto;
width: auto;
}

	/* ヘッダー線*/

	.header div.header-in {
border-bottom: 1px solid #e0e0e0;
}
	
	/* ヘッダーロゴ部分*/
	.logo img {
		height: 45px !important;
		margin: .5em auto;
	}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/*H1 */
.entry-content h1{
	font-size:28px;
}
	
	
/*H2 */
.entry-content h2{
	background: none;
	font-size:20px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

/* H3 */
.entry-content h3{
	font-size: 20px; 
}
	
	
/* H4 */
.entry-content h4{
		font-size:18px; 
}

	/* トップメニュー色*/
.logo-menu-button img {
max-height: 50px;
display: none;
margin: 0 auto;
width: auto;
}
	
	/* ヘッダー線*/

	.header div.header-in {
border-bottom: 1px solid #e0e0e0;
}

/* ヘッダーロゴ部分*/
	.logo img {
		height: 45px !important;
		margin: .5em auto;
	}
	
}