.hero-a.has-cards .hero-a__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 0s linear 1s;container-type:size}.hero-a.has-cards .hero-a__slide.is-active{opacity:1;visibility:visible;transition:opacity 1s ease}.hero-a .hero-a__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-pos, 50% 50%)}.hero-a .hero-a__media video,.hero-a .hero-a__media iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(56.25cqw,100cqh);transform:translate(-50%,-50%);border:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-a .hero-a__media video{width:100%;height:100%;object-fit:cover}.hero-a .hero-a__slide.no-pic{background:#000}.hero-a .hero-a__slide.is-playing .hero-a__media video,.hero-a .hero-a__slide.is-playing .hero-a__media iframe{opacity:1}.hero-a .hero-a__over{position:absolute;inset:0;z-index:3;container-type:inline-size;pointer-events:none}.hero-a .hero-a__over--m{display:none}.hero-a .hero-a__t{position:absolute;z-index:1;margin:0;paint-order:stroke fill;overflow-wrap:anywhere}.hero-a .hero-a__t-band{z-index:0}.hero-a .hero-a__link{position:absolute;inset:0;z-index:3}.hero-a.has-cards .inner{pointer-events:none}.hero-a .hero-a__bottom{position:absolute;right:0;bottom:20px;left:0;z-index:5;pointer-events:none}.hero-a .hero-a__row{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:20px;height:24px}.hero-a .hero-a__line{position:relative;flex:1 1 auto;height:24px;cursor:pointer;pointer-events:auto}.hero-a .hero-a__line:before,.hero-a .hero-a__fill{position:absolute;top:50%;left:0;width:100%;height:1px;margin-top:-.5px;border-radius:10px}.hero-a .hero-a__line:before{content:"";background:#ffffff4d}.hero-a .hero-a__fill{background:#fff;transform:scaleX(0);transform-origin:0 50%}.hero-a .hero-a__sound{flex:0 0 auto;margin:-8px 0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#0000004d;color:#fff;font-size:18px;cursor:pointer;pointer-events:auto;transition:background .3s ease,border-color .3s ease,color .3s ease}.hero-a .hero-a__sound[hidden]{display:flex!important;visibility:hidden}.hero-a .hero-a__sound:hover{background:#0000008c}.hero-a .hero-a__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-a .hero-a__wave{display:none;width:20px;height:20px;overflow:visible}.hero-a .hero-a__sound.is-on .ic{display:none}.hero-a .hero-a__sound.is-on .hero-a__wave{display:block}.hero-a .hero-a__wave-sp{fill:currentColor}.hero-a .hero-a__wave-w1,.hero-a .hero-a__wave-w2,.hero-a .hero-a__wave-w3{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.hero-a:has(.hero-a__slide.is-active.is-playing) .hero-a__sound.is-on .hero-a__wave-w1{animation:hero-wave-1 1.6s step-end infinite}.hero-a:has(.hero-a__slide.is-active.is-playing) .hero-a__sound.is-on .hero-a__wave-w2{animation:hero-wave-2 1.6s step-end infinite}.hero-a:has(.hero-a__slide.is-active.is-playing) .hero-a__sound.is-on .hero-a__wave-w3{animation:hero-wave-3 1.6s step-end infinite}@keyframes hero-wave-1{0%{opacity:.3}25%,to{opacity:1}}@keyframes hero-wave-2{0%{opacity:.3}50%,to{opacity:1}}@keyframes hero-wave-3{0%{opacity:.3}75%,to{opacity:1}}.hero-a .hero-a__sound.is-bgm{border-color:#fff;background:#fff;color:var(--bs-primary)}.hero-a .hero-a__sound.is-bgm:hover{background:#f2f2f2}.hero-a .hero-a__bgm{position:absolute;right:22px;bottom:calc(100% + 18px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;width:172px;height:172px;padding:0 16px 16px;border-radius:50% 50% 0;background:#fff;box-shadow:3px 4px 6px #00000038,10px 14px 28px #0000004d;color:var(--site-menu);text-align:center;white-space:nowrap;pointer-events:auto;--bgm-into-x: 2px;--bgm-into-y: 30px;transform-origin:100% 100%;animation:hero-bgm-pop .75s ease-out both,hero-bgm-beat 1.6s ease-in-out 1s 5}.hero-a .hero-a__bgm[hidden]{display:none}.hero-a .hero-a__bgm:hover,.hero-a .hero-a__bgm:focus-within{animation-play-state:running,paused}.hero-a .hero-a__bgm.is-leaving{animation:hero-bgm-out .8s ease-in forwards;pointer-events:none}.hero-a .hero-a__bgm.is-into{animation:hero-bgm-into .8s cubic-bezier(.55,0,.75,.25) forwards;pointer-events:none}@keyframes hero-bgm-pop{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.12)}60%{transform:scale(.93)}78%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes hero-bgm-beat{0%,40%,to{transform:translateY(0) scale(1)}8%{transform:translateY(-8px) scale(.98,1.03)}16%{transform:translateY(0) scale(1.04,.95)}24%{transform:translateY(-4px) scale(.99,1.01)}32%{transform:translateY(0) scale(1.02,.98)}}@keyframes hero-bgm-out{0%{opacity:1}to{opacity:0;transform:translateY(4px) scale(.85)}}@keyframes hero-bgm-into{0%{opacity:1;transform:translate(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(var(--bgm-into-x),var(--bgm-into-y)) scale(.04)}}.hero-a .hero-a__bgm-msg{margin:0;font-size:14px;line-height:1.5}.hero-a .hero-a__bgm-btns{display:flex;gap:6px;align-self:flex-end}.hero-a .hero-a__bgm-btns button{min-width:48px;height:30px;padding:0 10px;border:1px solid var(--bs-primary);border-radius:99px;background:#fff;color:var(--bs-primary);font-size:13px;font-weight:500;cursor:pointer}.hero-a .hero-a__bgm-btns .hero-a__bgm-yes{background:var(--bs-primary);color:#fff}.hero-a .hero-a__bgm-btns .hero-a__bgm-yes:hover{background:var(--site-primary-dark);border-color:var(--site-primary-dark)}.hero-a .hero-a__bgm-btns .hero-a__bgm-no:hover{background:#f2f2f2}.hero-a.is-empty{background:#2b2f36}.hero-a .hero-a__empty{position:absolute;top:42%;right:15px;left:15px;margin:0;color:#fff;font-size:1.25rem;text-align:center;transform:translateY(-50%)}.hero-a .hero-a__empty small{display:block;margin-top:8px;color:#ffffffa6;font-size:.875rem}@media(max-width:767px){.hero-a .hero-a__pic img{object-position:var(--hero-pos-m, 50% 50%)}.hero-a .hero-a__over--pc{display:none}.hero-a .hero-a__over--m{display:block}.hero-a .hero-a__bottom .container{padding-right:15px;padding-left:15px}.hero-a .hero-a__sound{width:36px;height:36px;margin:-6px 0;font-size:16px}.hero-a .hero-a__wave{width:18px;height:18px}.hero-a .hero-a__bgm{right:18px;bottom:calc(100% + 16px);--bgm-into-x: 0px;--bgm-into-y: 28px;gap:8px;width:152px;height:152px;padding:0 12px 12px}.hero-a .hero-a__bgm-msg{font-size:13px}.hero-a .hero-a__bgm-btns button{min-width:44px;height:28px;font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-a.has-cards .hero-a__slide,.hero-a.has-cards .hero-a__slide.is-active{transition:none}.hero-a .hero-a__bgm,.hero-a .hero-a__bgm.is-leaving,.hero-a .hero-a__bgm.is-into{animation:none}.hero-a .hero-a__sound{transition:none}.hero-a .hero-a__wave path{animation:none!important}}.hero-a{margin:calc(-1 * var(--hd-h-reserve)) 0 0;position:relative;height:calc(100vh - var(--hd-h));height:calc(100svh - var(--hd-h));min-height:calc(560px + var(--hd-h-reserve));overflow:clip}@media(min-width:768px){.hero-a{--mv-h: clamp(540px, calc(100vh - var(--hd-h) - var(--hd-h-reserve)), 861px);height:calc(var(--mv-h) + var(--hd-h-reserve));min-height:0}@supports (height: 100svh){.hero-a{--mv-h: clamp(540px, calc(100svh - var(--hd-h) - var(--hd-h-reserve)), 861px)}}}.hero-a .overlay{position:absolute;left:0;width:100%;height:200px}.hero-a .overlay.top{top:0;z-index:2;background:linear-gradient(to bottom,#00000080,#0000 180px)}.hero-a .overlay.bottom{bottom:0;z-index:3;background:linear-gradient(to top,#00000080,#0000 180px)}.hero-a .visual{position:absolute;inset:0;overflow:hidden}.hero-a .inner{position:absolute;left:0;top:var(--hd-h-reserve);bottom:0;width:100%;z-index:4}.hero-a .inner .container{height:100%}.hero-a .today{position:absolute;bottom:60px;width:100%}.hero-a .today h3{font-size:1.5rem;color:#ffe302;display:inline-block;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.hero-a .today h3 small{font-size:1rem;color:#ddd;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.hero-a .today__state{display:inline-block;margin-top:.3rem;font-size:2.5rem}.hero-a .today__msg{margin-top:.5rem;color:gold}.hero-a .today__date{position:relative;color:#fff}.hero-a .today__wx.is-v3{position:absolute;top:50%;left:calc(100% + 24px);display:flex;align-items:center;gap:10px;color:#fff;font-weight:400;line-height:1.2;white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.5);transform:translateY(-50%)}.hero-a .today__wx-ic{flex:none;width:38px;height:38px;color:#ffe302;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5))}.hero-a .today__wx-r{position:relative;display:flex;flex-direction:column;gap:2px}.hero-a .today__wx-t{font-size:22px;font-weight:500;line-height:1}.hero-a .today__wx-w{display:inline-flex;align-items:center;gap:5px;font-size:14px}.hero-a .today__wx-wi{width:15px;height:15px;opacity:.9}.hero-a .today .today__wx-r small{position:absolute;top:100%;left:0;margin-top:2px;font-size:.85rem;letter-spacing:0;color:#b9c9e8}@media(max-width:1199px){.hero-a .today h3{font-size:1.375rem}.hero-a .today h3 small{font-size:1rem}}@media(max-width:767px){.hero-a{min-height:calc(480px + var(--hd-h-reserve))}.hero-a .today{left:0;right:0}.hero-a .today__date{font-size:1.35rem}.hero-a .today__state{font-size:2rem}.hero-a .today__msg{font-size:1.25rem}.hero-a .today__wx.is-v3{left:calc(100% + 7px);transform:translateY(calc(-50% - 1px));gap:8px}.hero-a .today__wx-ic{width:34px;height:34px}.hero-a .today__wx-t{font-size:20px}.hero-a .today__wx-w{font-size:13px}.hero-a .today h3{font-size:1.375rem;padding-left:15px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.hero-a .today h3 small{font-size:1rem;letter-spacing:-1px}}
