/* bridge.css ── 雛形（site.css）を触らずに直す差分。理由を1行ずつ書く */

/* 出現の動き：雛形は 10px/0.6s。とびのねは「着地」なので 20px/0.9s、イージングは1本に揃える */
html.js .up{transform:translate3d(0,20px,0)}
.up{transition:opacity .5s var(--ease),transform .9s var(--ease)}

/* 雛形の見出し（大英字＋小和文）は使わない。h3 の既定 34px を段階表の値に */
h3{font-size:22px;line-height:1.4;font-weight:800}
@media (min-width:768px){ h3{font-size:24px} }
@media (min-width:1100px){ h3{font-size:26px} }

/* 本文の重さ・行間は段階表どおり（雛形は 400/1.95） */
.bd{font-weight:500;line-height:1.85}
.aux{font-size:15px}

/* ヘッダー：トップの FV は明るい面なので、白文字ではなく墨で置く。ロゴは和文太字＋英字小 */
.hd{color:var(--ink)}
.menu i{background:var(--ink);opacity:.75;height:2px}
.hd__logo b{font-family:var(--ja);font-weight:800;font-size:22px;letter-spacing:.1em}
.hd__logo small{font-family:var(--en);font-weight:700;letter-spacing:.3em;opacity:.7}
/* 予約ボタンは墨地＋白文字・角丸（サイト全体のボタンと同じ系統） */
.hd__cta{background:var(--ink);color:#fbfbf7;border-radius:999px;font-weight:800;letter-spacing:.06em}
@media (hover:hover){ .hd__cta:hover{background:var(--accent);color:var(--ink)} }
html.hd-solid .hd{background:var(--bg)}

/* 全画面ナビ：和文を太く、現在地の色は「できた」 */
.gn__a{font-weight:800}
.gn__a em{font-family:var(--en);font-weight:700}
.gn__side .btn{border-radius:999px;background:var(--ink);color:#fbfbf7;border-color:var(--ink);font-weight:800}

/* 雛形の .btn（枠線）は主ボタンとしては使わない。副導線の見た目に寄せる */
.btn{border-radius:999px;font-weight:800}

/* フッター：雛形の地色は生成りの暗灰。とびのねは墨で閉じる */
.ft{background:var(--ink);color:var(--bg)}

/* 雛形の .s（節）と .ctab は使わない前提。誤って残っても面の色が合うように */
.s{background:var(--bg)}

/* SP：雛形は予約ボタンとハンバーガーが同じ右端に重なる。ボタンを左へ56pxずらす */
@media (max-width:820px){ .hd__cta{right:calc(var(--pad) + 56px)} }


/* ヘッダー（2026-09-24・参照B 型）：教室名を左上に積む／右に「無料体験」の塗りピル＋メニューの枠ピル */
.hd{justify-content:flex-start;padding-left:calc(var(--pad) / 2)}
.hd__logo{text-align:left;padding-top:0}
.hd__logo b{font-size:36px;font-weight:900;letter-spacing:.06em;line-height:1}
.hd__logo small{font-size:11px;letter-spacing:.24em;margin-top:6px;opacity:1;font-weight:700;max-width:9em;line-height:1.3}
.menu{width:88px;height:44px;border:2px solid var(--ink);border-radius:999px;padding:13px 26px;background:var(--bg)}
.menu i{margin-bottom:8px}
.hd__cta{right:calc(var(--pad) + 100px);top:26px}
@media (max-width:820px){
  .hd{padding-left:var(--pad)}
  .hd__logo b{font-size:22px}.hd__logo small{display:block;font-size:9px}
  .menu{width:64px;padding:12px 18px;top:10px}
  .hd__cta{right:calc(var(--pad) + 74px);top:10px}
}
/* 文字の段階に合わせる（TB は小＝24） */
@media (min-width:768px) and (max-width:820px){ .hd__logo b{font-size:24px} }

/* ロゴ（2026-09-24）：英字 TOBINONE を主に、下に和文の屋号を小さく。英字は Outfit、和文は M PLUS 1p */
.hd__logo b{font-family:var(--en);font-weight:700;letter-spacing:.04em}
.hd__logo small{font-family:var(--ja);font-weight:800;font-size:12px;letter-spacing:.2em;max-width:none;margin-top:6px;white-space:nowrap}
@media (max-width:820px){ .hd__logo small{font-size:12px;letter-spacing:.12em;margin-top:4px} }