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

/* ===== 投稿ページ段落余白（固定ページ除外） ===== */
.single .entry-content p {
  padding-bottom: 15px;
}

/* ===== 投稿ページ段落余白（固定ページ除外） ===== */
.single .article p {
  padding-bottom: 15px;
}


/* ===== h2〜h6 統一見出しデザイン (Proposal A v2) ===== */
/* body.single で詳細度を上げ、テンプレートのインラインCSSに勝つ */

/* --- Cocoonテーマの見出し装飾をリセット --- */
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single .entry-content h5,
body.single .entry-content h6 {
  background-image: none !important;
  border-image: none !important;
}

/* --- h3-h6 疑似要素リセット（Cocoonデフォルト装飾の除去） --- */
body.single .entry-content h3::before,
body.single .entry-content h3::after,
body.single .entry-content h4::before,
body.single .entry-content h4::after,
body.single .entry-content h5::before,
body.single .entry-content h5::after,
body.single .entry-content h6::before,
body.single .entry-content h6::after {
  content: none !important;
  display: none !important;
}

/* --- h2: 左ボーダー＋薄紫背景（20px） --- */
body.single .entry-content h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #424964 !important;
  padding: 14px 18px !important;
  margin: 40px auto 20px !important;
  background: #f5e8fa !important;
  border: none !important;
  border-left: 4px solid #cb6ce6 !important;
  border-radius: 0 8px 8px 0 !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

/* --- h3: ドット下線 --- */
body.single .entry-content h3 {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #424964 !important;
  padding: 0 0 10px 0 !important;
  margin: 32px auto 16px !important;
  background: none !important;
  border: none !important;
  border-bottom: 2px dotted #cb6ce6 !important;
  line-height: 1.5 !important;
}

/* --- h4: 左ボーダー＋紫テキスト --- */
body.single .entry-content h4 {
  font-size: 1.0rem !important;
  font-weight: 700 !important;
  color: #7c3aad !important;
  padding: 0 0 0 14px !important;
  margin: 24px auto 12px !important;
  background: none !important;
  border: none !important;
  border-left: 3px solid #cb6ce6 !important;
  line-height: 1.5 !important;
}

/* --- h5: ◆マーカー＋紫テキスト --- */
body.single .entry-content h5 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #7c3aad !important;
  padding: 0 !important;
  margin: 20px 0 10px !important;
  background: none !important;
  border: none !important;
  line-height: 1.5 !important;
}
body.single .entry-content h5::before {
  content: "\25C6 " !important;
  color: #cb6ce6 !important;
  font-size: 0.8rem !important;
  display: inline !important;
}

/* --- h6: グレー背景ラベル --- */
body.single .entry-content h6 {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #666 !important;
  padding: 6px 12px !important;
  margin: 16px 0 10px !important;
  background: #f5f5f7 !important;
  border: none !important;
  border-radius: 6px !important;
  line-height: 1.5 !important;
}

/* --- VK Blocks ボーダーボックス内は元デザイン維持 --- */
body.single .entry-content .vk_borderBox h2,
body.single .entry-content .vk_borderBox h3,
body.single .entry-content .vk_borderBox h4,
body.single .entry-content .vk_borderBox h5,
body.single .entry-content .vk_borderBox h6 {
  font-size: unset !important;
  font-weight: unset !important;
  color: unset !important;
  padding: unset !important;
  margin: 0 0 15px 0 !important;
  background: none !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  line-height: unset !important;
  text-align: unset !important;
}
body.single .entry-content .vk_borderBox h3::before,
body.single .entry-content .vk_borderBox h3::after,
body.single .entry-content .vk_borderBox h5::before {
  content: none !important;
  display: none !important;
}

/* --- 目次・記事要約・参考文献内のh2はリセット --- */
body.single .entry-content .toc h2,
body.single .entry-content .article-summary h2,
body.single .entry-content .reference-box h2 {
  font-size: 1.1rem !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: none !important;
  border-left: none !important;
  border-radius: 0 !important;
}
/* --- ポイントボックス・Cocoonボックス内は元デザイン維持 --- */
body.single .entry-content .point-box h2,
body.single .entry-content .point-box h3,
body.single .entry-content .point-box h4,
body.single .entry-content .point-box h5,
body.single .entry-content .point-box h6 {
  font-size: unset !important;
  font-weight: unset !important;
  color: unset !important;
  padding: unset !important;
  margin: 0 0 15px 0 !important;
  background: none !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  line-height: unset !important;
  text-align: unset !important;
}
body.single .entry-content .point-box h3::before,
body.single .entry-content .point-box h3::after,
body.single .entry-content .point-box h5::before {
  content: none !important;
  display: none !important;
}
/* --- 投稿ページ ul マージン --- */
body.single .entry-content ul {
  margin-bottom: 15px !important;
}
/* --- 固定ヘッダー分のコンテンツオフセット --- */
body.single .wp-site-blocks {
  padding-top: 48px !important;
}