/* 公式図柄は描き直さず、提供表紙をCSSで表示します。 */
.hero{min-height:355px;background:linear-gradient(110deg,#241837 0%,#513476 48%,#9670b6 100%)}
.home .hero{min-height:390px}.inner .hero{min-height:280px}
.hero-art{isolation:isolate}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24183785,transparent 65%);pointer-events:none;z-index:1}
.hero-film{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.95}
.film-glow{position:absolute;width:65%;height:130%;right:-10%;top:-60%;border-radius:50%;background:radial-gradient(ellipse,#d0ade260 0%,#b388ce25 38%,transparent 69%);animation:glow-drift 9s ease-in-out infinite alternate}
.film-glow.second{width:90%;right:10%;top:20%;transform:rotate(-25deg);animation-delay:-4s;background:radial-gradient(ellipse,#986ed944,transparent 65%)}
.hero-content{z-index:5}.hero .eyebrow{color:#ded0ee}.hero h1{text-shadow:0 2px 20px #23143330}
/* 透過SVG自体のアルファを使用。色の合成で四角を隠す処理は使いません。 */
.official-symbol{position:absolute;width:280px;aspect-ratio:175/141;right:16%;top:50%;z-index:3;opacity:.9;transform:translateY(-50%);animation:official-float 6s ease-in-out infinite!important;filter:drop-shadow(0 0 6px #eadbff22)}
.official-symbol img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
@keyframes official-float{0%,100%{transform:translate(0,-50%)}50%{transform:translate(3px,calc(-50% - 9px))}}
@keyframes glow-drift{to{transform:translate(-15%,32%) rotate(12deg) scale(1.12)}}
@media(max-width:1150px){.official-symbol{right:9%;width:260px}}
@media(max-width:960px){.official-symbol{right:4%;width:235px}.hero .eyebrow{max-width:320px}}
@media(max-width:720px){.home .hero{min-height:325px}.inner .hero{min-height:265px}.official-symbol{width:180px;right:0;top:57%;opacity:.68}.hero h1,.inner .hero h1{font-size:30px;max-width:70%}.hero .eyebrow{max-width:215px}.hero-content{padding-block:45px}.hero-art:after{background:linear-gradient(90deg,#241837bb,transparent 90%)}}
@media(max-width:440px){.official-symbol{right:-8px;opacity:.55;width:155px}.hero h1{font-size:27px}.hero .eyebrow{max-width:190px}}
/* 背景と公式図柄を常時再生します。図柄の輪・手は変形させません。 */
@media(prefers-reduced-motion:reduce){.motion-enabled .film-glow{animation:glow-drift 9s ease-in-out infinite alternate!important}.motion-enabled .film-glow.second{animation-delay:-4s!important}}
@media print{.home .hero,.inner .hero{min-height:0;background:white}}