@charset "UTF-8";

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.wp-block-columns.is-layout-flex{
		gap: 0.5em;
	}
/************************************
** 目次（あとから追加）
************************************/
.toc-title{/*目次タイトルを太く*/
font-weight:bold;
color:#7b7b7b;
}
.toc-title::before {/*小見出し（H2）の先頭につけるアイコン*/
font-family: "FontAwesome";
content : "\f0c9";
margin-right: 7px;
}
.toc-list > li a {/*小見出し（H2）*/
/* font-weight: bold; */
color: #7b7b7b;
display:block;
margin-top:10px;
margin-left: 10px;
}
.toc-list > li a::before {/*小見出し（H2）の先頭につけるアイコン*/
font-family: "FontAwesome";
content : "\f144";
margin-right: 7px;
}
.toc-list > li li a {/*小見出し（H3）*/
font-weight: normal;
font-size: 95%;
color: #7b7b7b;
margin-top:0;
margin-left: 3em;
}
.toc-list > li li a::before {/*小見出し（H3）の先頭につけるアイコン*/
font-family: "FontAwesome";
content : "\f105";
}
@media (max-width:880px){/*モバイル表示*/
.toc-list > li a {
margin-left: -10px;
}
.toc-list > li li a {
margin-left: -2em;
}
.toc-list > li li a::before {
left: 3px;
margin-bottom:1px;
}
}
.toc{/*枠に影を付けます*/
/* box-shadow: 0px 2px 5px 0 rgba(0,0,0,.15); */
}