/* 地図以外のページ（このサイトについて・お知らせ・プライバシー・掲載の差し替え・お問い合わせ）の見た目と幅を、
   カーイベントエントリーの下層ページ（/news・/terms）にそろえる（2026-11-11）。page.css・contact.css の後に読む。変えたら sub.css?v= を上げる */
:root{--page:1040px;--gut:16px;--r:8px;--ink:#1c1b19;
  --font-body:"IBM Plex Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Meiryo",sans-serif}
@media (min-width:900px){:root{--gut:24px}}
body.sub{padding:0;font-family:var(--font-body);font-size:16px;line-height:1.7}

/* 上の帯：ロゴ・メニュー・言語 */
.sub .top{min-height:52px;padding:8px max(var(--gut),calc((100% - var(--page)) / 2));display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg)}
.sub .top .brand{display:inline-flex;text-decoration:none}
.sub .top .logo svg{height:40px}
@media (max-width:759px){.sub .top .logo svg{height:30px}}
.sub .topnav{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:13px;font-weight:700}
.sub .topnav a{color:var(--fg);text-decoration:none;padding:9px 10px;border-radius:8px;white-space:nowrap}
.sub .topnav a:hover{background:color-mix(in srgb,var(--fg) 7%,transparent)}
.sub .topnav a[aria-current="page"]{color:var(--accent)}
@media (max-width:759px){.sub .topnav{display:none}}
.sub .top .lang{margin-left:0;font-size:13px;font-weight:400;padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--fg);text-decoration:none;white-space:nowrap}

/* ページの見出し（明るい帯＝規約など、暗い帯＝お知らせなど） */
.ph{padding:24px var(--gut) 8px}
.ph-in{max-width:var(--page);margin:0 auto}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 12px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--fg)}
.ph h1{margin:0;font-size:28px;line-height:1.35;letter-spacing:-.01em;font-weight:700}
.ph-lead{margin:12px 0 0;color:var(--muted);line-height:1.85}
.ph-dark{position:relative;padding:28px var(--gut) 72px;background:var(--ink);color:#e9e6dd;overflow:hidden;isolation:isolate}
.ph-dark::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:57px;z-index:-1;background:var(--bg);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
.ph-dark .crumbs{color:#a9a59a;margin-bottom:28px}.ph-dark .crumbs a{color:#cfcbc0}.ph-dark .crumbs a:hover{color:#fff}.ph-dark .crumbs [aria-current]{color:#e9e6dd}
.ph-dark h1{color:#fff}
@media (min-width:600px){.ph-dark h1{font-size:36px}}
@media (min-width:1040px){.ph-dark h1{font-size:44px;line-height:1.28}}
.ph-dark .ph-lead{margin-top:18px;color:#cfcbc0}

/* 本文のカード */
.sub .page{max-width:calc(var(--page) + 2 * var(--gut));margin:0 auto;padding:0 0 24px}
@media (min-width:672px){.sub .page{padding:0 var(--gut) 24px}}
.sub .page > .card{margin-top:8px;padding:20px 16px;background:var(--panel);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
@media (min-width:672px){.sub .page > .card{border:1px solid var(--line);border-radius:var(--r)}}
.sub .card h1{font-size:20px;margin:0 0 10px}
.sub .card h2{font-size:16px;margin:24px 0 8px}
.sub .card > h2:first-child{margin-top:0}
.sub .card p{margin:0 0 12px}
.sub .card ul,.sub .card ol{margin:0 0 12px;padding-left:1.4em}
.sub .card li{margin-bottom:6px}
.sub .muted{font-size:13px}

/* お知らせの一覧（エントリーの /news と同じ並び） */
.sub .news-y{font-size:16px;margin:24px 0 4px}.sub .news-y:first-child{margin-top:0}
.sub .news{display:grid;grid-template-columns:6.5em 1fr;margin:0}
.sub .news dt{font-family:var(--font-disp);font-weight:700;font-size:15px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.sub .news dd{margin:0;padding:12px 0 12px 14px;border-top:1px solid var(--line)}
.sub .news dt:first-of-type,.sub .news dt:first-of-type + dd{border-top:0}
@media (max-width:559px){.sub .news{display:block}.sub .news dt{padding:12px 0 0}.sub .news dt:first-of-type{padding-top:0}.sub .news dd{border-top:0;padding:4px 0 12px}}

/* 下の帯 */
.sub .foot{margin:0;padding:24px max(var(--gut),calc((100% - var(--page)) / 2)) 40px;font-size:13px;color:var(--muted)}
.sub .foot a{color:inherit}
.sub .foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.sub .foot-links a{padding:4px 0}
.sub .foot .sns{margin-left:0}