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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*見出し初期化*/
.article h2,
.article h5,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

.article h2 {
  position: relative;
  padding: .7em 1em; /* 余白 */
  text-align: center;
  color: #773c30; /* 文字色 */
}

.article h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px; /* 線の幅 */
  background: #773c30; /* 線の色 */

.article h3 {
  position: relative;
  text-align: center;
  color: #773c30; /* 文字色 */
  padding: 1em 0; /* 余白 */
}

.article h3::before {
  content: "";
  position: absolute;
  border-bottom: 10px dotted #773c30; /* 点の高さ・種類・色 */
  width: 50px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
	
/* 目次の背景色を変更する */
.toc-title !important{
  background-color: #773c30;  /* 背景色を変更する */
  font-size: 1.2em;  /* 文字の大きさを変える */
  padding: 0.3em;  /* 文字の周囲の余白を変える */
  font-weight: bold;  /* 文字を太字にする */
  color: #ffffff;  /* 文字の色を変える */
}
/* 目次のH2見出しのみ太字にする */
.toc-content ol li{
  color: #773c30;  /* 文字の色 */
  margin:0.5em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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