:root { --accent:#2563eb; --text:#1c2430; --muted:#6b7684; --border:#e3e6ea; --bg:#fff; --panel:#f7f8fa; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif; color:var(--text); background:var(--panel); line-height:1.7; }
.lp-head { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; background:var(--bg); border-bottom:1px solid var(--border); }
.lp-head .home { font-weight:700; font-size:18px; color:var(--text); text-decoration:none; }
.lp-head .map-link { font-size:13px; color:var(--accent); text-decoration:none; border:1px solid var(--accent); border-radius:8px; padding:5px 10px; }
.lp { max-width:860px; margin:0 auto; padding:20px 16px 60px; background:var(--bg); min-height:100vh; }
.lp h1 { font-size:24px; margin:8px 0 4px; }
.loc { color:var(--muted); font-size:14px; margin:0 0 14px; }
.live { color:#e11d48; font-weight:700; }
.embed { position:relative; aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; }
.embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.cta { display:block; text-align:center; margin:16px 0; padding:14px; background:var(--accent); color:#fff; font-size:15px; font-weight:600; text-decoration:none; border-radius:10px; }
.cta:hover { filter:brightness(1.08); }
.desc { color:#333; font-size:15px; }
.related { margin-top:28px; }
.related h2 { font-size:17px; margin:0 0 10px; }
.related ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; }
.related a { display:block; padding:10px 12px; background:var(--panel); border:1px solid var(--border); border-radius:10px; text-decoration:none; color:var(--text); font-size:14px; }
.related a span { display:block; color:var(--muted); font-size:12px; }
.related a:hover { border-color:var(--accent); }
.lp-foot { margin-top:32px; padding-top:16px; border-top:1px solid var(--border); font-size:12px; color:var(--muted); }
.lp-foot a { color:var(--muted); }
@media (prefers-color-scheme: dark) {
  :root { --bg:#161a20; --panel:#0f1216; --border:#2a2f37; --text:#e6e9ee; --muted:#9aa4b0; }
  .desc { color:#c9cfd6; }
}