/*
 * base.css（試作から機械的に作るもの）に足す少量の CSS。
 * base.css は直接書き換えないので、テーマ側で要るものはここに書く。
 */

/* v8 に画面が無い、これまでの固定ページ・記事の本文。
   旧テーマの Bootstrap を読んでいないので、最低限だけ整える。 */
.legacy{font-size:16.5px;line-height:1.95;color:var(--text);max-width:900px}
.legacy h2{font-size:22px;margin:30px 0 10px;color:var(--ink)}
.legacy h3{font-size:19px;margin:24px 0 8px;color:var(--ink)}
.legacy p{margin:0 0 1em}
.legacy ul,.legacy ol{margin:0 0 1em;padding-left:1.4em}
.legacy img{max-width:100%;height:auto;border-radius:12px}
.legacy table{width:100%;border-collapse:collapse;margin:0 0 1em}
.legacy th,.legacy td{border:1px solid var(--navy-line);padding:10px 12px;text-align:left;vertical-align:top}
.legacy a{color:var(--navy)}

/* 画像を <picture> で包むので、中の <img> の見た目が変わらないようにする */
picture{display:contents}

/* 事例一覧のカードは、写真が無い投稿でも高さが揃うように */
.cases .case .ph{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--navy-tint);color:var(--muted);font-size:14px}

/* 一覧のページ送り */
.next .page-numbers{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.next .page-numbers a,.next .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border-radius:10px;border:2px solid var(--navy-line);color:var(--navy);text-decoration:none;font-weight:700}
.next .page-numbers .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* 公式LINEのQRの小窓。
   試作は div に style="display:flex" を直接書いていたが、それだと hidden 属性が効かず
   （行内の style はブラウザ既定の [hidden]{display:none} に勝つ）、いつも出たままになる。
   display はここで指定して、hidden のときは出さない。 */
#lqm{position:fixed;inset:0;z-index:50;background:rgba(10,32,72,.55);display:flex;align-items:center;justify-content:center;padding:16px}
#lqm[hidden]{display:none}

/* 半額キャンペーン（/campaign/2026-autumn/）の期間が終わったあと（ngc2_until で切り替え）。
   ページは残し、上に「終了しました」を出して、キャンペーン価格とそれをもとにした1割負担の額を隠す。 */
.cpend{margin:10px 0 0;padding:14px 18px;border-radius:14px;background:var(--soft);border:2px solid var(--line);font-weight:700;font-size:17px;color:var(--ink)}
.cp-ended .now,.cp-ended .own{display:none}