@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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

/*h2タグ*/
.article h2{
	background-color:#fff;
	color:#20664f;  /*文字の色*/
	border-left:10px solid #38b48b;  /*見出し左線色・太さ*/
	border-bottom:1px solid #38b48b; /*見出し下線色・太さ*/
	padding:13px;
	margin-top:80px /*見出しとその直前の文字の距離*/
}
/*ここまで*/

/* H2見出しの疑似要素をリセット*/
.article h2:before {
  content: none;
}


/*h3タグ*/
.article h3{
	border:none;
	display:inline-block;
	color:#20664f; /*文字の色*/
	border-top:2px solid #38b48b; /*見出し上線色・太さ*/
	border-bottom:2px solid #38b48b; /*見出し下線色・太さ*/
	margin-top:30px; /*見出しとその直前の文字の距離*/
	margin-bottom:0px; /*見出しとその直後の文字の距離*/
}
/*ここまで*/

/*h4タグ*/
.article h4{
/*	border:none;
	display:inline-block;
	color:#20664f; /*文字の色*/
	border-top:2px solid #38b48b; /*見出し上線色・太さ*/
	border-bottom:2px solid #38b48b; /*見出し下線色・太さ*/
	margin-top:30px; /*見出しとその直前の文字の距離*/
	margin-bottom:0px; /*見出しとその直後の文字の距離*/
}
/*ここまで*/

/*h5タグ*/
.article h5{
	border-bottom:2px solid #38b48b; /*見出し下線色・太さ*/
/*	margin-top:30px; /*見出しとその直前の文字の距離*/
/*	margin-bottom:0px; /*見出しとその直後の文字の距離*/
}
/*ここまで*/

/*目次のカスタマイズ*/
.toc{
	display:block;
	padding:0;
}
.toc-title{
	position:relative;
	background:#38b48b;/*最上部背景色*/
	padding:10px 0;
	color:#fff;
	font-weight:bold;
}
.toc-title:before{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	right:50%;
	transform: translate(-50%,0%);
	border:15px solid transparent;
	border-top:15px solid #38b48b;/*toc-titleの背景色と同色*/
}
.toc .toc-content{
	padding:10px
}
.toc .toc-content ol li a,
.toc .toc-content ul li a{
	display:block;
	border-bottom:1px dashed #ababab;
	margin-left:-20px;
	padding-left:20px;
}