/* 季節ポップアップと告知帯だけに適用。元サイトの配色・レイアウトは変更しない。 */
.autumn-announcement{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 28px;padding:16px 76px 16px 24px;background:#19243a;color:#d8b66a;font-size:13px;letter-spacing:.12em;box-sizing:border-box}
.autumn-announcement a{color:#f7f0e3;text-decoration:none;line-height:1.8;padding:5px 0}.autumn-announcement a:hover{text-decoration:underline;text-underline-offset:6px}
.moon-popup{--night:#19243a;--gold:#d8b66a;--paper:#f7f0e3;width:min(860px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:32px 36px 24px;border:1px solid var(--gold);overflow:auto;overscroll-behavior:contain;background:var(--night);color:var(--paper);box-shadow:0 24px 100px #0008;box-sizing:border-box}
.moon-popup *,.moon-popup *::before,.moon-popup *::after{box-sizing:border-box}.moon-popup:not([open]){display:none}.moon-popup::backdrop{background:rgba(9,15,26,.8)}
.moon-popup .moon-feature__inner{max-width:960px;margin:auto}.moon-popup .moon-feature__heading{padding:0 44px 0 18px;border-left:1px solid #786b50}.moon-popup .moon-feature__eyebrow{display:flex;align-items:center;gap:24px;margin:0 0 10px;color:var(--gold);font-size:12px;letter-spacing:.2em}.moon-popup .moon-feature__eyebrow span{font:11px/1.5 Georgia,serif;letter-spacing:.18em}
.moon-popup h2{margin:0 0 10px;color:var(--paper);font-size:clamp(30px,4vw,44px);font-weight:500;letter-spacing:.16em;line-height:1.4}.moon-popup .moon-feature__lead{margin:0 0 6px;font-size:16px;line-height:1.7;letter-spacing:.1em}.moon-popup .moon-feature__intro{margin:0;color:#d0cbc1;font-size:12px;line-height:1.9}.moon-popup .moon-mobile-break{display:none}
.moon-popup .moon-player{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;margin-top:22px;background:#101827;border:1px solid #84724e}.moon-popup iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.moon-popup .moon-feature__foot{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-top:14px}.moon-popup .moon-feature__foot p{margin:0;font-size:12px;line-height:1.9;color:#c4bcae}.moon-popup .moon-feature__foot a{color:var(--gold);white-space:nowrap;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:6px}.moon-popup .moon-player__status{font-size:11px;line-height:1.8;color:var(--gold);margin:10px 0}
.moon-popup__close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #84724e;background:var(--night);color:var(--paper);font-size:30px;line-height:1;cursor:pointer;z-index:2}.moon-popup__return{display:block;margin:18px auto 0;padding:12px 24px;border:1px solid #84724e;background:transparent;color:var(--paper);font:inherit;font-size:13px;cursor:pointer}
.moon-popup .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.moon-popup a:focus-visible,.moon-popup button:focus-visible,.autumn-announcement a:focus-visible{outline:3px solid #d8b66a;outline-offset:4px}
html.moon-popup-open,html.moon-popup-open body{overflow:hidden}html.moon-popup-open #sg-root,html.moon-popup-open .site-audio-toggle{visibility:hidden;pointer-events:none}
@media(max-width:768px){.autumn-announcement{align-items:flex-start;flex-direction:column;gap:4px;padding:14px 76px 14px 20px;font-size:11px;letter-spacing:.04em}.autumn-announcement a{font-size:12px}.moon-popup{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 16px 20px}.moon-popup .moon-feature__heading{padding-left:12px;padding-right:28px}.moon-popup .moon-feature__eyebrow{gap:10px;font-size:10px}.moon-popup .moon-feature__eyebrow span{font-size:9px}.moon-popup h2{font-size:30px;letter-spacing:.05em}.moon-popup .moon-feature__foot{flex-direction:column;gap:2px}.moon-popup__close{top:8px;right:8px}.moon-popup .moon-player{margin-top:18px;min-height:200px}.moon-popup .moon-mobile-break{display:block}}