/* Iconic Shizuoka 2026 - page.css
   募集ページ（marche / stage / physical）用。site.css のトークンと部品を前提に追加分だけ定義する。 */

/* ---- サブページのヘッダー（トップへ戻る導線つき） ---- */
.site-header__back{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;letter-spacing:.1em;color:var(--ink-2);white-space:nowrap;transition:color .3s}
.site-header__back:hover{color:var(--pink-deep)}
.site-header__back svg{width:13px;height:13px;flex:none}
@media (max-width:700px){.site-header__back span{display:none}}

/* ---- ページ見出し ---- */
.phero{position:relative;overflow:hidden;padding:clamp(36px,5vw,64px) 0 0}
.phero__bg{position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,var(--blush) 0%,var(--blush-2) 42%,var(--lilac-2) 70%,var(--lilac) 100%);pointer-events:none}
.phero__petals{position:absolute;right:-10%;top:-24%;width:min(460px,62vw);opacity:.55;pointer-events:none}
.phero__in{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,4vw,56px);align-items:end;padding-bottom:clamp(36px,5vw,64px)}
.phero__copy{grid-column:1/8}
.phero__visual{grid-column:8/13}
.phero__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-num);font-weight:600;font-size:.74rem;letter-spacing:.24em;color:var(--pink-ink);text-transform:uppercase}
.phero__eyebrow::before{content:"";width:22px;height:1px;background:var(--pink)}
.phero__title{margin-top:clamp(14px,2vw,22px);font-family:var(--f-mincho);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.3;letter-spacing:.06em}
.phero__title em{display:block;font-family:var(--f-display);font-weight:600;font-variation-settings:"opsz" 48;font-style:normal;font-size:1.06em;letter-spacing:0;color:var(--pink-deep);line-height:1.08}
.phero__lead{margin-top:clamp(14px,2vw,20px);font-family:var(--f-mincho);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;letter-spacing:.1em;line-height:1.95;color:var(--ink-2);max-width:26em}
.phero__meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:clamp(18px,2.5vw,26px);font-size:.88rem;letter-spacing:.06em;color:var(--ink-2)}
.phero__meta b{font-family:var(--f-num);font-weight:700;color:var(--ink);letter-spacing:.02em;margin-right:.45em}
.phero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3vw,32px)}
.phero__frame{position:relative;margin-left:auto;width:100%}
.phero__frame::before{content:"";position:absolute;inset:10% -7% -8% 12%;background:var(--lilac);border-radius:var(--r);z-index:0}
.phero__photo{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);box-shadow:0 34px 66px -38px rgba(120,60,100,.45)}
@media (max-width:900px){
  .phero__copy,.phero__visual{grid-column:1/-1}
  .phero__frame{width:min(84%,420px);margin:8px 0 0}
  .phero__petals{right:-24%;top:-14%;width:min(360px,72vw);opacity:.4}
}

/* ---- ページ内ナビ ---- */
.pagenav{position:sticky;top:72px;z-index:40;background:rgba(255,248,251,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pagenav ul{display:flex;gap:clamp(14px,2.4vw,30px);overflow-x:auto;padding:14px 0;font-size:.8rem;letter-spacing:.08em;scrollbar-width:none}
.pagenav ul::-webkit-scrollbar{display:none}
.pagenav li{flex:none}
.pagenav a{position:relative;padding:5px 0;color:var(--ink-2);white-space:nowrap;transition:color .3s}
.pagenav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--pink-deep);transition:right .35s var(--ease)}
.pagenav a:hover{color:var(--pink-deep)}
.pagenav a:hover::after,.pagenav a:focus-visible::after{right:0}

/* ---- 本文セクション ---- */
.section--doc{padding:clamp(52px,7vw,96px) 0}
.section--doc+.section--doc{padding-top:0}
.doc{max-width:70ch}
.doc>*+*{margin-top:1.1em}
.doc p{font-size:.97rem}
.doc a:not(.btn){color:var(--pink-ink);border-bottom:1px solid var(--pink)}

/* ---- 仕様表（開催概要など） ---- */
.spec{border-top:1px solid var(--line);width:100%;max-width:760px}
.spec>div,.spec tr{display:grid;grid-template-columns:8.5em 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);text-align:left}
.spec dt,.spec th{font-size:.74rem;font-weight:400;letter-spacing:.2em;color:var(--pink-ink);padding-top:.4em}
.spec dd,.spec td{font-size:.96rem}
.spec b{font-family:var(--f-num);font-weight:700;font-size:1.06em;letter-spacing:.01em}
.spec .muted{display:block;font-size:.84rem;color:var(--ink-2);margin-top:2px}
@media (max-width:600px){.spec>div,.spec tr{grid-template-columns:1fr;gap:4px}.spec dt,.spec th{padding-top:0}}

