:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9fc;--bg-elev:#fff;--surface:#fff;--text:#17222e;--text-soft:#566579;--text-faint:#647082;--border:#e6ebf2;--brand:#1877e0;--brand-deep:#1160bd;--brand-ink:#0d3f7a;--accent:#10a89a;--live:#1eb45a;--dead:#a4afbc;--surface-2:#fbfcfe;--surface-sunk:#f1f5fb;--border-soft:#eef2f8;--shadow-xs:0 1px 2px #17222e0d;--shadow:0 1px 2px #17222e0d, 0 8px 24px -10px #17222e29;--shadow-lg:0 2px 4px #17222e0f, 0 22px 48px -16px #17222e47;--radius:16px;--radius-sm:10px;--radius-lg:22px;--header-h:60px;--max:1180px;--grad-hero:linear-gradient(135deg,#1877e0 0%,#10a89a 100%);--grad-sky:linear-gradient(170deg,#eef4fc 0%,#f7f9fc 62%);--g-river:#3b93d6;--g-sea:#1c9db3;--g-port:#2f7fa8;--g-mountain:#4e9b6a;--g-fuji:#6d7fd0;--g-volcano:#d1663f;--g-sky:#64a9e0;--g-road:#78859a;--g-railway:#4a6fa5;--g-airport:#3f8fd6;--g-sightseeing:#cf8a3f;--g-castle:#a5793f;--g-city:#7b6bc4;--g-beach:#12ad9d;--g-ski:#5f9fd8;--g-zoo:#cb789e;--g-nature:#4f9e5c;--g-space:#4b56a8;--g-other:#78859a;--r-hokkaido:#6ea8e0;--r-tohoku:#59b6cf;--r-kanto:#46bcbe;--r-chubu:#4fc2a6;--r-kinki:#62c891;--r-chugoku:#7ccb84;--r-shikoku:#99d07a;--r-kyushu-okinawa:#bcd46f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.skip-link{z-index:200;background:var(--brand);color:#fff;border-radius:0 0 var(--radius-sm) 0;padding:10px 18px;font-weight:700;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:4px}a:focus-visible,.chip:focus-visible,.card:focus-visible,.btn:focus-visible{outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hb-glow,.hb-scan{will-change:auto}.hb-scan{display:none}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;line-height:1.75}a{color:var(--brand-deep);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;font-weight:800;line-height:1.32}p{text-wrap:pretty}@keyframes rise-in{0%{opacity:0;translate:0 22px;scale:.985}to{opacity:1;translate:0;scale:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.grid>*,.chips>*,.live-embed,.panel,.weather,.info-list,.faq-item,.summary-box,.link-player,.player,.browse-more,.japan-select{animation:linear both rise-in;animation-timeline:view();animation-range:entry entry 55%}.grid>:nth-child(3n+2){animation-range:entry entry 62%}.grid>:nth-child(3n+3){animation-range:entry entry 70%}}}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 12% 0,#1877e012 0%,#0000 60%),radial-gradient(60% 40% at 92% 6%,#10a89a0f 0%,#0000 62%);position:fixed;inset:0}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.section{padding:54px 0}.section>h2{letter-spacing:-.015em;align-items:center;gap:16px;margin:0 0 6px;padding-left:17px;font-size:clamp(1.32rem,2.4vw,1.62rem);display:flex;position:relative}.section>h2:before{content:"";background:var(--grad-hero);width:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 8%, transparent);border-radius:999px;position:absolute;top:.16em;bottom:.16em;left:0}.section>h2:after{content:"";background:linear-gradient(90deg, var(--border) 0%, transparent 92%);flex:1;min-width:24px;height:1px}.section .lead{color:var(--text-soft);margin:0 0 22px}h1.page-title{letter-spacing:-.03em;margin:10px 0 14px;padding-bottom:14px;font-size:clamp(1.62rem,3.4vw,2.15rem);position:relative}h1.page-title:after{content:"";background:var(--grad-hero);border-radius:999px;width:56px;height:4px;position:absolute;bottom:0;left:0}h2.page-title{margin:6px 0 8px}.count,.card .meta,.info-list,.spec,.stat-row{font-variant-numeric:tabular-nums}.site-header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--bg-elev) 86%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(12px);backdrop-filter:saturate(1.5)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;box-shadow:inset 0 1px #ffffffb3,0 6px 20px -18px #17222e80}.site-header:after{content:"";background:var(--grad-hero);opacity:.5;height:2px;position:absolute;bottom:-1px;left:0;right:0}@supports (animation-timeline:scroll()){.site-header{animation:linear both header-lift;animation-timeline:scroll(root);animation-range:0 140px}@keyframes header-lift{0%{box-shadow:inset 0 1px #ffffffb3,0 6px 20px -18px #17222e80}to{box-shadow:inset 0 1px #ffffffb3,0 10px 30px -12px #17222e47}}}.brand .logo{transition:transform .4s cubic-bezier(.2,.7,.3,1)}.brand:hover .logo{transform:rotate(-8deg)scale(1.06)}.site-header .container{align-items:center;gap:18px;height:100%;display:flex}.brand{color:var(--text);white-space:nowrap;flex:none;align-items:center;gap:9px;font-size:1.08rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand .logo{width:30px;height:30px;box-shadow:var(--shadow);border-radius:8px;display:block}.disclaimer strong{align-items:center;gap:6px;display:inline-flex}.disclaimer .foot-logo{border-radius:5px;width:20px;height:20px;display:block}.faq{flex-direction:column;gap:10px;max-width:820px;display:flex}.faq-item{border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow-xs);border-radius:14px;padding:2px 18px;transition:border-color .18s,box-shadow .18s,background .18s}.faq-item:hover{border-color:color-mix(in srgb, var(--brand) 32%, var(--border));box-shadow:var(--shadow)}.faq-item[open]{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 5%, #fff), var(--bg-elev) 46%);box-shadow:var(--shadow)}.faq-item summary{cursor:pointer;color:var(--text);align-items:center;gap:12px;padding:16px 0;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"Q";color:#fff;background:var(--grad-hero);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 3px 8px -2px #1877e080}.faq-item summary:after{content:"";border-right:2px solid var(--text-faint);border-bottom:2px solid var(--text-faint);flex:none;width:11px;height:11px;margin-left:auto;transition:transform .25s cubic-bezier(.2,.7,.3,1);transform:rotate(45deg)translate(-2px,-2px)}.faq-item[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.faq-item>p{color:var(--text-soft);margin:0 0 16px 36px;font-size:.94rem;line-height:1.85}.browse-more{border-top:1px solid var(--border);padding-top:24px}.browse-more>h2{color:var(--text-soft);letter-spacing:.04em;padding-left:12px;font-size:1.02rem}.browse-more>h2:before{background:var(--border);width:4px}.area-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.area-links a{color:var(--text-soft);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;padding:7px 13px;font-size:.87rem;font-weight:600;line-height:1.4;transition:border-color .15s,color .15s,transform .12s,background .15s}.area-links a:hover{color:var(--brand-deep);border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:color-mix(in srgb, var(--brand) 6%, #fff);text-decoration:none;transform:translateY(-2px)}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--text-soft);border-radius:999px;padding:7px 12px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.nav a:hover{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand-deep);text-decoration:none}.hero{isolation:isolate;color:#eaf2fb;background:linear-gradient(175deg,#0a1826 0%,#071320 46%,#04101c 100%);border-bottom:1px solid #ffffff14;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hb-glow{filter:blur(80px);opacity:.72;will-change:transform;border-radius:50%;position:absolute}.hb-glow.a{background:#1877e0;width:46vw;height:46vw;animation:26s ease-in-out infinite alternate drift-a;top:-18vw;left:-8vw}.hb-glow.b{background:#10a89a;width:40vw;height:40vw;animation:32s ease-in-out infinite alternate drift-b;top:-12vw;right:-6vw}.hb-glow.c{opacity:.5;background:#3a6ff0;width:36vw;height:36vw;animation:38s ease-in-out infinite alternate drift-c;bottom:-20vw;left:36%}@keyframes drift-a{to{transform:translate(7vw,5vw)scale(1.15)}}@keyframes drift-b{to{transform:translate(-6vw,7vw)scale(1.1)}}@keyframes drift-c{to{transform:translate(5vw,-6vw)scale(1.2)}}.hb-grid{background-image:linear-gradient(90deg,#82c8ff38 1px,#0000 1px),linear-gradient(#82c8ff38 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(130% 86% at 50% 44%,#000 0%,#0000 78%);mask-image:radial-gradient(130% 86% at 50% 44%,#000 0%,#0000 78%)}.hb-scan{opacity:.5;will-change:transform;background:linear-gradient(#0000 0%,#8cd2ff29 48%,#8cd2ff08 52%,#0000 100%);animation:9s linear infinite scan;position:absolute;inset:-50% 0}@keyframes scan{0%{transform:translateY(-33%)}to{transform:translateY(33%)}}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#040a128c 0%,#0000 26% 62%,#040a12b8 100%);position:absolute;inset:0}.hero-inner{text-align:center;padding:88px 0 80px;position:relative}.hero-inner>h1{position:relative}.hero-inner>h1:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#0a1e378c 0%,#0000 72%);width:120%;height:260%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-inner:before,.hero-inner:after{content:"";pointer-events:none;border:2px solid #8ccdff80;width:26px;height:26px;position:absolute}.hero-inner:before{border-bottom:0;border-right:0;border-radius:6px 0 0;top:26px;left:18px}.hero-inner:after{border-top:0;border-left:0;border-radius:0 0 6px;bottom:26px;right:18px}.hero-eyebrow{color:#cfe4fa;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;margin:0 0 20px;padding:7px 16px 7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-eyebrow .live-dot{background:#34d17a;border-radius:50%;flex:none;width:8px;height:8px;animation:2.2s ease-out infinite beacon;box-shadow:0 0 #34d17ab3}@keyframes beacon{0%{box-shadow:0 0 #34d17aa6}70%,to{box-shadow:0 0 0 9px #34d17a00}}.hero h1{letter-spacing:-.025em;color:#fff;text-shadow:0 2px 30px #00000059;margin:0 0 16px;font-size:clamp(2rem,5.6vw,3.4rem);line-height:1.22}.hero h1 .hl{filter:drop-shadow(0 0 18px #5df0d659);background:linear-gradient(100deg,#8fd4ff 0%,#5df0d6 46%,#7fe0ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:#b6cbe0;max-width:660px;margin:0 auto 32px;font-size:1.12rem;line-height:1.85}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-stats{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#ffffff0f;border:1px solid #ffffff24;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:760px;margin:40px auto 0;padding:0;display:grid;overflow:hidden;box-shadow:0 20px 50px -24px #000000b3,inset 0 1px #ffffff24}.hero-stats>div{padding:18px 10px;position:relative}.hero-stats>div+div:before{content:"";background:linear-gradient(#0000,#ffffff38,#0000);width:1px;position:absolute;top:22%;bottom:22%;left:0}.hero-stats dt{color:#97b2cb;letter-spacing:.1em;font-size:.7rem;font-weight:700}.hero-stats dd{color:#fff;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:1.72rem;font-weight:800;line-height:1.1}.hero-stats dd span{color:#97b2cb;letter-spacing:0;margin-left:3px;font-size:.76rem;font-weight:700}@media (max-width:760px){.hb-glow{will-change:auto;filter:blur(56px);animation:none}.hb-scan{display:none}}@media (max-width:640px){.hero-inner{padding:54px 0 48px}.hero-stats{grid-template-columns:repeat(2,1fr);max-width:420px;margin-top:30px}.hero-stats dd{font-size:1.42rem}.hero-stats>div:nth-child(3):before,.hero-stats>div:nth-child(4):before{top:0}.hero-stats>div:nth-child(3),.hero-stats>div:nth-child(4){border-top:1px solid #ffffff1f}.hero-stats>div:nth-child(3):before{display:none}}.hero .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#ffffff47}.hero .btn-ghost:hover{background:#ffffff2e;border-color:#ffffff73}.hero .btn-primary{box-shadow:0 10px 30px -8px #1e8cffb3}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.96rem;font-weight:700;transition:transform .14s cubic-bezier(.2,.7,.3,1),box-shadow .18s,background .15s,border-color .15s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad-hero);color:#fff;box-shadow:0 6px 18px -6px #106ec88c}.btn-primary:hover{box-shadow:0 14px 30px -8px #106ec899}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);transition:transform .6s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-ghost:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));box-shadow:var(--shadow)}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:9px;padding:8px 8px 8px 14px;font-size:.9rem;font-weight:600;transition:transform .14s cubic-bezier(.2,.7,.3,1),border-color .15s,color .15s,box-shadow .18s;display:inline-flex}.chip:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--border));color:var(--brand-deep);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.chip .count{color:var(--text-soft);background:var(--surface-sunk);text-align:center;border-radius:999px;min-width:30px;padding:5px 9px;font-size:.76rem;font-weight:800;line-height:1;transition:background .15s,color .15s}.chip:hover .count{background:color-mix(in srgb, var(--brand) 14%, #fff);color:var(--brand-deep)}.grid{grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .18s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--brand) 45%, var(--border));text-decoration:none;transform:translateY(-5px)}.card:after{content:"";z-index:3;background:var(--grad-hero);transform-origin:0;height:3px;transition:transform .26s cubic-bezier(.2,.7,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover:after,.card:focus-visible:after{transform:scaleX(1)}.card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#d7e6f7,#eef3fa);place-items:center;display:grid;position:relative;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.3,1)}.card:hover .thumb img{transform:scale(1.045)}.card .thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0c141e4d);height:42%;position:absolute;inset:auto 0 0}.card .thumb-badge{z-index:3;color:#fff;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-transform:uppercase;background:#080e16b8;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:.66rem;font-weight:800;display:inline-flex;position:absolute;top:10px;bottom:auto;left:10px}.card .thumb-badge:before{content:"";background:#ff4d5e;border-radius:50%;flex:none;width:7px;height:7px;animation:2s ease-out infinite beacon-red;box-shadow:0 0 #ff4d5eb3}@keyframes beacon-red{0%{box-shadow:0 0 #ff4d5e99}70%,to{box-shadow:0 0 0 8px #ff4d5e00}}.card .thumb:before{content:"→";z-index:3;color:#10202f;opacity:0;background:#fffffff0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;transition:opacity .22s,translate .28s cubic-bezier(.2,.7,.3,1);display:grid;position:absolute;bottom:10px;right:10px;translate:8px;box-shadow:0 4px 14px #00000047}.card:hover .thumb:before,.card:focus-visible .thumb:before{opacity:1;translate:0}[data-g]{--g:var(--brand)}[data-g=river]{--g:var(--g-river)}[data-g=sea]{--g:var(--g-sea)}[data-g=port]{--g:var(--g-port)}[data-g=mountain]{--g:var(--g-mountain)}[data-g=fuji]{--g:var(--g-fuji)}[data-g=volcano]{--g:var(--g-volcano)}[data-g=sky]{--g:var(--g-sky)}[data-g=road]{--g:var(--g-road)}[data-g=railway]{--g:var(--g-railway)}[data-g=airport]{--g:var(--g-airport)}[data-g=sightseeing]{--g:var(--g-sightseeing)}[data-g=castle]{--g:var(--g-castle)}[data-g=city]{--g:var(--g-city)}[data-g=beach]{--g:var(--g-beach)}[data-g=ski]{--g:var(--g-ski)}[data-g=zoo]{--g:var(--g-zoo)}[data-g=nature]{--g:var(--g-nature)}[data-g=space]{--g:var(--g-space)}[data-g=other]{--g:var(--g-other)}.card .thumb-link{background:radial-gradient(80% 70% at 22% 12%, color-mix(in srgb, var(--g) 42%, #fff) 0%, transparent 60%), radial-gradient(85% 80% at 88% 92%, color-mix(in srgb, var(--g) 30%, #fff) 0%, transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--g) 14%, #fff) 0%, var(--surface) 72%);flex-direction:column;gap:10px}.card .thumb-link:before{content:"";opacity:.75;background-image:linear-gradient(to right, color-mix(in srgb, var(--g) 22%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--g) 22%, transparent) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(86% 86% at 50% 45%,#000 0%,#0000 76%);mask-image:radial-gradient(86% 86% at 50% 45%,#000 0%,#0000 76%)}.card .thumb-link:after{content:"";pointer-events:none;border:2px solid color-mix(in srgb, var(--g) 48%, transparent);background:0 0;border-radius:7px;height:auto;transition:inset .3s cubic-bezier(.2,.7,.3,1),border-color .25s;display:block;position:absolute;inset:11px;-webkit-mask-image:linear-gradient(135deg,#000 0 16%,#0000 16% 84%,#000 84% 100%);mask-image:linear-gradient(135deg,#000 0 16%,#0000 16% 84%,#000 84% 100%)}.card:hover .thumb-link:after{border-color:color-mix(in srgb, var(--g) 70%, transparent);inset:8px}.card .thumb-link .ph-emoji,.card .thumb-link .ph-note{position:relative}.card .thumb-link .ph-emoji{filter:drop-shadow(0 5px 10px #17222e29);font-size:2.6rem;line-height:1;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.card:hover .thumb-link .ph-emoji{transform:translateY(-3px)scale(1.06)}.card .thumb-link .ph-note{letter-spacing:.02em;color:color-mix(in srgb, var(--g) 72%, #0b1a27);background:color-mix(in srgb, var(--g) 12%, #fff);border:1px solid color-mix(in srgb, var(--g) 30%, var(--border));box-shadow:var(--shadow-xs);border-radius:999px;padding:4px 11px;font-size:.73rem;font-weight:800;transition:background .18s,color .18s,border-color .18s}.card:hover .thumb-link .ph-note{background:var(--g);color:#fff;border-color:var(--g)}.card-ph:after{background:linear-gradient(90deg, var(--g), color-mix(in srgb, var(--g) 45%, var(--accent)))}.card .body{flex-direction:column;flex:1;gap:8px;padding:13px 15px 15px;display:flex}.card .title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.card .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.badge{letter-spacing:.02em;border:1px solid var(--border);color:var(--text-soft);background:var(--bg-elev);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.badge.op{color:var(--brand-ink);border-color:color-mix(in srgb, var(--brand) 32%, var(--border));background:color-mix(in srgb, var(--brand) 7%, #fff)}.status{align-items:center;gap:6px;font-size:.74rem;font-weight:800;display:inline-flex}.status .dot{border-radius:50%;flex:none;width:8px;height:8px}.status.live{color:#148242}.status.live .dot{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 22%, transparent);animation:2.4s ease-in-out infinite livepulse}@keyframes livepulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 22%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--live) 8%, transparent)}}.status.unknown{color:var(--text-faint)}.status.unknown .dot{background:var(--dead)}.tag{color:var(--text-faint);font-size:.74rem}.tag.dist{margin-left:8px}.detail{padding:26px 0 48px}.detail-head{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(80% 120% at 100% 0%, color-mix(in srgb, var(--g,var(--brand)) 20%, #fff) 0%, transparent 58%), linear-gradient(150deg, color-mix(in srgb, var(--g,var(--brand)) 10%, #fff) 0%, var(--surface) 58%);border:1px solid color-mix(in srgb, var(--g,var(--brand)) 24%, var(--border));box-shadow:var(--shadow);margin:8px 0 22px;padding:26px 28px 24px;position:relative;overflow:hidden}.detail-head:before{content:"";z-index:-1;opacity:.5;background-image:linear-gradient(to right, color-mix(in srgb, var(--g,var(--brand)) 16%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--g,var(--brand)) 16%, transparent) 1px, transparent 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 120% at 92% 8%,#000 0%,#0000 70%);mask-image:radial-gradient(90% 120% at 92% 8%,#000 0%,#0000 70%)}.detail-head .dh-glyph{z-index:-1;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8rem;line-height:1;position:absolute;top:50%;right:18px;translate:0 -50%}.detail-head h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;font-size:clamp(1.5rem,3.6vw,2.05rem)}@media (max-width:620px){.detail-head{border-radius:var(--radius);padding:20px 18px 18px}.detail-head .dh-glyph{opacity:.08;font-size:5.5rem;right:4px}}.dh-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dh-loc{color:var(--text-soft);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:.84rem;font-weight:700;display:inline-flex}.dh-loc:before{content:"📍";font-size:.9em}.dh-meta .status{background:color-mix(in srgb, var(--live) 12%, #fff);border:1px solid color-mix(in srgb, var(--live) 34%, var(--border));border-radius:999px;padding:4px 11px}.dh-meta .status.unknown{background:var(--surface-sunk);border-color:var(--border)}.summary-box{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 5%, #fff) 0%, var(--surface) 58%);border:1px solid color-mix(in srgb, var(--brand) 22%, var(--border));border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text-soft);margin:0 0 20px;padding:16px 18px 16px 52px;line-height:1.75;position:relative;overflow:hidden}.summary-box:before{content:"要点";writing-mode:vertical-rl;letter-spacing:.28em;color:#fff;background:var(--grad-hero);place-items:center;width:34px;font-size:.64rem;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0}.summary-box b{color:var(--text);font-weight:800}.player{aspect-ratio:16/9;border-radius:var(--radius);background:#050b12;border:1px solid #08101a8c;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff80,0 2px 4px #08101a2e,0 28px 60px -22px #08101a8c}.player iframe{border:0;width:100%;height:100%;display:block}.player:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 18px 40px -28px #000000e6}.player-wrap{position:relative}.player-tag{z-index:4;pointer-events:none;color:#fff;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e16a8;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.player-tag:before{content:"";background:#ff4d5e;border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite beacon-red;box-shadow:0 0 #ff4d5eb3}.link-player{border-radius:var(--radius);box-shadow:var(--shadow-lg);color:#fff;background:linear-gradient(135deg, var(--g,var(--brand)) 0%, color-mix(in srgb, var(--g,var(--brand)) 42%, var(--accent)) 100%);isolation:isolate;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 26px;display:grid;position:relative;overflow:hidden}.link-player .lp-emoji{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff2b;border:1px solid #ffffff47;border-radius:22px;flex:none;place-items:center;width:84px;height:84px;display:grid}.link-player .lp-text{min-width:0}@media (max-width:700px){.link-player{text-align:center;grid-template-columns:1fr;justify-items:center;gap:14px;padding:26px 20px}.link-player .lp-emoji{width:72px;height:72px}}.link-player:before{content:"";z-index:-1;background:radial-gradient(90% 120% at 12% 0,#ffffff57 0%,#0000 55%),radial-gradient(70% 90% at 100% 100%,#00000038 0%,#0000 60%);position:absolute;inset:0}.link-player:after{content:"";z-index:-1;opacity:.35;background-image:radial-gradient(#ffffff80 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(160deg,#000 0%,#0000 62%);mask-image:linear-gradient(160deg,#000 0%,#0000 62%)}.link-player .lp-emoji span{filter:drop-shadow(0 6px 12px #0000004d);font-size:2.7rem;line-height:1}.link-player .lp-title{letter-spacing:.02em;margin:0;font-size:1.14rem;font-weight:800}.link-player .lp-note{color:#ffffffdb;margin:5px 0 0;font-size:.87rem;line-height:1.6}.link-player .btn{white-space:nowrap;flex:none;margin:0}.link-player .btn-ghost{color:color-mix(in srgb, var(--g,var(--brand)) 78%, #08131f);background:#fff;border-color:#fff;padding:13px 24px;box-shadow:0 6px 18px -6px #0006}.link-player .btn-ghost:hover{background:#fff;box-shadow:0 12px 28px -8px #00000080}.link-player.is-dead{background:linear-gradient(135deg,#657085 0%,#8b96a8 100%)}.link-player.is-dead .btn-ghost{color:#4b5768}.live-embeds{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.live-embed-cap{color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-weight:700;display:flex}.live-embed-cap:hover{text-decoration:none}.live-embed-cap:hover .nm{color:var(--brand-deep)}.live-embed-cap .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-embed-cap .more{color:var(--text-faint);flex:none;font-size:.85rem;font-weight:600}@media (max-width:720px){.live-embeds{grid-template-columns:1fr}}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:30px;margin-top:28px;display:grid}.prose h2,.side h2{letter-spacing:.02em;align-items:center;gap:10px;margin:30px 0 12px;font-size:1.1rem;display:flex}.prose h2:first-child,.side h2:first-child{margin-top:0}.prose h2:after,.side h2:after{content:"";background:linear-gradient(90deg, var(--border) 0%, transparent 100%);flex:1;height:1px}.prose h3{margin:22px 0 6px;font-size:1rem}.prose p{color:var(--text-soft);margin:0 0 12px}.prose .desc{color:var(--text-soft);font-size:1.02rem;line-height:1.95}.info-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);margin:0;padding:0;list-style:none;overflow:hidden}.info-list li{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(96px,136px) minmax(0,1fr);align-items:baseline;gap:6px 16px;padding:11px 16px;font-size:.93rem;line-height:1.65;display:grid}.info-list li:nth-child(2n){background:var(--surface-2)}.info-list li:last-child{border-bottom:0}.info-list .k{color:var(--text-faint);letter-spacing:.04em;align-items:baseline;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}@media (max-width:560px){.info-list li{grid-template-columns:1fr}.info-list .k{font-size:.76rem}}.info-list li[class^=ic-] .k:before,.info-list li[class*=\ ic-] .k:before{font-size:.95em}.info-list li.ic-area .k:before{content:"🗾"}.info-list li.ic-genre .k:before{content:"🏷️"}.info-list li.ic-op .k:before{content:"🏛️"}.info-list li.ic-best .k:before{content:"✨"}.info-list li.ic-access .k:before{content:"🚏"}.info-list li.ic-source .k:before{content:"🔗"}.info-list li.ic-lic .k:before{content:"📄"}.info-list li.ic-how .k:before{content:"▶️"}.info-list li.ic-added .k:before{content:"📅"}.info-list li.ic-status .k:before{content:"🔄"}.credit{color:var(--text-faint);font-size:.84rem}.side{top:calc(var(--header-h) + 16px);flex-direction:column;gap:18px;display:flex;position:sticky}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, #fff), var(--surface));justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;font-size:.92rem;font-weight:800;display:flex}.panel-head h2{letter-spacing:.04em;margin:0;font-size:.92rem}.panel-head h2:after{display:none}.panel-head .sub{color:var(--text-faint);font-size:.72rem;font-weight:600}.panel-foot{color:var(--text-faint);border-top:1px solid var(--border-soft);padding:9px 15px 11px;font-size:.74rem}.side .mini-map{height:250px;overflow:hidden}.panel .mini-map{border:0;border-radius:0}.side-cta{border-top:1px solid var(--border-soft);color:var(--brand-deep);background:var(--surface-2);align-items:center;gap:9px;padding:12px 15px;font-size:.9rem;font-weight:700;display:flex}.side-cta:hover{background:color-mix(in srgb, var(--brand) 8%, var(--surface));text-decoration:none}.side-cta .arw{margin-left:auto;transition:transform .15s}.side-cta:hover .arw{transform:translate(3px)}@media (max-width:860px){.side{position:static}}.weather{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.weather-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, #fff), var(--surface));letter-spacing:.04em;justify-content:space-between;align-items:baseline;gap:10px;padding:11px 15px;font-size:.92rem;font-weight:800;display:flex}.weather-head span{color:var(--text-faint);letter-spacing:0;font-size:.72rem;font-weight:600}.weather-body{background:radial-gradient(120% 140% at 85% -10%, color-mix(in srgb, var(--brand) 9%, #fff) 0%, transparent 62%);align-items:center;gap:14px;padding:16px 15px;display:flex}.weather-body.loading{color:var(--text-faint);background:0 0;justify-content:center;font-size:.88rem}.weather .wx-icon{filter:drop-shadow(0 4px 8px #17222e24);font-size:2.6rem;line-height:1}.weather .wx-main{margin-right:auto}.weather .wx-temp{letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.weather .wx-temp span{color:var(--text-soft);letter-spacing:0;margin-left:2px;font-size:.88rem;font-weight:700}.weather .wx-label{color:var(--text-soft);margin-top:4px;font-size:.85rem}.weather .wx-wind{color:var(--text-faint);align-self:flex-end;font-size:.8rem}.weather-credit{color:var(--text-faint);border-top:1px solid var(--border-soft);padding:8px 15px 11px;font-size:.7rem}.crumbs{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:0 2px;padding:16px 0 0;font-size:.82rem;display:flex;overflow:hidden}.crumbs a{color:var(--text-soft);border-radius:5px;padding:2px 4px;transition:background .14s,color .14s}.crumbs a:hover{background:color-mix(in srgb, var(--brand) 9%, transparent);color:var(--brand-deep);text-decoration:none}.crumbs span{color:var(--text-faint);opacity:.6;margin:0 4px;font-weight:700}.map-full{height:calc(100vh - var(--header-h) - 2px);width:100%}.map-pref{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.map-embed{width:100%;height:420px}.map-mini{width:100%;height:250px}@media (max-width:640px){.map-embed{height:320px}}.leaflet-container{font:inherit}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:90px;color:var(--text-faint);background:color-mix(in srgb, var(--bg-elev) 60%, transparent);place-items:center;margin:26px 0;font-size:.8rem;display:grid}.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elev) 0%, color-mix(in srgb, var(--brand) 4%, var(--bg-elev)) 100%);margin-top:56px;position:relative}.site-footer:before{content:"";background:var(--grad-hero);opacity:.35;height:2px;position:absolute;top:-1px;left:0;right:0}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:30px;padding:38px 18px 34px;display:flex}.site-footer a{color:var(--text-soft);font-size:.9rem}.site-footer .cols{flex-wrap:wrap;gap:38px;display:flex}.site-footer .col h2{color:var(--text-faint);letter-spacing:.12em;border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:.74rem;font-weight:800}.site-footer .col a{padding:4px 0;transition:color .14s,transform .14s;display:block}.site-footer .col a:hover{color:var(--brand-deep);text-decoration:none;transform:translate(3px)}.disclaimer{color:var(--text-faint);max-width:340px;font-size:.82rem;line-height:1.8}.disclaimer strong{color:var(--text);font-size:1rem}.japan-select{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:26px;display:grid}.japan-map{background:radial-gradient(75% 60% at 20% 0%, color-mix(in srgb, var(--brand) 7%, #fff) 0%, transparent 62%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.japan-map:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(to right, color-mix(in srgb, var(--brand) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--brand) 9%, transparent) 1px, transparent 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90%,#000 0%,#0000 82%);mask-image:radial-gradient(90% 90%,#000 0%,#0000 82%)}.japan-map svg{filter:drop-shadow(0 10px 22px #17222e29);width:100%;height:auto;display:block;position:relative}.japan-map polygon,.japan-map path{stroke:#fff;stroke-width:.8px;transition:fill .15s}.japan-map .boundary-line{display:none}.japan-map .hokkaido :is(polygon,path){fill:var(--r-hokkaido)}.japan-map .tohoku :is(polygon,path){fill:var(--r-tohoku)}.japan-map .kanto :is(polygon,path){fill:var(--r-kanto)}.japan-map .chubu :is(polygon,path){fill:var(--r-chubu)}.japan-map .kinki :is(polygon,path){fill:var(--r-kinki)}.japan-map .chugoku :is(polygon,path){fill:var(--r-chugoku)}.japan-map .shikoku :is(polygon,path){fill:var(--r-shikoku)}.japan-map .kyushu-okinawa :is(polygon,path){fill:var(--r-kyushu-okinawa)}.japan-map .pref-a{cursor:pointer;outline:none}.japan-map .pref-a:hover :is(polygon,path),.japan-map .pref-a:focus-visible :is(polygon,path){fill:var(--brand)}.japan-map .pref-a:focus-visible{outline:2px solid var(--brand-deep)}.region-legend{flex-direction:column;gap:6px;display:flex}.region-legend .region-item{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.92rem;font-weight:600;transition:transform .12s,border-color .15s;display:flex}.region-legend .region-item:hover{border-color:var(--brand);text-decoration:none;transform:translate(2px)}.region-legend .dot{border-radius:4px;flex:none;width:13px;height:13px}.region-legend .name{margin-right:auto}.region-legend .count{color:var(--text-faint);font-size:.82rem;font-weight:700}.region-legend .region-hokkaido .dot{background:var(--r-hokkaido)}.region-legend .region-tohoku .dot{background:var(--r-tohoku)}.region-legend .region-kanto .dot{background:var(--r-kanto)}.region-legend .region-chubu .dot{background:var(--r-chubu)}.region-legend .region-kinki .dot{background:var(--r-kinki)}.region-legend .region-chugoku .dot{background:var(--r-chugoku)}.region-legend .region-shikoku .dot{background:var(--r-shikoku)}.region-legend .region-kyushu-okinawa .dot{background:var(--r-kyushu-okinawa)}@media (max-width:860px){.detail-grid{grid-template-columns:1fr}.nav{display:none}.hdr-search{flex:auto}.japan-select{grid-template-columns:1fr}.region-legend{flex-flow:wrap}.region-legend .region-item{flex:44%}}.mv-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.mv-count{color:var(--text-soft);font-weight:700}.mv-btn{padding:6px 12px;font-size:.86rem}.mv-empty{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-soft);background:var(--bg-elev);padding:22px}.mv-empty p{margin:0}.mv-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (min-width:860px){.mv-grid.cols2{grid-template-columns:1fr 1fr}}.mv-tile .player{box-shadow:var(--shadow)}.mv-cap{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.mv-cap .nm{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mv-cap .nm:hover{color:var(--brand-deep)}.mv-remove{cursor:pointer;border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-faint);border-radius:50%;flex:none;font-size:1.05rem;line-height:1}.mv-remove:hover{border-color:var(--brand);color:var(--brand-deep)}.mv-note{margin:12px 0 0}.mv-presets{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mv-preset{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:var(--text);gap:4px;padding:13px 15px;display:grid}.mv-preset:hover{border-color:var(--brand);transform:translateY(-2px)}.mv-preset .t{font-weight:700}.mv-preset .d{color:var(--text-soft);font-size:.86rem;line-height:1.55}.mv-preset .n{color:var(--text-faint);font-size:.8rem;font-weight:700}.mv-filters{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.mv-filters input,.mv-filters select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);min-width:170px;padding:8px 11px}.mv-filters input{flex:220px}.mv-full{color:var(--brand-deep);margin:0 0 10px;font-size:.9rem;font-weight:700}.mv-picker{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;display:grid}.mv-pick{text-align:left;cursor:pointer;font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);gap:2px;padding:10px 12px;display:grid}.mv-pick:hover:not(:disabled){border-color:var(--brand)}.mv-pick.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--surface))}.mv-pick:disabled{opacity:.45;cursor:not-allowed}.mv-pick .nm{font-size:.92rem;font-weight:700;line-height:1.4}.mv-pick .meta{color:var(--text-faint);font-size:.8rem}.hdr-search{flex:0 240px;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.hdr-search~.nav{margin-left:12px}.hdr-search input{border:1px solid var(--border);background:var(--surface);min-width:0;height:36px;color:var(--text);font:inherit;border-radius:999px;flex:auto;padding:0 13px;font-size:.88rem}.hdr-search input:focus{border-color:var(--brand);outline:none}.hdr-search button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;width:36px;height:36px;font-size:.9rem;line-height:1}.hdr-search button:hover{border-color:var(--brand)}@media (max-width:600px){.site-header .container{gap:10px}.brand{gap:7px;font-size:.95rem}}.sr-box{gap:8px;margin:16px 0 6px;display:flex}.sr-box input{border:1px solid var(--border);background:var(--surface);min-width:0;height:46px;color:var(--text);font:inherit;box-shadow:var(--shadow);border-radius:12px;flex:auto;padding:0 16px;font-size:1rem}.sr-box input:focus{border-color:var(--brand);outline:none}.sr-clear{cursor:pointer;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:12px;flex:none;padding:0 14px;font-size:.88rem;font-weight:600}.sr-clear:hover{border-color:var(--brand);color:var(--brand-deep)}.sr-sug-label{color:var(--text-faint);margin:18px 0 9px;font-size:.86rem;font-weight:700}.sr-count{color:var(--text-soft);margin:16px 0 12px;font-weight:700}.sr-more{text-align:center;margin-top:22px}.tag.new{color:var(--brand-deep);margin-left:8px;font-weight:700}.prose code{background:color-mix(in srgb, var(--brand) 8%, var(--surface));border:1px solid var(--border);word-break:break-all;border-radius:6px;padding:1px 6px;font-size:.92em}.card .card-sum{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 8px;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.rank-list{counter-reset:rank;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:14px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:border-color .18s,box-shadow .18s,transform .16s cubic-bezier(.2,.7,.3,1);display:grid;position:relative;overflow:hidden}.rank-item:hover{border-color:color-mix(in srgb, var(--g,var(--brand)) 45%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.rank-item:before{content:"";background:linear-gradient(180deg, var(--g,var(--brand)), color-mix(in srgb, var(--g,var(--brand)) 40%, var(--accent)));width:4px;position:absolute;top:0;bottom:0;left:0}.rank-no{text-align:center;color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.5rem;font-weight:800;line-height:1}.rank-item.is-top{border-color:color-mix(in srgb, var(--brand) 30%, var(--border))}.rank-item.is-top .rank-no{color:#0000;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;font-size:1.85rem}.rank-body{flex-direction:column;gap:5px;min-width:0;display:flex}.rank-name{color:var(--text);font-size:1rem;font-weight:700;line-height:1.45}.rank-name:hover{color:var(--brand-deep)}.sr-rank{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rank-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.rank-num{text-align:right;font-variant-numeric:tabular-nums;flex:none}.rank-num b{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;display:block}.rank-num span{color:var(--text-faint);letter-spacing:.06em;font-size:.68rem;font-weight:700}@media (max-width:560px){.rank-item{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px 13px 11px 10px}.rank-no{font-size:1.25rem}.rank-item.is-top .rank-no{font-size:1.45rem}.rank-num{text-align:left;grid-column:2;align-items:baseline;gap:5px;display:flex}.rank-num b{font-size:.95rem}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);background-image:linear-gradient(to right, var(--surface) 30%, #fff0), linear-gradient(to left, var(--surface) 30%, #fff0), linear-gradient(to right, #17222e1a, #fff0), linear-gradient(to left, #17222e1a, #fff0);background-position:0,100%,0,100%;background-repeat:no-repeat;background-size:44px 100%,44px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.cam-table{border-collapse:collapse;width:100%;min-width:720px;font-size:.9rem}.cam-table thead th{z-index:1;text-align:left;white-space:nowrap;letter-spacing:.08em;color:var(--text-faint);background:linear-gradient(180deg, var(--surface-2), var(--surface));border-bottom:1px solid var(--border);padding:11px 14px;font-size:.74rem;font-weight:800;position:sticky;top:0}.cam-table tbody tr{border-bottom:1px solid var(--border-soft);transition:background .14s}.cam-table tbody tr:last-child{border-bottom:0}.cam-table tbody tr:nth-child(2n){background:var(--surface-2)}.cam-table tbody tr:hover{background:color-mix(in srgb, var(--g,var(--brand)) 7%, #fff)}.cam-table th[scope=row]{text-align:left;border-left:3px solid var(--g,var(--brand));min-width:220px;padding:12px 14px;font-weight:700}.cam-table td{color:var(--text-soft);vertical-align:top;padding:12px 14px}.cam-table .ct-genre{color:var(--text-faint);margin-top:3px;font-size:.74rem;font-weight:600;display:block}.cam-table .ct-best{min-width:260px;line-height:1.6}.cam-table .ct-how{white-space:nowrap;color:var(--text-soft);background:var(--surface-sunk);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:800;display:inline-block}.cam-table .ct-how.is-embed{color:#fff;background:var(--grad-hero);border-color:#0000}[data-t]{--g:var(--brand)}[data-t=autumn-leaves]{--g:#c9622f}[data-t=snow]{--g:#5c93c9}[data-t=cherry-blossom]{--g:#d4779c}[data-t=sunset]{--g:#d1783f}[data-t=sunrise]{--g:#d29a45}[data-t=night-view]{--g:#5a5fa8}[data-t=sea-of-clouds]{--g:#6f93ad}[data-t=fireworks]{--g:#a75fb0}[data-r]{--g:var(--brand)}[data-r=hokkaido]{--g:var(--r-hokkaido)}[data-r=tohoku]{--g:var(--r-tohoku)}[data-r=kanto]{--g:var(--r-kanto)}[data-r=chubu]{--g:var(--r-chubu)}[data-r=kinki]{--g:var(--r-kinki)}[data-r=chugoku]{--g:var(--r-chugoku)}[data-r=shikoku]{--g:var(--r-shikoku)}[data-r=kyushu-okinawa]{--g:var(--r-kyushu-okinawa)}.page-head{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(72% 120% at 100% 0%, color-mix(in srgb, var(--g,var(--brand)) 22%, #fff) 0%, transparent 60%), linear-gradient(152deg, color-mix(in srgb, var(--g,var(--brand)) 11%, #fff) 0%, var(--surface) 62%);border:1px solid color-mix(in srgb, var(--g,var(--brand)) 24%, var(--border));box-shadow:var(--shadow);margin:8px 0 4px;padding:28px 30px 24px;position:relative;overflow:hidden}.page-head:before{content:"";z-index:-1;opacity:.5;background-image:linear-gradient(to right, color-mix(in srgb, var(--g,var(--brand)) 16%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--g,var(--brand)) 16%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(88% 120% at 94% 6%,#000 0%,#0000 70%);mask-image:radial-gradient(88% 120% at 94% 6%,#000 0%,#0000 70%)}.page-head .ph-glyph{z-index:-1;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8.5rem;line-height:1;position:absolute;top:50%;right:20px;translate:0 -50%}.page-head .page-title{margin-top:0}.page-head .lead:last-of-type{margin-bottom:0}.page-head .info-list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:color-mix(in srgb, var(--g,var(--brand)) 16%, var(--border));background:#ffffffb3;margin-top:18px}.page-head .info-list li:nth-child(2n){background:#ffffff80}@media (max-width:620px){.page-head{border-radius:var(--radius);padding:20px 18px 18px}.page-head .ph-glyph{opacity:.08;font-size:5.5rem;right:2px}}