/* ==========================================================
   honten/news/golden-week-2026/index.html  ／ ページ別CSS（v5でインライン<style>から抽出）
   mac_wordpress_common_rules.md §6-4 ＝ common → page別の順で読み込む
   ----------------------------------------------------------
   ※ v5 で抽出された生のスタイル。
   ※ 変数名（--ink → --text-main, --o → --brand-main 等）は
      common.css の :root エイリアス層で吸収。順次標準名に置換予定。
========================================================== */

/* === お知らせ個別記事ページ固有スタイル === */
  /* .news-hero / .news-hero-inner のシェル（幅=var(--max)）は common.css「詳細ページ共通シェル」へ移管（2026-08-03） */
  .news-eyebrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px;font-size:12.5px}
  .news-eyebrow .cat{padding:4px 12px;background:var(--o);color:#fff;border:1px solid var(--o);border-radius:20px;font-weight:500;letter-spacing:.02em}
  .news-eyebrow .date{font-family:var(--en);color:rgba(26,22,20,.55);letter-spacing:.04em}
  /* [2026-08-07] .news-title（＋em）・.news-lead は削除。single.php のヒーローを
     標準 .page-hero へ統一し h1 は共通 .page-hero-title を使うため未使用に
     （.news-lead は現マークアップでも未使用だった） */
  .news-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}
  .news-tags .tag{padding:4px 12px;background:#fff;border:1px solid rgba(26,22,20,.14);border-radius:20px;color:var(--ink);font-size:12px;font-weight:500;text-decoration:none;transition:all .2s}
  .news-tags .tag:hover{border-color:var(--o);color:var(--o)}

  /* .news-body / .news-body-inner / .news-main のシェルも common.css へ移管（2026-08-03） */
  .news-body p{font-size:15px;line-height:1.95;color:rgba(26,22,20,.82);margin:0 0 18px}
  .news-body p strong{color:var(--ink);font-weight:500;background:linear-gradient(transparent 65%,rgba(232,154,46,.22) 65%);padding:0 1px}
  .news-body h2{font-family:var(--serif);font-size:clamp(20px,2.6vw,26px);line-height:1.5;font-weight:500;color:var(--ink);margin:68px 0 20px;padding-top:8px} /* ブロック間余白 44→68px（2026-08-03） */
  .news-body h2::before{content:"";display:block;width:32px;height:2px;background:var(--o);margin-bottom:14px}
  .news-body h2:first-child{margin-top:0} /* first-of-type→first-child：リード段落がある場合は2ブロック目h2の余白を維持（2026-08-03） */
  .news-body figure{margin:22px 0}
  .news-body figure img{width:100%;height:auto;display:block;border-radius:4px}

  /* === 営業カレンダー === */
  .schedule-card{margin:24px 0;background:#FBF8F2;border-radius:8px;padding:26px 28px;border:1px solid rgba(26,22,20,.06)}
  .schedule-card h3{margin:0 0 16px;font-family:var(--serif);font-size:17px;color:var(--ink);font-weight:500}
  .schedule-table{width:100%;border-collapse:collapse;font-size:13.5px}
  .schedule-table th,.schedule-table td{padding:12px 14px;border-bottom:1px solid rgba(26,22,20,.08);text-align:left;vertical-align:middle}
  .schedule-table th{background:transparent;width:35%;color:rgba(26,22,20,.6);font-weight:500;font-size:13px}
  .schedule-table td{color:var(--ink);line-height:1.7}
  .schedule-table .badge{display:inline-block;padding:2px 10px;border-radius:3px;font-size:11.5px;font-weight:500;letter-spacing:.02em}
  .schedule-table .badge-rest{background:#F4D9D9;color:#9A2A2A}
  .schedule-table .badge-open{background:#D6E8D6;color:#2F6B2F}

  .news-callout{margin:28px 0;padding:22px 26px;background:#fff;border:1px dashed rgba(232,154,46,.5);border-radius:6px}
  .news-callout h4{margin:0 0 10px;font-family:var(--serif);font-size:16px;color:var(--ink);font-weight:500}
  .news-callout p{margin:0 0 8px;font-size:14px;line-height:1.85;color:rgba(26,22,20,.78)}
  .news-callout p:last-child{margin-bottom:0}

  .news-end{margin-top:50px;padding:32px;background:linear-gradient(135deg,#FBF8F2 0%,#F4F0E8 100%);border-radius:6px;text-align:center}
  .news-end h3{font-family:var(--serif);font-size:20px;color:var(--ink);margin:0 0 10px;font-weight:500}
  .news-end p{font-size:14px;color:rgba(26,22,20,.7);margin:0 0 20px}
  .news-end .btns{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
  .news-end .btn{display:inline-block;padding:14px 28px;border-radius:30px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}
  .news-end .btn-line{background:#06C755;color:#fff}
  .news-end .btn-line:hover{background:#00b347;transform:translateY(-1px)}
  .news-end .btn-tel{background:#fff;border:1px solid var(--o);color:var(--o)}
  .news-end .btn-tel:hover{background:var(--o);color:#fff}

  .news-nav{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:var(--en);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
  @media(max-width:560px){.news-nav{grid-template-columns:1fr}}
  .news-nav a{padding:16px 20px;background:#FBF8F2;border:1px solid rgba(26,22,20,.08);border-radius:4px;text-align:center;color:rgba(26,22,20,.65);text-decoration:none;transition:all .2s}
  .news-nav a:hover{border-color:var(--o);color:var(--o)}

  .meta-sign{margin-top:30px;padding-top:18px;border-top:1px dotted rgba(26,22,20,.18);font-size:13px;color:rgba(26,22,20,.6);text-align:right}
/* ==========================================================
   目次（TOC）付き2カラムレイアウト ── 2026-08-03 追加
   ----------------------------------------------------------
   ・リピーター article の見出しが2件以上あるとき、single.php が
     .news-body-inner に --toc modifier を付与し、右カラムに
     .news-aside > .toc-card（sticky）を出力する。
   ・コンテナ幅は目次あり/なしとも .news-body-inner の var(--max) で
     固定（ヘッダーのラインと一致）。本文の読み幅 760px は --toc の
     2カラム時のみ適用（common.css 側で定義）。見出しが1件以下／
     リピーター未使用（the_content フォールバック）のときは目次を
     出さず、.news-main は inner 幅いっぱいの1カラム。
   ・構造・トーンは works-single.css の .case-aside / .data-card を踏襲。
========================================================== */

  /* --- 2カラム化（施工事例と同じ main 1fr + 260px）。横幅は .news-body-inner の var(--max) を継承 --- */
  .news-body-inner--toc{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px}
  @media(max-width:980px){
    .news-body-inner--toc{grid-template-columns:1fr;gap:36px}
  }

  /* --- 目次カード（sticky シェルは common.css へ移管。ここは news 固有の SP 挙動のみ） --- */
  @media(max-width:980px){
    .news-aside{order:-1} /* SP・タブレットでは本文の上に目次を表示 */
  }
  .toc-card{background:#FBF8F2;border:1px solid rgba(26,22,20,.08);border-radius:6px;padding:22px 24px}
  .toc-card h4{font-family:var(--en);font-size:11px;letter-spacing:.16em;color:var(--o);margin:0 0 14px;text-transform:uppercase}
  .toc-card h4::before{content:"";display:inline-block;width:18px;height:1px;background:var(--o);vertical-align:middle;margin-right:10px}
  .toc-list{margin:0;padding:0;list-style:none;counter-reset:toc}
  .toc-list li{position:relative;border-bottom:1px dotted rgba(26,22,20,.12);counter-increment:toc}
  .toc-list li:last-child{border-bottom:none}
  .toc-list a{display:block;padding:9px 0 9px 26px;font-size:13px;line-height:1.6;color:rgba(26,22,20,.72);text-decoration:none;transition:color .2s}
  .toc-list a::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:var(--en);font-size:11px;letter-spacing:.06em;color:var(--o)}
  .toc-list a:hover{color:var(--o)}
  .toc-list a.is-current{color:var(--o);font-weight:500} /* 任意：現在地ハイライト（JS併用時） */

  /* --- アンカー着地位置の調整（固定ヘッダー分逃がす）＋スムーススクロール --- */
  .news-body h2[id]{scroll-margin-top:100px}
  @media(prefers-reduced-motion:no-preference){
    html:has(.news-body-inner--toc){scroll-behavior:smooth}
  }

  /* --- ブロック間余白のSP調整（2026-08-03） --- */
  @media(max-width:767px){
    .news-body h2{margin-top:52px}
  }