@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){
  /*必要ならばここにコードを書く*/
}

/*---------------------------------
H3見出し（装飾なし＋アンダーライン）
---------------------------------*/
.entry-content h3 {
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #000; /* アンダーラインを黒に */
  border-radius: 0 !important; /* 角丸を削除 */
  padding: 0.5em 0 !important;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2em;
  color: #000;
}

/*---------------------------------
目次内のH3見出し（H2より1段階小さい設定）
---------------------------------*/

/* H2相当（上位見出し） */
.toc-content .toc-list > .toc-list-item > .toc-link {
  font-size: 1.05em !important;
  font-weight: bold !important;
}

/* H3相当（下位見出し） */
.toc-content .toc-list .toc-list .toc-link {
  font-size: 0.9em !important;  /* ← ここで「H2より1段階小さい」 */
  font-weight: normal !important;
  margin-left: 0.5em;
}

/*---------------------------------
目次のH2・H3見出しの文字サイズ調整（確実反映版）
---------------------------------*/

/* H2相当（上位見出し） */
#toc_container .toc_list > li > a {
  font-size: 1.05em !important;
  font-weight: bold !important;
  line-height: 1.6;
}

/* H3相当（下位見出し） */
#toc_container .toc_list li ul li a {
  font-size: 0.9em !important;  /* ← H2より1段階小さい */
  font-weight: normal !important;
  line-height: 1.6;
  margin-left: 0.5em;
}

/* 目次内のH3項目（fz-18px クラス）をH2より小さくする */
#toc_container .fz-18px {
  font-size: 0.9em !important; /* H2より1段階小さい */
  font-weight: 500;
}

/* 目次内の赤文字装飾が崩れないように */
#toc_container .fz-18px .red {
  color: #d00;
  font-weight: 600;
}