/* ============================================================
   タイポグラフィ・スケール（このファイルが唯一の出所）
   2026-08-12 制定。全ページ共通。

   【なぜ作ったか】
   サイト全体で和文が 11 / 12 / 13 / 14.1 / 15 / 16 / 18.7 / 19.9 / 21 /
   22.3px … と無秩序に散っていた。セクションを足すたびに
   その場の見た目で決めていたのが原因。段を6つに固定し、
   個別の px 指定をやめてこの変数だけを使う。

   【段】
     --fs-en-label  英字の小ラベル（ROOM TYPE / AREA / SCHOOL など）
                    大文字・字間広めなので小さくても読める
     --fs-caption   注記・写真キャプション・図の説明
     --fs-small     補助テキスト・ボタン・リンク・リスト
     --fs-body      本文（section-type-system と同値）
     --fs-lead      リード文・中見出し
     --fs-heading   セクション見出し（section-type-system と同値）
     英字ディスプレイは section-type-system.css の規定のまま（不可侵）

   【禁止】
   これ以外の px を新しく書かない。足りない段があれば、
   その場で数字を決めずに、この表に段を足してから使う。
   ============================================================ */

:root {
  --fs-en-label: 12px;
  --fs-note:     13px;
  --fs-caption:  14px;
  --fs-small:    15px;
  --fs-body:     clamp(15px, 1.12vw, 17px);
  --fs-lead:     clamp(21px, 1.6vw, 24px);
  --fs-heading:  clamp(26px, 2.15vw, 34px);
}

@media (max-width: 768px) {
  :root {
    --fs-en-label: 11px;
    --fs-caption:  13px;
    --fs-small:    14px;
    --fs-body:     15px;
    --fs-lead:     19px;
    --fs-heading:  23px;
  }
}

/* 2026-08-28 FB-0828 で足した1段。幅で変えない。
   --fs-note  本文に添える一行の注記（電話番号・受付時間）。
              和文の下限13pxちょうどなので、SPでも縮めない */

/* ============================================================
   既存CSSのうち、変数を使わず px 直書きだった箇所を段に揃える。
   （既存ファイルは書き換えず、ここで上書きする）
   ============================================================ */

/* --- 英字の小ラベル --- */
.rooms-spec dt,
.bqp-hallcard__area b,
.bqp-hallcard__en,
.bqp-row__name i,
.bqp-detail__hall,
.rooms-editorial__meta,
.facility-editorial__meta,
.banquet-editorial__meta,
.bqp-hall__name p,
.union__kicker,
.footer-cb__sns a,
.footer-cb__chain { font-size: var(--fs-en-label); }

/* --- 注記・キャプション --- */
.cb-disclaimer,
.bqp-note,
.bqp-note.bqp-note--wide,
.bqp-plans__card figcaption,
.bqp-detail__body figcaption,
.bqp-row__shot figcaption,
.facility-editorial__main-figure figcaption,
.facility-editorial__secondary-figure figcaption,
.banquet-editorial__main-figure figcaption,
.rooms-editorial__caption,
.footer-editorial__operator,
.station__line { font-size: var(--fs-caption); }

/* --- 補助・ボタン・リンク --- */
.footer-editorial__nav a,
.footer-editorial__nav--cb a,
.footer-cb__sub,
.footer-cb__tel,
.cb-contact-cta,
.cb-maplink,
.bqp-detail__title,
.lang-dd__list a,
.more-gate__ja,
.note,
.station i,
.schedule__row,
.reserve-rail__item,
.union__back { font-size: var(--fs-small); }

/* --- 本文 --- */
.bqp-hallcard__lead,
.bqp-layouts__lead,
.bqp-intro p,
.union__lead,
.union__item p,
.rooms-spec dd,
.facility-editorial__facts dd,
.facility-editorial__facts dt,
.lang-dd__btn,
.footer-cb__reserve,
.bqp-reserve__main,
.union__reserve { font-size: var(--fs-body); }

/* --- 注記（2026-08-28 FB-0828） ---
   電話行は .union__item p（本文）と同じ2値の詳細度なので、
   同じ詳細度で後に置いて上書きする */
.union__item .union__reserve-guide-tel { font-size: var(--fs-note); }

/* 組合員ページの2つのCTA（案内内・本文末）は同一サイズで揃える。
   SPだけ一段下げるのは、長いラベル「組合員料金専用 予約ページへ」を
   320pxで1行に収めるため。--fs-small はSPで14px＝追従レールと同値 */
@media (max-width: 768px) {
  .union__reserve { font-size: var(--fs-small); }
}

/* --- リード・中見出し --- */
.hero__statement-seg,
.schedule__title,
.footer-editorial__opening,
.bqp-row__name,
.bqp-hallcard__name,
.union__item h2 { font-size: var(--fs-lead); }

/* --- セクション見出し --- */
.bqp-halls__title,
.bqp-layouts__title,
.bqp-plans__title,
.bqp-reserve__title,
.bqp-intro h2 { font-size: var(--fs-heading); }

/* 縦書き3本柱は横幅に直結する（縦書きでは font-size が幅になる）ため、
   段に寄せるとダーク帯からはみ出す。既存の固有サイズを維持する */
.hero__statement-seg { font-size: var(--fs-lead); }
.footer-editorial__title { font-size: clamp(24px, 1.9vw, 28px); }