@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){
  /*必要ならばここにコードを書く*/
}
/* Gutenberg編集画面に余白をつける（本文が端まで広がらないように） */
.editor-styles-wrapper {
  padding-left: 2em !important;
  padding-right: 2em !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

/* ブロックのテキストも読みやすく */
.editor-styles-wrapper p,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3 {
  line-height: 1.8;
}
/* Cocoonで見出し2の上下余白を強制的に広げる */
.article h2,
.main .article h2,
.entry-content h2 {
  margin-top: 2.5em !important;
  margin-bottom: 2em !important;
}
/* 記事タイトル（h1）を下書き画面と同じサイズに */
.entry-title {
  font-size: 36px !important; /* 下書き画面と同じサイズに調整 */
  line-height: 1.4 !important; /* 行間も揃える */
}
/* ────────────────
   h2（背景付き見出し）の枠の上下余白を広げる
   ──────────────── */
.wp-block-heading {
  padding-top: 28px !important;      /* 上の余白 */
  padding-bottom: 28px !important;   /* 下の余白 */
}
/* PC用はそのまま（下書きと同じサイズ） */
.entry-title {
  font-size: 36px !important;  /* 下書き画面と同じサイズ */
  line-height: 1.4 !important;
}

/* スマホ用（画面幅768px以下で文字サイズを小さく） */
@media screen and (max-width: 768px) {
  .entry-title {
    font-size: 24px !important;  /* スマホでは小さめに調整 */
    line-height: 1.3 !important;
  }
}
/* ────────────────
   h3（見出し3）の上下枠の余白を少し狭くする
   ──────────────── */

/* 背景ありh3（wp-block-heading） */
.entry-content h3.wp-block-heading,
.wp-block-heading h3 {
  padding-top: 6px !important;      /* 上の枠余白 */
  padding-bottom: 6px !important;   /* 下の枠余白 */
  margin-top: 19px !important;      /* 上の外側余白 */
  margin-bottom: 9px !important;    /* 下の外側余白 */
}

/* 背景なしh3 */
.entry-content h3:not(.wp-block-heading) {
  padding: 0 !important;
  margin-top: 19px !important;
  margin-bottom: 9px !important;
}
/* スマホ画面（768px以下）のh3上下余白を狭くする */
@media screen and (max-width: 768px) {
  /* 背景付きh3 */
  .entry-content h3.wp-block-heading,
  .wp-block-heading h3 {
    padding-top: 4px !important;      /* 上の余白を狭く */
    padding-bottom: 4px !important;   /* 下の余白を狭く */
    margin-top: 14px !important;      /* 上の外側余白を狭く */
    margin-bottom: 7px !important;    /* 下の外側余白を狭く */
  }

  /* 背景なしh3 */
  .entry-content h3:not(.wp-block-heading) {
    margin-top: 14px !important;
    margin-bottom: 7px !important;
  }
}
cocoon-master/template-parts/header/header-nav.php
.header-in {width: 100%;}
.header-in img {width: 100%;}
.logo-image span, .logo-image a {width: 100%;}
.logo-image, .logo-image a {padding: 0;}