@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*目次全体をデザインする*/
.toc{
	background:#F9F9F9;
	border:none;
	display: block;
	border-top:5px solid;
	border-top-color:#4b7447;
	padding:0 0 20px 0;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.toc a{
	text-decoration:none;
}

.toc ul a{
	color:#555555;
	font-size: 16px;
	margin-right:20px;
}
/*目次箇条書き部分*/
.toc ul a:before{
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: #555555;
	position: relative;
	left: -8px;
	top: -3px;
	
}

.article .toc ul{
	 list-style: none;
	   margin-bottom: 0;
	   padding-left: 20px;
}
/*目次のアイコンを表示*/
.toc-title{
 text-align:left;
 margin-top:30px;
 padding-left: 20px;
 margin-bottom:30px;
 margin-right:20px;
}

.toc-title:before{
	font-family: FontAwesome;
	content : "\f0ca";
	font-size:18px;
	margin-right:5px;
	color:#FFF;
	background-color:#4b7447;
	 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
	padding:14px;
} 
/*グローバルナビの装飾*/
/*下線をつける*/
.menu-header .menu-item:hover{
	 border-bottom:3px solid #FDD835 !important;/*線の太さ色*/
	  transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
	border-bottom:none !important;
}
/* SNSボタン開始 */
#main .button-caption {
  display: none;
}
#main .sns-share a {
  width: 2.5em;
  margin-left: 0.2em;
}
.sns-share-buttons {
  justify-content: center;
}
#main .social-icon {
  font-size: 25px;
}
/**** SNSボタン終了 */
/****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;
 width:30%;
 background:#f7f7f7;
}
/*通常欄*/
.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:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 width:280px;
 background:#65ab31;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#79c06e;
 color:#fff;
 border:2px solid #37a34a;
}
/*formカスタマイズ終了*/
/***タイトルカスタマイズ***/
.article h1 {
border-bottom: 3px solid #004d25;/* 線の太さ 線の種類 線の色 */
color: #222222;/*文字色*/
line-height: 1.4;/*行間*/
letter-spacing: 0.1em;/*文字間*/
}
.article h2 {
color: #ffffff;/*文字色*/
background: #009944; /*背景色*/
padding: 0.5em 0.75em;/*文字周りの余白*/
border-radius: 0.3em;/*角の丸み*/
line-height: 1.2;/*行間*/
letter-spacing: 0.1em;/*文字間*/
}
.article h2:before {margin-left: 0.5em;
}

/***サイドバータイトル***/
.sidebar h3{
line-height: 35px;
padding: 1px 10px;
border-radius: 0;
font-weight: 700;
font-size: 18px;
color: #2f4f4f;
background-color:transparent;
border-bottom:solid 3px #2f4f4f;
}
/***タイトルカスタマイズ***/
.article h1 {
border-bottom: 3px solid #004d25;/* 線の太さ 線の種類 線の色 */
color: #222222;/*文字色*/
line-height: 1.4;/*行間*/
letter-spacing: 0.1em;/*文字間*/
}
.article h2 {
color: #222222;/*文字色*/
background: #9cbb1c; /*背景色*/
padding: 0.5em 0.75em;/*文字周りの余白*/
border-radius: 0.3em;/*角の丸み*/
line-height: 1;/*行間*/
letter-spacing: 0.01em;/*文字間*/
}
.article h2:before {margin-left: 0.5em;
}

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

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/

}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	#sidebar{
 	display: none;
 	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

#sidebar{
 	display: none;
 	}	
}