/**
 * 文字サイズの段階（2026-10-03 なるさん指示「大中小の3〜4種にまとめる」）
 *
 * 各CSSに散らばった文字サイズを、このファイルで4段階にそろえる。全ページで最後に読み込む。
 * 既存の指定は詳細度がまちまちなので、文字サイズに限り !important で確実に上書きする。
 * 段階の値を変えるときは :root の変数だけを直す。
 * 2026-10-03 なるさん指示: 最小の文字サイズは16px（SPは「中」と「小」が同じ16px）。
 *
 *   特大 … 原始に帰ろう。／ページタイトル／1日3組限定／TEL番号
 *   大   … セクション見出し／Conceptのリード／IN・OUTの帯／〈ご宿泊〉〈日帰り〉の見出し
 *   中   … 本文・小見出し・メニュー・ボタン・CTA・動画の詩6行
 *   小   … 規約本文・会社概要・フォーム項目名・注記・read more・コピーライト
 */

/* SP（767px以下） */
:root { --fs-xl: 26px; --fs-l: 20px; --fs-m: 16px; --fs-s: 16px; }
/* TAB（768〜1200px） */
@media (min-width: 768px) { :root { --fs-xl: 32px; --fs-l: 24px; --fs-m: 18px; --fs-s: 16px; } }
/* PC（1201px以上） */
@media (min-width: 1201px) { :root { --fs-xl: 32px; --fs-l: 24px; --fs-m: 18px; --fs-s: 16px; } }

/* ---------- 特大 ---------- */
.kakoi-hero__title,
.entry-header .entry-title,
.kakoi-price > p:not(.kakoi-time),
.kakoi-reservation > p > a[href^="tel:"] {
	font-size: var(--fs-xl) !important;
}

/* ---------- 大 ---------- */
.entry-content > .wp-block-group > h2.wp-block-heading,
.entry-content > .wp-block-group > h2.wp-block-heading *,
.kakoi-concept .kakoi-concept__lead,
.kakoi-price .kakoi-time,
.kakoi-price h3,
.site-header__tel a {
	font-size: var(--fs-l) !important;
}

/* ---------- 中 ---------- */
.kakoi-concept p,
.kakoi-hero__line,
.kakoi-reservation > p,
:is(.kakoi-price__stay, .kakoi-price__day) > p:not(.kakoi-time):first-of-type,
:is(.kakoi-userguide, .kakoi-privacy) h3,
.kakoi-thanks p,
.wp-block-button__link,
.footer-nav__list a,
.nav-list a,
.kakoi-cta__label {
	font-size: var(--fs-m) !important;
}

/* ---------- 小 ---------- */
:is(.kakoi-price__stay, .kakoi-price__day) > p:not(.kakoi-time):not(:first-of-type),
:is(.kakoi-userguide, .kakoi-privacy) :is(h4, p, li),
.kakoi-access :is(th, td, td a),
.kakoi-map__link a,
details > summary,
.wpcf7 :is(p, label, input, textarea, select),
.wpcf7-list-item-label,
.site-footer__copyright,
.site-footer__related-label,
.kakoi-cta__sub,
.kakoi-hero__play-label,
.kakoi-hero__scroll-label {
	font-size: var(--fs-s) !important;
}

/* 動画の詩6行を「中」にしたのは SP・TAB だけ（なるさん指示の範囲）。PC は「大」のまま */
@media (min-width: 1201px) {
	.kakoi-hero__line { font-size: var(--fs-l) !important; }
}

/* 例外（2026-10-03 なるさん確認）: 飾りの小さな文字は 12px のままでよい */
.kakoi-hero__scroll-label,
.kakoi-hero__play-label {
	font-size: 12px !important;
}