:root{--paper:#f7f3ea;--wood:#d9b98a;--wood2:#b8925c;--ai:#23395b;--ai2:#16263f;--kaki:#ab4319;--koke:#4a6a3b;--ink:#2a2420;--ink2:#5d544b;--line:#e2d6c0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background-image:radial-gradient(circle at 12px 12px,rgba(35,57,91,.06) 2px,transparent 2.5px);background-size:24px 24px}
a{color:inherit}img{max-width:100%;height:auto;display:block}
h1,h2,h3,.logo,.num,.ttl,.bandai b,.tik b,.pool b{font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif}
.w{max-width:1140px;margin:0 auto;padding-left:18px;padding-right:18px}
.age{background:var(--ai2);color:#e9e1cf;font-size:13px;text-align:center;padding:4px 8px}.age a{color:#fff}
.hd{position:sticky;top:0;z-index:20;background:var(--paper);box-shadow:0 2px 0 var(--line)}
.beam{background:linear-gradient(180deg,#e2c597,var(--wood) 60%,var(--wood2));border-bottom:4px solid #8a6a3c}
.beam .w{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:21px;color:var(--ai2);white-space:nowrap}
.logo b{width:38px;height:38px;border-radius:50%;background:var(--ai);color:var(--paper);display:grid;place-items:center;font-size:20px}
.logo small{display:block;font-size:11px;font-weight:400;color:#5b4423;letter-spacing:.05em;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.go{background:var(--kaki);color:#fff;text-decoration:none;font-weight:800;padding:7px 14px;border-radius:4px;white-space:nowrap;font-size:14px;box-shadow:0 2px 0 #8d3a17}
.noren{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:6px}
.noren::-webkit-scrollbar{display:none}
.noren a{flex:1 0 auto;text-decoration:none;text-align:center;background:var(--ai);color:var(--paper);font-size:14px;padding:4px 12px 8px;border-radius:0 0 8px 8px;display:flex;flex-direction:column;align-items:center;line-height:1.3;min-width:62px}
.noren a i{font-style:normal;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:17px;font-weight:900;opacity:.9}
.noren a:hover,.noren a[aria-current]{background:var(--kaki)}
.crumb{font-size:13px;color:var(--ink2);padding-top:14px}.crumb a{color:var(--ai)}
main{padding-bottom:30px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;padding-top:26px;padding-bottom:20px}
.frame{position:relative;border:14px solid var(--wood);border-radius:6px;box-shadow:inset 0 0 0 3px var(--wood2),0 0 0 3px #8a6a3c,0 16px 28px rgba(42,36,32,.22);overflow:hidden;background:#cfe0e8}
.frame img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nr{position:absolute;left:0;right:0;top:0;z-index:2;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:0;height:46%}.nr .gap{background:linear-gradient(180deg,var(--ai) 0 22%,transparent 22%);box-shadow:none;border-radius:0}
.nr span{background:linear-gradient(180deg,var(--ai) 0,var(--ai) 85%,rgba(35,57,91,.9));border-radius:0 0 8px 8px;box-shadow:0 4px 8px rgba(0,0,0,.25);display:grid;place-items:center;border-right:2px solid rgba(247,243,234,.35)}
.nr i{font-style:normal;width:56px;height:56px;border-radius:50%;border:3px solid var(--paper);color:var(--paper);display:grid;place-items:center;font-size:30px;font-weight:900;font-family:"Hiragino Mincho ProN","Songti SC",serif}
.steam{position:absolute;left:0;right:0;bottom:0;height:40%;pointer-events:none;background:linear-gradient(0deg,rgba(247,243,234,.55),transparent)}
.cap{position:absolute;right:10px;bottom:10px;z-index:3;background:var(--paper);color:var(--ai2);font-size:13px;font-weight:800;padding:2px 10px;border-radius:3px;border-left:4px solid var(--kaki)}
.kick{display:inline-block;margin:0;color:var(--kaki);font-weight:800;font-size:13px;letter-spacing:.12em;border-bottom:2px solid var(--kaki)}
.htx h1{font-size:40px;line-height:1.25;margin:.3em 0 .4em;color:var(--ai2)}
.htx h1 em{font-style:normal;color:var(--kaki)}
.lead{font-size:17px;color:var(--ink2);max-width:36em}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;padding:12px 20px;border-radius:4px;background:var(--kaki);color:#fff;box-shadow:0 3px 0 #8d3a17}
.btn.ghost{background:var(--paper);color:var(--ai2);box-shadow:inset 0 0 0 2px var(--ai),0 3px 0 var(--ai)}
.btn:hover{filter:brightness(1.07)}
.sec{padding-top:34px;padding-bottom:6px}
.ttl{font-size:26px;line-height:1.35;margin:0 0 8px;color:var(--ai2);padding-left:16px;border-left:6px solid var(--kaki)}
.ttl small{display:block;font-size:12px;letter-spacing:.14em;color:var(--koke);font-family:-apple-system,"PingFang SC",sans-serif;font-weight:700}
.sub{color:var(--ink2);margin:0 0 18px}
.bandai{background:#3b2d22;color:#f2e7d1;border-radius:4px;padding:18px 20px;border:8px solid var(--wood);box-shadow:inset 0 0 0 2px #8a6a3c}
.bandai .bt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px dashed #a08a6a;padding-bottom:8px;margin-bottom:8px}
.bandai .bt b{font-size:22px}.bandai .bt small{opacity:.75;font-size:12px}
.bandai ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 28px}
.bandai a{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:baseline;text-decoration:none;padding:6px 0;border-bottom:1px dotted #6d5a46}
.bandai a b{font-family:"Songti SC","Noto Serif CJK SC",serif;color:var(--wood);font-size:20px}
.bandai a em{font-style:normal;color:#ffcfa8;font-size:14px;white-space:nowrap}
.bandai a:hover span{text-decoration:underline}
.tags{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fuda{position:relative;display:flex;flex-direction:column;text-decoration:none;background:linear-gradient(90deg,#d8b783,#e6cb9f 30%,#dcbc8a 60%,#d1ad76);border-radius:46px 46px 10px 10px;padding:46px 16px 16px;box-shadow:inset 0 0 0 2px #a9844f,0 6px 0 #8a6a3c;transition:transform .15s}
.fuda:hover{transform:translateY(-4px)}
.hole{position:absolute;left:50%;top:14px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--paper);box-shadow:inset 0 2px 3px rgba(0,0,0,.4)}
.num{position:absolute;left:14px;top:12px;font-size:28px;font-weight:900;color:var(--ai2);line-height:1}
.fuda img{width:100%;aspect-ratio:3/4;object-fit:cover;border:3px solid var(--ai2);border-radius:4px}
.lbl{align-self:flex-start;margin-top:10px;background:var(--ai);color:var(--paper);font-size:12px;font-weight:700;padding:1px 8px;border-radius:2px}
.fuda h2,.fuda h3{margin:6px 0 0;font-size:21px;line-height:1.3;color:var(--ai2)}
.hrs{margin:2px 0 6px;font-size:14px;color:#6b3a1c;font-weight:700}
.gauge{margin:0;display:grid;gap:3px;font-size:12px}
.gauge div{display:grid;grid-template-columns:2.6em 1fr;align-items:center;gap:6px}
.gauge dt{color:#5b4423;font-weight:700}.gauge dd{margin:0;height:8px;background:rgba(255,255,255,.5);border-radius:4px;overflow:hidden}
.gauge dd span{display:block;height:100%;width:calc(var(--v)*20%);background:linear-gradient(90deg,var(--koke),#d9a441 60%,var(--kaki))}
.pools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pool{position:relative;text-decoration:none;border-radius:4px;padding:18px 18px 16px;color:#fff;overflow:hidden;min-height:190px}
.pool:after{content:"";position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;border:16px solid rgba(255,255,255,.12)}
.p-make{background:#7a3b2e}.p-island{background:var(--koke)}.p-city{background:var(--ai)}
.pool .pt{display:inline-block;background:var(--paper);color:var(--ink);font-size:12px;font-weight:800;padding:0 8px;border-radius:2px}
.pool b{display:block;font-size:22px;margin:6px 0 2px}.pool p{margin:0;font-size:14px}
.pool .pg{display:block;margin-top:10px;font-size:13px;border-top:1px dashed rgba(255,255,255,.4);padding-top:6px}
.tix{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tik{position:relative;text-decoration:none;background:#fff;border:2px solid var(--ai);border-radius:4px;padding:14px 16px 14px 22px;background-image:radial-gradient(circle at 0 50%,var(--paper) 8px,transparent 8.5px)}
.tik:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;border-left:2px dashed var(--line)}
.tik small{color:var(--kaki);font-weight:800;font-size:12px}.tik b{display:block;font-size:19px;color:var(--ai2)}.tik p{margin:2px 0 0;font-size:13px;color:var(--ink2)}
.mann{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mann a{text-decoration:none;background:#fff;border-radius:4px;padding:14px 16px;border-top:6px solid var(--koke);box-shadow:0 1px 0 var(--line)}
.mann b{font-size:18px;color:var(--ai2)}.mann p{margin:4px 0 0;font-size:14px;color:var(--ink2)}
.faq details{background:#fff;border-radius:4px;margin:0 0 10px;border:1px solid var(--line);border-left:5px solid var(--ai)}
.faq summary{cursor:pointer;padding:12px 16px;font-weight:800;color:var(--ai2)}
.faq p{margin:0;padding:0 16px 14px;color:var(--ink2)}
.cta{display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--ai);color:var(--paper);border-radius:4px;padding:22px 24px;border-top:10px solid var(--wood);background-image:repeating-linear-gradient(90deg,transparent 0 calc(33.3% - 2px),rgba(247,243,234,.25) calc(33.3% - 2px) 33.3%)}
.cta b{font-size:21px;font-family:"Songti SC","Noto Serif CJK SC",serif}.cta p{margin:4px 0 0;font-size:14px;opacity:.85}
.pg h1{font-size:32px;line-height:1.35;margin:.3em 0 .4em;color:var(--ai2)}
.prose p{max-width:46em}
.bhead{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start;padding-top:18px}
.fz{position:relative;background:linear-gradient(90deg,#d8b783,#e6cb9f 40%,#d1ad76);border-radius:46px 46px 10px 10px;padding:46px 14px 14px;box-shadow:inset 0 0 0 2px #a9844f,0 6px 0 #8a6a3c}
.fz img{width:100%;border:3px solid var(--ai2);border-radius:4px}
.bhead h1{font-size:30px;line-height:1.35;margin:.3em 0;color:var(--ai2)}
.hrsbig{background:#fff3e6;border-left:5px solid var(--kaki);padding:6px 12px;margin:10px 0;color:#6b3a1c}
.info{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0;background:#fff}
.info th,.info td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.info th{width:5.5em;color:var(--ink2);font-weight:600;background:#fbf7ef}
.bhead .gauge{max-width:420px;font-size:13px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 10px}
.pan{background:#fff;border-radius:4px;padding:16px 18px;border:1px solid var(--line)}
.pan .ttl{font-size:19px}
.pan ol{margin:0;padding:0;list-style:none}
.pan li{display:flex;gap:10px;padding:8px 0;border-top:1px dashed var(--line);font-size:15px}
.pan li b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--koke);color:#fff;font-size:13px;display:grid;place-items:center}
.pan.warn li b{background:var(--kaki)}
.who{background:#eef2ea;border-radius:4px;padding:10px 14px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gal figure{margin:0}.gal figcaption{font-size:12px;color:var(--ink2);margin-top:4px}
.gal img{border-radius:4px;width:100%;border:6px solid var(--wood)}
.r18 summary{list-style:none;cursor:pointer;position:relative;border-radius:4px;overflow:hidden}
.r18 summary::-webkit-details-marker{display:none}
.r18 summary img{filter:blur(22px);transform:scale(1.06)}
.r18[open] summary img{filter:none;transform:none}
.r18 .cov{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;background:rgba(22,38,63,.5);font-size:14px;padding:10px}
.r18 .cov b{display:block;font-size:30px;color:#ffcfa8}
.r18[open] .cov{display:none}
.tw{overflow-x:auto}
.tb{border-collapse:collapse;width:100%;background:#fff;font-size:14px}
.tb th,.tb td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tb th{background:var(--ai);color:var(--paper);font-weight:600}.tb th small{opacity:.75;font-weight:400}
.tg{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:900;color:var(--kaki);font-size:18px}
.ticket{display:inline-flex;gap:16px;align-items:center;border:2px dashed var(--ai);padding:4px 14px;border-radius:3px;color:var(--ai2);font-weight:800;background:#fff}
.ticket span{font-size:12px;letter-spacing:.2em;color:var(--kaki)}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{background:#fff;border-radius:4px;padding:12px 16px 12px 62px;margin-bottom:10px;position:relative;border:1px solid var(--line)}
.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--ai);color:var(--paper);display:grid;place-items:center;font-weight:900;font-family:"Songti SC",serif}
.steps h2{font-size:18px;margin:0;color:var(--ai2)}.steps p{margin:2px 0 0;color:var(--ink2)}
.srch input{width:100%;font-size:17px;padding:12px 14px;border-radius:4px;border:3px solid var(--ai);margin:6px 0;background:#fff}
.srch ul{list-style:none;padding:0}.srch li{background:#fff;border-radius:4px;padding:10px 14px;margin-bottom:8px;border:1px solid var(--line)}
.srch li a{font-weight:800;color:var(--ai)}.srch li small{display:block;color:var(--ink2)}
.ft{background:var(--ai2);color:#d9d2c3;margin-top:40px;padding:26px 0 96px;font-size:14px;border-top:10px solid var(--wood)}
.ft .board{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px}.ft .board b{color:var(--wood);font-family:"Songti SC",serif}
.ft a{color:#fff}
.ft .r18{background:rgba(255,255,255,.06);border-left:4px solid var(--kaki);padding:10px 12px;border-radius:3px}
.ft .cp{opacity:.75}
.dx{position:absolute;opacity:0;pointer-events:none}
.dock{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;background:linear-gradient(180deg,#e2c597,var(--wood));border-top:3px solid #8a6a3c;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.dock a{flex:1;text-align:center;text-decoration:none;color:#fff;background:var(--kaki);font-weight:900;font-size:16px;padding:9px;border-radius:4px;box-shadow:0 3px 0 #8d3a17}
.dock label{color:var(--ai2);font-size:20px;padding:0 6px 0 12px;cursor:pointer;font-weight:900}
.dx:checked+.dock{display:none}
@media(min-width:900px){.dock{left:auto;right:18px;bottom:18px;border-radius:6px;border:3px solid #8a6a3c;width:430px}.dock a{font-size:15px;white-space:nowrap}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px}.tix{grid-template-columns:repeat(2,1fr)}.bhead{grid-template-columns:1fr}.fz{max-width:300px}.pools{grid-template-columns:1fr}.mann{grid-template-columns:1fr}}
@media(max-width:760px){.htx h1{font-size:29px}.tags{grid-template-columns:repeat(2,1fr);gap:14px}.fuda{padding:38px 10px 12px;border-radius:34px 34px 8px 8px}.num{font-size:22px;left:10px}.hole{top:10px;width:14px;height:14px;margin-left:-7px}.fuda h2,.fuda h3{font-size:17px}.hrs{font-size:12px}.bandai ol{grid-template-columns:1fr}.two{grid-template-columns:1fr}.gal{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}.pg h1{font-size:25px}.bhead h1{font-size:25px}.logo small{display:none}.logo{font-size:18px}.go{padding:6px 10px;font-size:13px}.ttl{font-size:21px}.nr i{width:40px;height:40px;font-size:22px}.frame{border-width:9px}.noren a{min-width:54px;font-size:13px;padding:3px 8px 6px}}
@media(max-width:380px){.tix{grid-template-columns:1fr}.gauge{font-size:11px}}
