:root{--bg: #f8f6f1;--card: #ffffff;--fg: #19262a;--ink: #10252c;--muted: #5f6a70;--line: #e6e4de;--accent: #b67d4e;--accent-ink: #8a5530;--map: #c06b4f;--focus: #2a7890;--ok: #2f6b4f;--warn: #8a5a12;--ng: #a33a22;--unknown: #6b7378;--radius: 12px;--shadow: 0 8px 28px rgba(16, 37, 44, .07);--gutter: 16px;--section: 56px;--serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--tabbar: 64px}@media(min-width:640px){:root{--gutter: 32px;--section: 72px}}@media(min-width:960px){:root{--gutter: 48px;--section: 96px;--tabbar: 0px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.75;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom));overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:8px;top:-60px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}.skip:focus{top:8px}.wrap{max-width:1280px;margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:calc(var(--section) * .6) calc(var(--section) * .4)}.icon{flex:none}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.4;letter-spacing:.02em}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.sec-head h2{margin:0;font-size:clamp(22px,2.4vw,30px)}.sec-head .en{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.22em;color:var(--muted);margin-top:2px;font-weight:500}.more{display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:none;color:var(--fg);min-height:44px;white-space:nowrap}.more:hover{color:var(--accent-ink)}.site-header{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff}.site-header.overlay{position:absolute;left:0;right:0;background:linear-gradient(180deg,#07111f8c,#07111f00)}.site-header .bar{display:flex;align-items:center;gap:24px;min-height:68px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-right:auto}.logo .mark{width:40px;height:40px;border-radius:50%;background:#f8f6f1;color:var(--ink);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:20px}.logo .name{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.06em;line-height:1.1}.logo .name small{display:block;font-family:var(--sans);font-size:8.5px;letter-spacing:.2em;font-weight:500;opacity:.85;margin-top:3px}.gnav{display:none;gap:26px;font-size:14px}.gnav a{text-decoration:none;color:#fff;opacity:.92;padding:10px 0}.gnav a:hover,.gnav a[aria-current=page]{opacity:1;box-shadow:inset 0 -2px 0 var(--accent)}.hbtn{width:44px;height:44px;display:inline-grid;place-items:center;color:#fff;border-radius:50%;text-decoration:none;background:none;border:0;cursor:pointer}.hbtn:hover{background:#ffffff1f}.menu{position:relative}.menu>summary{list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:52px;background:var(--card);color:var(--fg);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;min-width:220px;border:1px solid var(--line)}.menu-panel a{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;border-radius:8px;min-height:44px}.menu-panel a:hover{background:var(--bg)}@media(min-width:960px){.gnav{display:flex}.menu{display:none}}.hero{position:relative;color:#fff;min-height:clamp(560px,92svh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#07111f}.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111fc7,#07111f59 55%,#07111f1a),linear-gradient(0deg,#07111fb3,#07111f00 45%)}.hero .wrap{position:relative;z-index:1;width:100%;padding-block:120px 48px}.hero h1{font-size:clamp(28px,7vw,40px);margin:0 0 14px;font-weight:500;letter-spacing:.08em;line-height:1.55;text-shadow:0 2px 18px rgba(0,0,0,.4)}@media(min-width:960px){.hero h1{font-size:clamp(36px,4.2vw,64px)}}.hero .sub{font-family:var(--serif);font-size:clamp(15px,1.6vw,19px);margin:0 0 28px;opacity:.95;letter-spacing:.06em}.hero .vertical{display:none}@media(min-width:960px){.hero .vertical{display:block;position:absolute;z-index:1;right:var(--gutter);top:110px;writing-mode:vertical-rl;font-family:var(--serif);font-size:17px;letter-spacing:.3em;line-height:2.2;opacity:.92;text-shadow:0 1px 12px rgba(0,0,0,.5);margin:0}}.art-note{position:absolute;z-index:1;right:12px;bottom:8px;font-size:11px;color:#ffffffd9}.searchbox{display:flex;align-items:center;background:#fff;border-radius:999px;padding:5px 5px 5px 22px;max-width:640px;box-shadow:0 10px 30px #00000040}.searchbox input{flex:1;border:0;font:inherit;font-size:16px;color:var(--fg);background:transparent;min-height:44px;min-width:0}.searchbox input:focus{outline:none}.searchbox:focus-within{outline:3px solid var(--focus);outline-offset:2px}.searchbox button{width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;text-decoration:none;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;font-family:inherit}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true],.chip:has(input:checked){background:var(--ink);border-color:var(--ink);color:#fff}.chip input{position:absolute;opacity:0;pointer-events:none}.chip:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.hero .chip{background:#07111f59;border-color:#fff9;color:#fff;backdrop-filter:blur(4px)}.hero .chip:hover{background:#fff3}@media(max-width:639px){.hero .chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero .chip{flex-direction:column;justify-content:center;gap:2px;padding:8px 4px;border-radius:16px;font-size:12px;min-height:64px;text-align:center;line-height:1.3}}.media{position:relative;overflow:hidden;border-radius:var(--radius);background:#1b2433}.media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}a:hover .media img,.card:hover .media img{transform:scale(1.04)}@media(prefers-reduced-motion:reduce){a:hover .media img,.card:hover .media img{transform:none}}.media .tag-img{position:absolute;left:8px;bottom:8px;font-size:11px;background:#10252cc7;color:#fff;padding:1px 8px;border-radius:999px}.styles{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media(min-width:960px){.styles{grid-template-columns:repeat(4,1fr);gap:20px}}.style-card{position:relative;display:block;text-decoration:none;color:#fff;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3.4}.style-card .media{position:absolute;inset:0;border-radius:0}.style-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07111fd9,#07111f1a 62%)}.style-card .txt{position:absolute;z-index:1;left:14px;right:52px;bottom:12px}.style-card h3{margin:0;font-size:clamp(16px,1.9vw,22px);font-weight:500;letter-spacing:.1em}.style-card p{margin:2px 0 0;font-size:12px;opacity:.95;line-height:1.5}.style-card .go{position:absolute;z-index:1;right:12px;bottom:14px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.rail>*{scroll-snap-align:start}@media(min-width:640px){.rail{grid-auto-columns:minmax(240px,42%)}}@media(min-width:960px){.rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}}.grid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr);gap:22px}}@media(min-width:1280px){.grid.g4{grid-template-columns:repeat(4,1fr)}}.card{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;border:1px solid #efede8}.card .media{border-radius:0;aspect-ratio:4 / 3}.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.card h3{margin:0;font-size:18px}.card h3 a{text-decoration:none}.card h3 a:after{content:"";position:absolute;inset:0}.card .pref{font-size:13px;color:var(--muted);margin:0}.card .desc{font-size:14px;margin:4px 0 0;line-height:1.65}.card .facts{list-style:none;padding:0;margin:8px 0 0;font-size:14px;display:grid;gap:4px}.card .facts li{display:flex;gap:8px;align-items:flex-start}.card .facts .icon{margin-top:3px;color:var(--accent-ink)}.card .foot{margin-top:auto;padding-top:10px;display:flex;gap:8px;align-items:center;justify-content:space-between;position:relative;z-index:2}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:#f1ede5;color:var(--fg);white-space:nowrap}.badge.ok{background:#e4f0e9;color:var(--ok)}.badge.warn{background:#f8eedb;color:var(--warn)}.badge.ng{background:#f9e3dd;color:var(--ng);font-weight:700}.badge.unknown{background:#fff;color:var(--unknown);border:1px dashed #9aa1a5}.feat{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:0;list-style:none}.feat li{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 9px}.feat li.no{color:var(--muted)}.feat li.unk{color:var(--unknown);border-style:dashed;border-color:#9aa1a5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:500;font-size:15px;border:1px solid var(--ink);cursor:pointer;font-family:inherit}.btn:hover{background:#1b3a44}.btn.ghost{background:#fff;color:var(--ink)}.btn.ghost:hover{background:var(--bg)}.btn.sm{min-height:44px;padding:0 16px;font-size:13px}.cmp-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;cursor:pointer;color:var(--fg)}.cmp-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.banner{position:relative;color:#fff;overflow:hidden;background:#10252c}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07111fd1,#07111f4d)}.banner .wrap{position:relative;z-index:1;padding-block:44px 56px}.banner h1{margin:0;font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:.08em}.banner .en{font-size:11px;letter-spacing:.24em;opacity:.9}.banner p{margin:8px 0 0;max-width:46em}.crumbs{font-size:13px;color:var(--muted);padding-block:14px 0;display:flex;flex-wrap:wrap;gap:6px;margin:0;list-style:none;padding-left:0}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--muted)}.filterbar{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-top:-28px;position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:0;margin-inline:0}.filterbar legend{float:left;width:100%;font-size:13px;color:var(--muted);padding:0}.filterbar .chip{min-height:44px;padding:0 14px}.filterbar select,.filterbar input[type=search]{font:inherit;font-size:16px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:0 16px;background:#fff;color:var(--fg)}.filterbar input[type=search]{flex:1 1 200px;min-width:0}.filter-status{font-size:14px;color:var(--muted);margin:16px 0 12px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.filter-status strong{color:var(--fg)}.linkbtn{background:none;border:0;color:var(--accent-ink);text-decoration:underline;font:inherit;cursor:pointer;min-height:44px;padding:0 4px}.empty{background:var(--card);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted)}[hidden]{display:none!important}.detail{display:grid;gap:28px;padding-top:12px}@media(min-width:960px){.detail{grid-template-columns:minmax(0,1fr) 340px;gap:40px}}.detail .main-media{aspect-ratio:16 / 9;border-radius:var(--radius)}.detail h1{font-size:clamp(26px,3vw,36px);margin:18px 0 8px}.detail .lead{font-size:16px;margin:10px 0 18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.tabs{position:sticky;top:68px;z-index:5;background:var(--bg);display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-top:24px;scrollbar-width:none}.tabs a{white-space:nowrap;padding:12px 16px;font-size:14px;text-decoration:none;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}.tabs a:hover{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.facts-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:6px 18px;align-self:start}@media(min-width:960px){.facts-card{position:sticky;top:88px}}.facts-card dl{margin:0}.facts-card .row{display:grid;grid-template-columns:6.5em 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.facts-card .row:last-child{border-bottom:0}.facts-card dt{color:var(--muted)}.facts-card dd{margin:0}.block{margin-top:36px;scroll-margin-top:130px}.block h2{font-size:22px;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}dl.spec{display:grid;grid-template-columns:9.5em 1fr;margin:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}dl.spec dt,dl.spec dd{margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-size:15px}dl.spec dt{color:var(--muted);background:#fbfaf7}dl.spec>:nth-last-child(-n+2){border-bottom:0}@media(max-width:559px){dl.spec{grid-template-columns:1fr}dl.spec dt{border-bottom:0;padding-bottom:0;background:none;font-size:13px}}.unknown{color:var(--unknown)}.closure{background:#fbe9e4;color:var(--ng);border-left:4px solid var(--ng);padding:10px 14px;border-radius:8px;font-weight:600;font-size:15px;margin:12px 0}.note{font-size:14px;color:var(--muted)}.verified{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}ul.sources{font-size:14px;padding-left:1.2em;word-break:break-all}ul.sources li{margin-bottom:6px}.table-wrap{overflow-x:auto;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch}table.compare{border-collapse:separate;border-spacing:0;font-size:14px;width:100%}table.compare th,table.compare td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}table.compare thead th{background:#fbfaf7;font-weight:500;white-space:nowrap}table.compare th[scope=row]{position:sticky;left:0;background:var(--card);z-index:1;box-shadow:1px 0 0 var(--line);font-weight:500;min-width:7.5em}table.compare.wide{min-width:1100px}table.compare.spots th[scope=col]{min-width:200px;vertical-align:bottom;white-space:normal;background:#fff}.mark-ok{color:var(--ok);font-weight:700}.mark-no{color:var(--muted)}.col-head{display:grid;gap:6px}.col-head .media{aspect-ratio:4 / 3;border-radius:8px}.col-head a{font-family:var(--serif);font-size:16px;font-weight:600;text-decoration:none}.mapwrap{display:grid;gap:18px}@media(min-width:960px){.mapwrap{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.mapwrap #map{position:sticky;top:88px}}#map{height:min(62svh,560px);border-radius:var(--radius);box-shadow:var(--shadow);background:#dfe7ea;z-index:0}.view-toggle{display:inline-flex;background:#fff;border-radius:999px;border:1px solid var(--line);padding:3px}.view-toggle button{border:0;background:none;font:inherit;font-size:14px;padding:0 16px;min-height:40px;border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;align-items:center;color:var(--fg)}.view-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}@media(min-width:960px){.view-toggle{display:none}}@media(max-width:959px){.mapwrap[data-view=list] #map,.mapwrap[data-view=map] .maplist{display:none}}.maplist .grid{grid-template-columns:1fr}@media(min-width:640px)and (max-width:959px){.maplist .grid{grid-template-columns:repeat(2,1fr)}}.pin{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--map);border:2px solid #fff;box-shadow:0 2px 6px #00000059}.pin.town{background:var(--ink)}.leaflet-popup-content{font-family:var(--sans);font-size:14px}.tray{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar) + 12px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);color:#fff;border-radius:999px;padding:6px 6px 6px 20px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px #0000004d;font-size:14px;width:max-content;max-width:calc(100% - 24px)}.tray .btn{background:#fff;color:var(--ink);min-height:44px;padding:0 16px;font-size:14px}.tray .linkbtn{color:#fff}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tabbar);font-size:11px;text-decoration:none;color:var(--muted)}.tabbar a[aria-current=page]{color:var(--ink);font-weight:700}@media(min-width:960px){.tabbar{display:none}}.site-footer{background:var(--ink);color:#dfe5e6;margin-top:var(--section);padding-block:40px;font-size:14px}.site-footer a{color:#fff}.site-footer .cols{display:grid;gap:20px}@media(min-width:960px){.site-footer .cols{grid-template-columns:1.4fr 1fr}}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 20px}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.prose{max-width:46em}.prose h2{font-size:22px;margin:36px 0 10px}.detail>*{min-width:0}.filterbar label,.filterbar select{max-width:100%}.table-wrap,.btn,.cmp-btn,.linkbtn{position:relative}.sp{display:none}@media(max-width:639px){.sp{display:inline}}.chiprow{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:639px){.filterbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.filterbar>label:not(.chip){grid-column:span 1}.filterbar>label:only-of-type{grid-column:1 / -1}.filterbar select{width:100%}.filterbar .chiprow{grid-column:1 / -1;flex-wrap:nowrap;overflow-x:auto;margin-inline:-12px;padding:2px 12px 6px;scrollbar-width:none}.filterbar .chip{flex:none}.filterbar input[type=search]{grid-column:1 / -1;width:100%}table.compare.spots th[scope=col]{min-width:150px}table.compare th[scope=row]{min-width:5.5em}}@media(max-width:959px){.mapwrap[data-view=list] .map-note{display:none}}.banner .art-note{top:8px;bottom:auto}@media(max-width:639px){.card.spot .media{aspect-ratio:16 / 9}}@media(min-width:960px){.maplist .grid{grid-template-columns:repeat(2,1fr);gap:14px}.maplist .card h3{font-size:16px}}table.compare.wide td{min-width:8em}.more-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}html{scroll-padding-bottom:calc(var(--tabbar) + 16px + env(safe-area-inset-bottom))}html:has(body.has-tray){scroll-padding-bottom:calc(var(--tabbar) + 88px + env(safe-area-inset-bottom))}body.has-tray{padding-bottom:calc(var(--tabbar) + 80px + env(safe-area-inset-bottom))}@media(max-width:639px){.tray{left:12px;right:12px;transform:none;width:auto;max-width:none;justify-content:space-between;bottom:calc(var(--tabbar) + 8px + env(safe-area-inset-bottom))}}.keyfacts{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 16px;margin:14px 0 6px;border:1px solid #efede8}.keyfacts h2{font-size:16px;margin:10px 0 2px}.keyfacts dl{margin:0}.keyfacts .row{display:grid;grid-template-columns:7.5em 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.keyfacts .row:last-child{border-bottom:0}.keyfacts dt{color:var(--muted);display:flex;gap:4px;align-items:flex-start}.keyfacts dd{margin:0;overflow-wrap:anywhere}@media(min-width:960px){.keyfacts{display:none}}@media(max-width:959px){.facts-card{display:none}}.facts-card dd{overflow-wrap:anywhere}.media .tag-img.credit a{color:#fff;position:relative;z-index:3}.cmp-toggle-row{display:none}@media(max-width:639px){.cmp-toggle-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 10px}.cmp-toggle-row .note{margin:0;font-size:13px}.cmp-table[data-compact="1"] .sub{display:none}.cmp-table[data-compact="1"] table.compare.wide{min-width:760px}}