/* ---- 箇条書き ---- */
.bullets{display:grid;gap:10px;font-size:.95rem;max-width:62ch}
.bullets li{position:relative;padding-left:18px}
.bullets li::before{content:"";position:absolute;left:0;top:.92em;width:8px;height:1px;background:var(--pink)}
.bullets strong{font-weight:700}

/* ---- 補足ボックス ---- */
.note{margin-top:22px;padding:18px 22px;background:var(--blush-2);border-left:2px solid var(--pink);border-radius:0 var(--r) var(--r) 0;font-size:.9rem;line-height:1.9;max-width:64ch}
.note--warn{background:#FFF4E8;border-left-color:#E8944A}
.note strong{color:var(--pink-ink)}

/* ---- 番号つきリスト（審査基準など） ---- */
.numlist{display:grid;gap:2px;border-top:1px solid var(--line);max-width:760px}
.numlist li{display:grid;grid-template-columns:3.2em 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.numlist .n{font-family:var(--f-num);font-weight:700;font-size:1.1rem;color:var(--pink-deep);letter-spacing:.02em}
.numlist strong{display:block;font-family:var(--f-mincho);font-size:1.06rem;font-weight:600;letter-spacing:.06em;margin-bottom:4px}
.numlist span{font-size:.9rem;color:var(--ink-2)}

/* ---- 強調ブロック（賞品など） ---- */
.highlight{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 26px;padding:clamp(24px,3vw,34px) clamp(24px,3vw,38px);background:#fff;border:1px solid var(--blush);border-radius:var(--r);box-shadow:0 26px 50px -40px rgba(120,60,100,.5);max-width:640px}
.highlight__label{font-family:var(--f-num);font-weight:700;font-size:.74rem;letter-spacing:.24em;color:var(--pink-ink)}
.highlight__value{font-family:var(--f-num);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.highlight__value small{font-family:var(--f-gothic);font-weight:400;font-size:.42em;letter-spacing:.1em;color:var(--ink-2);margin-left:.5em}
.highlight+.doc{margin-top:20px}

/* ---- チップ ---- */
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips li{padding:8px 16px;border:1px solid var(--blush);background:#fff;border-radius:999px;font-size:.82rem;letter-spacing:.06em}

/* ---- ステップ ---- */
.steps{display:grid;gap:0;border-top:1px solid var(--line);max-width:760px}
.steps li{display:grid;grid-template-columns:5.6em 1fr;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.steps .n{font-family:var(--f-num);font-weight:700;font-size:.72rem;letter-spacing:.16em;color:var(--pink-ink)}
.steps p{font-size:.95rem}
@media (max-width:600px){.steps li{grid-template-columns:1fr;gap:6px}}

/* ---- 注意事項 ---- */
.cautions{display:grid;gap:9px;font-size:.9rem;color:var(--ink-2);max-width:66ch;counter-reset:c}
.cautions li{position:relative;padding-left:26px}
.cautions li::before{counter-increment:c;content:counter(c);position:absolute;left:0;top:.15em;font-family:var(--f-num);font-weight:600;font-size:.72rem;color:var(--pink-ink)}

/* ---- 料金表 ---- */
.ratewrap{overflow-x:auto;max-width:100%}
.rate{border-collapse:collapse;width:100%;min-width:420px;font-size:.94rem}
.rate caption{text-align:left;font-size:.78rem;letter-spacing:.12em;color:var(--ink-2);padding-bottom:10px}
.rate th,.rate td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}
.rate thead th{font-size:.72rem;font-weight:400;letter-spacing:.16em;color:var(--pink-ink);border-bottom:1px solid var(--pink)}
.rate tbody th{font-weight:500}
.rate td.num{font-family:var(--f-num);font-weight:700;font-variant-numeric:tabular-nums}
.rate .sub{display:block;margin-top:4px;font-family:var(--f-gothic);font-weight:400;font-size:.8rem;color:var(--ink-2)}
.rate .free{color:var(--pink-deep)}

/* ---- タイムライン ---- */
.timeline{display:grid;gap:0;border-top:1px solid var(--line);max-width:760px}
.timeline li{display:grid;grid-template-columns:7em 1fr;gap:20px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line)}
.timeline .t{font-family:var(--f-num);font-weight:700;font-size:.95rem;color:var(--pink-deep);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.timeline p{font-size:.94rem}
.timeline .sub{display:block;font-size:.84rem;color:var(--ink-2);margin-top:2px}
@media (max-width:600px){.timeline li{grid-template-columns:5.2em 1fr;gap:12px}}

/* ---- カード列 ---- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(14px,2vw,22px)}
.card{padding:clamp(22px,2.6vw,30px);background:#fff;border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:9px}
.card h3{font-family:var(--f-mincho);font-size:1.1rem;font-weight:600;letter-spacing:.06em}
.card .k{font-family:var(--f-num);font-weight:600;font-size:.72rem;letter-spacing:.18em;color:var(--pink-ink)}
.card p{font-size:.89rem;color:var(--ink-2)}
.card .price{font-family:var(--f-num);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.card .price small{font-family:var(--f-gothic);font-weight:400;font-size:.5em;letter-spacing:.1em;color:var(--ink-2);margin-left:.4em}

/* ---- 応募セクション ---- */
.apply{background:linear-gradient(120deg,var(--blush),var(--lilac));padding:clamp(56px,8vw,110px) 0;position:relative;overflow:hidden}
.apply__daisy{position:absolute;right:-70px;bottom:-80px;width:min(300px,46vw);opacity:.6;pointer-events:none}
.apply .container{position:relative}
.apply__label{font-family:var(--f-num);font-weight:600;font-size:.74rem;letter-spacing:.24em;color:var(--pink-ink)}
.apply__title{margin-top:12px;font-family:var(--f-mincho);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;letter-spacing:.08em}
.apply__text{margin-top:14px;font-size:.95rem;color:var(--ink-2);max-width:44ch}
.apply__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(24px,3vw,34px)}
.apply__or{font-family:var(--f-display);font-style:italic;color:var(--ink-2);font-size:.95rem}
.apply__note{margin-top:14px;font-size:.78rem;letter-spacing:.08em;color:var(--ink-2)}
.embed{margin-top:clamp(26px,3.5vw,40px);background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.embed iframe{display:block;width:100%;border:0}

/* ---- 地図 ---- */
.mapbox{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.mapbox #map,.mapbox .leaflet-container{height:clamp(300px,44vh,460px);width:100%}
.parking{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}
.parking li{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:.88rem}
.parking b{display:block;font-family:var(--f-mincho);font-weight:600;font-size:1rem;letter-spacing:.04em;margin-bottom:4px}
.parking .m{color:var(--ink-2);font-size:.82rem}
.parking a{color:var(--pink-ink);border-bottom:1px solid var(--pink);font-size:.8rem}

@media (prefers-reduced-motion:reduce){
  .pagenav a,.site-header__back{transition:none}
}

/* ---- 駐車場の表 ---- */
.ptable{border-collapse:collapse;width:100%;min-width:640px;font-size:.88rem}
.ptable th,.ptable td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ptable thead th{font-size:.7rem;font-weight:400;letter-spacing:.14em;color:var(--pink-ink);border-bottom:1px solid var(--pink);white-space:nowrap}
.ptable .c{text-align:center}
.ptable .name{font-weight:500;line-height:1.6}
.ptable .name a{display:inline-block;margin-top:3px;font-size:.74rem;color:var(--pink-ink);border-bottom:1px solid var(--pink)}
.ptable .num{font-family:var(--f-num);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ptable .sub{display:block;font-size:.74rem;color:var(--ink-2);font-family:var(--f-gothic);font-weight:400;margin-top:2px}
.pin{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-family:var(--f-num);font-weight:700;font-size:.68rem}
.near{color:#2E7D32}.near .pin,.pin.near{background:#2E7D32;color:#fff}
.mid{color:#C87A22}.mid .pin,.pin.mid{background:#C87A22;color:#fff}
.far{color:#C0392B}.far .pin,.pin.far{background:#C0392B;color:#fff}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end;margin-top:10px;font-size:.72rem;color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:11px;height:11px;border-radius:50%;display:inline-block}

/* ---- 開閉できる補足（規約・安全管理など） ---- */
.disclose{background:#fff;border:1px solid var(--line);border-left:2px solid var(--pink);border-radius:0 var(--r) var(--r) 0;padding:20px 24px}
.disclose+.disclose{margin-top:12px}
.disclose>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-family:var(--f-mincho);font-size:1.02rem;font-weight:600;letter-spacing:.05em}
.disclose>summary::-webkit-details-marker{display:none}
.disclose>summary::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--pink-deep);border-bottom:1.5px solid var(--pink-deep);transform:rotate(-45deg);transition:transform .3s var(--ease);flex:none;margin-left:2px}
.disclose[open]>summary::before{transform:rotate(45deg)}
.disclose__body{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.95;color:var(--ink-2)}
.disclose__body>*+*{margin-top:.7em}
.disclose__body h4{font-size:.85rem;font-weight:700;color:var(--ink);letter-spacing:.06em;margin-top:1.3em}
.disclose__body ul{display:grid;gap:5px}
.disclose__body li{position:relative;padding-left:15px}
.disclose__body li::before{content:"";position:absolute;left:0;top:.9em;width:7px;height:1px;background:var(--pink)}

/* ---- 応募フォームに入れる項目のチップ ---- */
.formitems{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.formitems li{padding:7px 14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:999px;font-size:.78rem;letter-spacing:.04em;color:var(--ink)}

/* ---- フォームが使えない場合の代替導線 ---- */
.fallback{margin-top:clamp(28px,3.5vw,42px);padding:clamp(24px,3vw,34px);background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:var(--r)}
.fallback h3{font-family:var(--f-mincho);font-size:1.1rem;font-weight:600;letter-spacing:.06em;margin-bottom:10px}
.fallback p{font-size:.89rem;color:var(--ink-2)}
.fallback p+p,.fallback ul{margin-top:12px}
.fallback ul{display:grid;gap:7px;font-size:.87rem;color:var(--ink-2)}
.fallback li{position:relative;padding-left:16px}
.fallback li::before{content:"";position:absolute;left:0;top:.9em;width:7px;height:1px;background:var(--pink)}
.fallback .btn{margin-top:16px}
.fallback strong{color:var(--ink)}

/* ---- 流れ（応募→決定） ---- */
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.flow li{padding:11px 20px;background:#fff;border:1px solid var(--blush);border-radius:999px;font-size:.88rem;letter-spacing:.04em}
.flow .arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--pink);padding:0;background:none;border-radius:0}

/* ---- 掲げる一文（コンセプト） ---- */
.creed{max-width:60ch}
.creed q{display:block;font-family:var(--f-mincho);font-size:clamp(1.3rem,2.4vw,1.95rem);font-weight:600;letter-spacing:.06em;line-height:1.65;color:var(--pink-deep);quotes:"「" "」"}
.creed p{margin-top:16px;font-size:.95rem;line-height:2;color:var(--ink-2)}
.creed strong{color:var(--ink);font-weight:700}
.subhead{display:flex;align-items:baseline;gap:12px;margin:clamp(30px,4vw,44px) 0 14px;font-family:var(--f-mincho);font-size:1.08rem;font-weight:600;letter-spacing:.08em}
.subhead::before{content:"";width:14px;height:1px;background:var(--pink);flex:none;transform:translateY(-.35em)}
.subhead:first-child{margin-top:0}

/* ---- 持ち物チェックリスト ---- */
.checklist{display:grid;gap:14px;max-width:70ch}
.checklist li{position:relative;padding-left:32px;font-size:.94rem;line-height:1.9}
.checklist li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border:1.5px solid var(--pink);border-radius:3px;background:#fff}
.checklist strong{color:var(--pink-ink)}
.checklist small{display:block;margin-top:5px;font-size:.82rem;color:var(--ink-2);line-height:1.9}

/* ---- フォームを2つ並べる ---- */
.formpick{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:clamp(22px,3vw,30px)}
.formpick a{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.6vw,30px);background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);border-radius:var(--r);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.formpick a:hover{transform:translateY(-3px);box-shadow:0 26px 44px -30px rgba(120,60,100,.5)}
.formpick .k{font-family:var(--f-num);font-weight:600;font-size:.72rem;letter-spacing:.18em;color:var(--pink-ink)}
.formpick .t{font-family:var(--f-mincho);font-size:1.18rem;font-weight:600;letter-spacing:.06em}
.formpick .g{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.12em;color:var(--pink-deep);margin-top:2px}
.formpick .g svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.formpick a:hover .g svg{transform:translateX(4px)}

/* 募集ページは狭い画面でも応募ボタンを優先して出す（戻る導線はロゴが担う）
   トップページ（戻る導線なし）には効かせない */
@media (max-width:480px){
  .site-header__tools:has(.site-header__back) .btn{display:inline-flex}
  .site-header__back{display:none}
}

/* ---- 募集終了のお知らせ ---- */
.closed{background:var(--plum);color:var(--plum-text)}
.closed .container{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:20px 0}
.closed b{font-family:var(--f-mincho);font-size:1.05rem;font-weight:600;letter-spacing:.1em;color:#F5C3DD}
.closed span{font-size:.88rem;color:var(--plum-muted)}
.closed a{color:#F5C3DD;border-bottom:1px solid rgba(245,195,221,.55)}
.phero__eyebrow.is-closed{color:var(--ink-2)}
.phero__eyebrow.is-closed::before{background:var(--ink-3)}

/* ==========================================================
   スマートフォン向けの読みやすさ
   横スクロールしないと読めない表を、縦に積んで全部見えるようにする
   ========================================================== */

/* ページ内ナビ：右端をぼかして「まだ続きがある」ことを示す */
@media (max-width:820px){
  /* position は sticky のまま。sticky も配置済み要素なので ::after の基準になる */
  .pagenav::after{content:"";position:absolute;right:0;top:0;bottom:1px;width:40px;background:linear-gradient(90deg,rgba(255,248,251,0),rgba(255,248,251,.96));pointer-events:none}
}

/* 出店料の表 → 1件ずつのブロックに */
@media (max-width:560px){
  .rate{min-width:0}
  .rate caption{padding-bottom:4px}
  .rate thead{display:none}
  .rate tbody,.rate tr,.rate th,.rate td{display:block;width:100%}
  .rate tr{padding:16px 0;border-bottom:1px solid var(--line)}
  .rate th,.rate td{padding:0;border:0}
  .rate tbody th{font-family:var(--f-mincho);font-size:1rem;font-weight:600;letter-spacing:.04em;margin-bottom:6px}
  .rate td.num{font-size:1.3rem}
}

/* 駐車場の表 → 1件ずつのカードに。項目名は data-l から出す */
@media (max-width:700px){
  .ptable{min-width:0;font-size:.9rem}
  .ptable thead{display:none}
  .ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
  .ptable tr{position:relative;padding:16px 0 16px 38px;border-bottom:1px solid var(--line)}
  .ptable td{padding:3px 0;border:0;text-align:left}
  .ptable td.c:first-child{position:absolute;left:0;top:16px;width:auto;padding:0}
  .ptable .name{font-size:.98rem;margin-bottom:4px}
  .ptable td[data-l]{display:grid;grid-template-columns:5.5em 1fr;gap:10px;align-items:baseline}
  .ptable td[data-l]::before{content:attr(data-l);font-family:var(--f-gothic);font-size:.75rem;font-weight:400;letter-spacing:.08em;color:var(--pink-ink)}
  .ptable .sub{display:inline;margin:0 0 0 .5em;font-size:.8rem}
}

/* 小さすぎるラベルを底上げ */
@media (max-width:600px){
  .phero__eyebrow,.apply__label,.highlight__label,.card .k,.formpick .k{font-size:.75rem}
  .spec dt,.steps .n,.numlist span,.checklist small{font-size:.78rem}
  .ptable .sub,.rate .sub,.timeline .sub,.spec .muted{font-size:.8rem}
  .legend{font-size:.76rem;justify-content:flex-start}
}

/* 見出しと本文の間隔を、狭い画面ではもう少し詰める */
@media (max-width:600px){
  .chapter{margin-bottom:26px}
  .section--doc{padding:44px 0}
  .subhead{margin:30px 0 12px}
}

/* 駐車場カード：項目名を値の前にそのまま置く（グリッドだと補足が別行に落ちるため） */
@media (max-width:700px){
  .ptable td[data-l]{display:block;text-align:left;grid-template-columns:none}
  .ptable td[data-l]::before{content:attr(data-l) "：";margin-right:.35em}
  .ptable td.c[data-l]{text-align:left}
  .ptable .sub{display:inline;margin-left:.5em;color:var(--ink-2)}
}

/* 目次から飛んだとき、見出しが固定ヘッダー＋ページ内ナビの下に隠れないようにする */
.section--doc,.apply,.closed{scroll-margin-top:132px}

/* 応募ボタン：狭い画面では縦に積み、「or」を中央に置く */
@media (max-width:560px){
  .apply__actions{flex-direction:column;align-items:stretch;gap:10px}
  .apply__actions .btn{justify-content:center}
  .apply__or{text-align:center;padding:2px 0}
  .phero__actions{flex-direction:column;align-items:stretch}
  .phero__actions .btn{justify-content:center}
}