#btnNav{transition:opacity .5s}#btnNav:not(.isShow){pointer-events:none;opacity:0}#mvCol{--mv_height:clamp(calc(900 / var(--device_width) * 100vw), 100svh, 750px);position:relative;z-index:0;overflow:hidden;background:url(../images/top/header/mv_bg.webp) no-repeat top center/cover;width:100%;height:var(--mv_height);-webkit-mask:linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));mask:linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));transition:height 1s 3.5s linear}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol{--mv_height:clamp(calc(1000 / var(--device_font-size) * 1rem), 100svh, calc(1300 / 2000 * 100vw))}}#mvCol:not(.isPlay){height:calc(100svh + calc(100 / var(--device_font-size) * 1rem))}#mvCol.notPlay{height:var(--mv_height);transition-duration:0s;transition-delay:0s}#mvCol:before,#mvCol:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#mvCol:before{z-index:-30;-webkit-backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem));backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem))}#mvCol:after{z-index:-10;background:#fff;animation:fadeOut .5s 3s ease 1 both}#mvCol:not(.isPlay):after{animation-play-state:paused}#mvCol.notPlay:after{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvColInner:before,#mvColInner:after{content:"";position:absolute}#mvColInner:before{z-index:-20;top:0;left:50%;aspect-ratio:2000/1300;width:auto;height:100%;background:url(../images/top/header/mv_bg.webp) no-repeat top center/auto 100%;transition:-webkit-mask 1s 2.5s;transition:mask 1s 2.5s;transition:mask 1s 2.5s, -webkit-mask 1s 2.5s;animation:fadeIn 1s 2.5s ease 1 both,scaleDown 1s 2.5s ease 1 both;-webkit-mask:linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));mask:linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));height:var(--mv_height);translate:-50% 0;rotate:z .0001deg}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvColInner:before{-webkit-mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));-webkit-mask-composite:source-in, xor;mask-composite:intersect}}#mvColInner:after{position:absolute;display:block;z-index:40;bottom:0;left:50%;translate:-50% 0;background:#fff;mix-blend-mode:difference;width:1px;height:calc(100/var(--device_font-size)*1rem);animation:fadeIn 1s 4.5s 1 both,scroll 2s 0s infinite}#mvColInner:not(.isPlay):before{animation-play-state:paused;-webkit-mask:linear-gradient(to top, transparent, #FFF calc(0 / var(--device_font-size) * 1rem));mask:linear-gradient(to top, transparent, #FFF calc(0 / var(--device_font-size) * 1rem))}#mvColInner:not(.isPlay):after{animation-play-state:paused}#mvColInner.notPlay:before{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvColInner.notPlay:after{animation-play-state:running;animation-duration:0s,2s;animation-delay:0s}#mvCol h1{pointer-events:none;position:absolute;z-index:0;top:50%;left:50%;aspect-ratio:495/739;height:auto;translate:-50% -50%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol h1{width:calc(400/var(--device_width)*100vw);animation:logoSp 1s 3.5s ease 1 both}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol h1{width:calc(300/var(--device_font-size)*1rem);animation:logoPc 1s 3.5s ease 1 both}}#mvCol h1 img{opacity:0}#mvCol h1:before,#mvCol h1:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%}#mvCol h1:before{z-index:-1;background:url(../images/top/header/logo_txt.webp) no-repeat center/contain;animation:fadeIn 1s 1s linear 1 both}#mvCol h1:after{z-index:-2;background:url(../images/top/header/logo_bg.webp) no-repeat center/contain;animation:logoAfter 1s 0s ease 1 both}#mvCol h1:not(.isPlay){animation-play-state:paused}#mvCol h1:not(.isPlay):before{animation-play-state:paused}#mvCol h1:not(.isPlay):after{animation-play-state:paused}#mvCol h1.notPlay{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvCol h1.notPlay:before{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvCol h1.notPlay:after{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvCol p{pointer-events:none;position:absolute;z-index:60;top:calc(100% - calc(220 / var(--device_font-size) * 1rem));left:50%;display:grid;justify-items:center;gap:1rem;width:calc(430/var(--device_width)*100vw);translate:-50% 0;filter:drop-shadow(0px 0px calc(10 / var(--device_font-size) * 1rem) #27385e) drop-shadow(0px 0px calc(30 / var(--device_font-size) * 1rem) #27385e) drop-shadow(0px 0px calc(30 / var(--device_font-size) * 1rem) #27385e);animation:fadeIn 1s 5s linear 1 both}#mvCol p img:first-of-type{width:calc(280/319*100%)}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol p{top:calc(100% - calc(320 / var(--device_font-size) * 1rem));gap:2rem;align-items:center;width:calc(400/var(--device_font-size)*1rem)}}#mvCol p:not(.isPlay){animation-play-state:paused}#mvCol p.notPlay{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvCol .ill{pointer-events:none;position:absolute;z-index:1;top:calc(-60/var(--device_font-size)*1rem);left:0;width:100%;height:var(--mv_height)}#mvCol .ill img{opacity:0}#mvCol .ill:before,#mvCol .ill:after,#mvCol .ill>*:before,#mvCol .ill>*:after{content:"";position:absolute;bottom:0;left:50%;display:block;width:100%;height:100%;translate:-50% 0;rotate:z .0001deg}#mvCol .ill:before{z-index:10;background:no-repeat bottom left 45%/120% auto;animation:fadeIn 1s 3.5s ease 1 both}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .ill:before{background-image:url(../images/top/header/mv_chara_01_sp.webp)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .ill:before{background-image:url(../images/top/header/mv_chara_01.webp)}}#mvCol .ill:after{z-index:20;background:no-repeat bottom left 45%/120% auto;animation:fadeIn 1s 4s ease 1 both}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .ill:after{background-image:url(../images/top/header/mv_chara_02_sp.webp)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .ill:after{background-image:url(../images/top/header/mv_chara_02.webp)}}#mvCol .ill>*:before{z-index:30;background:no-repeat bottom left 45%/120% auto;animation:fadeIn 1s 4.5s ease 1 both}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .ill>*:before{background-image:url(../images/top/header/mv_chara_03_sp.webp)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .ill>*:before{background-image:url(../images/top/header/mv_chara_03.webp)}}#mvCol .ill>*:after{z-index:0;background:no-repeat bottom left 45%/120% auto;-webkit-mask:linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));mask:linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));animation:fadeIn 1s 5s ease 1 both}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .ill>*:after{background-image:url(../images/top/header/mv_shadow_sp.webp)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .ill>*:after{background-image:url(../images/top/header/mv_shadow.webp)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .ill{left:50%;aspect-ratio:2000/1300;width:auto;translate:-50% 0;bottom:calc(0/var(--device_font-size)*1rem)}#mvCol .ill:before,#mvCol .ill:after,#mvCol .ill>*:before,#mvCol .ill>*:after{background-position:bottom center;background-size:contain}#mvCol .ill>*:after{-webkit-mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(100 / var(--device_font-size) * 1rem));-webkit-mask-composite:source-in, xor;mask-composite:intersect}}#mvCol .ill:not(.isPlay):before,#mvCol .ill:not(.isPlay):after,#mvCol .ill:not(.isPlay)>*:before,#mvCol .ill:not(.isPlay)>*:after{animation-play-state:paused}#mvCol .ill.notPlay:before,#mvCol .ill.notPlay:after,#mvCol .ill.notPlay>*:before,#mvCol .ill.notPlay>*:after{animation-play-state:running;animation-duration:0s;animation-delay:0s}#mvCol #btnSkip{position:absolute;z-index:40;left:50%;top:calc(100svh - calc(100 / var(--device_font-size) * 1rem));translate:-50% 0;-webkit-backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem));backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem));background:rgba(16,32,46,.6);padding:.5em 3em;border:none;border-radius:calc(infinity*1px);font-family:"Noto Serif JP",serif;font-weight:700;font-size:1rem;text-transform:uppercase;line-height:1;color:#fff}@media(any-hover: hover){#mvCol #btnSkip{transition:scale .5s}#mvCol #btnSkip:hover{cursor:pointer;scale:1.05}}#mvCol #btnSkip.isRemove{pointer-events:none;opacity:0;transition:opacity .5s}#mvCol #btnSkip.notPlay{display:none}#mvCol #bird{display:block;position:absolute;z-index:20;top:calc(50% - calc(300 / var(--device_width) * 100vw));left:calc(50% - calc(250 / var(--device_font-size) * 1rem));aspect-ratio:1/1;width:calc(70/var(--device_font-size)*1rem);height:auto;border-radius:calc(infinity*1px);mix-blend-mode:screen;animation:fadeIn 1s 6s 1 both,bird 1s 6s 1 both,birdMove 5s 7s linear infinite;pointer-events:none}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol #bird{top:calc(50% - calc(350 / var(--device_font-size) * 1rem));left:calc(50% - calc(250 / var(--device_font-size) * 1rem))}}@media(any-hover: hover){#mvCol #bird{transition:scale .5s}#mvCol #bird:hover{scale:1.1}#mvCol #bird:hover img{opacity:1}}#mvCol #bird:not(.isPlay){pointer-events:none;animation-play-state:paused}#mvCol #bird.notPlay{animation:fadeIn 1s .5s 1 both,bird 1s .5s 1 both,birdMove 5s 1s linear infinite}#mvCol #halo{display:block}#mvCol #halo:after{content:"";position:absolute;aspect-ratio:2000/1300;z-index:-10;top:0;left:50%;width:auto;height:var(--mv_height);-webkit-mask:linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));mask:linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));translate:-50% 0;opacity:0}#mvCol #halo:after{background:url(../images/top/header/mv_bg.webp) no-repeat top center/auto 100%;mix-blend-mode:screen}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol #halo:before,#mvCol #halo:after{-webkit-mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));mask:linear-gradient(to right, transparent, #FFF calc(200 / var(--device_font-size) * 1rem), #FFF calc(100% - calc(200 / var(--device_font-size) * 1rem)), transparent 100%),linear-gradient(to top, transparent, #FFF calc(200 / var(--device_font-size) * 1rem));-webkit-mask-composite:source-in, xor;mask-composite:intersect}}@media(any-hover: hover){#mvCol #halo:after{transition:opacity .5s}#mvCol #halo:has(a:hover):after{opacity:1}}#mvCol #halo a{display:block;position:absolute;z-index:10;top:35%;left:50%;aspect-ratio:1/1;width:calc(630/var(--device_font-size)*1rem);height:auto;border-radius:calc(infinity*1px);translate:-50% -50%;background:rgba(0,0,0,0);border-radius:calc(infinity*1px);rotate:z .0001deg;text-indent:100%;white-space:nowrap;overflow:hidden;pointer-events:none}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol #halo a{top:35%;width:auto;height:80%}}@keyframes scaleDown{0%{scale:1.5}100%{scale:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes scroll{0%{scale:1 1;transform-origin:bottom}50%{scale:1 0;transform-origin:bottom}51%{transform-origin:top}99%{scale:1 1;transform-origin:top}100%{transform-origin:bottom}}@keyframes logoAfter{0%{opacity:0;rotate:y 720deg}100%{opacity:1;rotate:z 0deg}}@keyframes logoSp{0%{top:50%;translate:-50% -50%;scale:1 1}100%{top:35%;translate:-50% -50%;scale:.8 .8}}@keyframes logoPc{0%{top:50%;translate:-50% -50%;scale:1 1}100%{top:25%;translate:-50% -50%;scale:.8 .8}}@keyframes bird{0%{translate:-20% 20%}100%{translate:0% 0%}}@keyframes birdMove{0%,100%{translate:0% 0%}50%{translate:0% 10%}}@keyframes haloLuminescence{0%,100%{opacity:0}50%{opacity:1}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){nav{margin-block-start:calc(30/var(--device_font-size)*1rem)}}#newsCol{margin-inline:auto;padding-block:calc(100/var(--device_font-size)*1rem) calc(20/var(--device_font-size)*1rem)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#newsCol{width:calc(606/var(--device_width)*100%)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#newsCol{width:calc(1000/var(--device_font-size)*1rem)}}#newsCol dl{overflow-y:auto;display:grid;justify-content:center;min-height:4lh;max-height:10lh}#newsCol dl dt{position:relative;z-index:0;background:#fff;display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-family:"Noto Serif JP",serif;font-weight:900;line-height:1;letter-spacing:.1em}#newsCol dl dd{font-weight:700}#newsCol dl dd a{text-decoration:none;background:var(--color_new);-webkit-background-clip:text;background-clip:text;font-weight:500;color:rgba(0,0,0,0)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#newsCol dl{font-size:calc(22/var(--device_font-size)*1rem);text-align:center}#newsCol dl dt{margin-block-start:calc(40/var(--device_font-size)*1rem);padding:.5em 1em;border-radius:calc(infinity*1px)}#newsCol dl dt:after{content:"";position:absolute;bottom:0;left:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43px' height='24px' viewBox='0 0 43 24'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M21.369,23.999 C21.360,23.999 21.352,23.1000 21.344,23.1000 C21.335,23.1000 21.327,23.999 21.318,23.999 C20.846,11.999 11.928,2.174 0.344,0.312 L0.344,0.221 L42.344,0.221 L42.344,0.312 C30.760,2.174 21.841,11.999 21.369,23.999 Z'/%3E%3C/svg%3E") no-repeat top center/contain;aspect-ratio:43/24;width:calc(43/var(--device_font-size)*1rem);height:auto;translate:-50% calc(100% - 1px)}#newsCol dl dd{margin-block-start:calc(44/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#newsCol dl{grid-template-columns:max-content auto;justify-content:flex-start;align-items:center;gap:calc(20/var(--device_font-size)*1rem) calc(20/var(--device_font-size)*1rem);font-size:calc(16/var(--device_font-size)*1rem);text-align:left}#newsCol dl dt{padding:.5em calc(30/var(--device_font-size)*1rem) .5em 1em;border-radius:calc(infinity*1px) 0 0 calc(infinity*1px);-webkit-mask:url(../images/common/mask_dt.svg) no-repeat top 50% right -1px/auto 110%,linear-gradient(to right, #FFF, #FFF);mask:url(../images/common/mask_dt.svg) no-repeat top 50% right -1px/auto 110%,linear-gradient(to right, #FFF, #FFF);-webkit-mask-composite:xor;mask-composite:exclude}}#supportCol{margin-inline:auto;padding-block:calc(100/var(--device_font-size)*1rem) calc(20/var(--device_font-size)*1rem)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol{width:calc(606/var(--device_width)*100%)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol{width:calc(1000/var(--device_font-size)*1rem)}}#supportCol h2{margin-bottom:calc(30/var(--device_font-size)*1rem)}#supportCol ul{display:flex;flex-wrap:wrap;justify-content:center}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol ul li{width:48.5%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol ul li{width:19%}}#supportCol ul li a{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem));backdrop-filter:blur(calc(20 / var(--device_font-size) * 1rem));box-shadow:calc(10/var(--device_font-size)*1rem) calc(10/var(--device_font-size)*1rem) calc(10/var(--device_font-size)*1rem) 0px rgba(0,0,0,.1);font-weight:700;color:var(--color_blue);border:1px solid #fff;transition:background-color .5s}#supportCol ul li a:hover{background:#fff}#supportCol ul li a img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:1 !important}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol ul li a{height:calc(100/var(--device_font-size)*1rem);border-radius:calc(50/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol ul li a{height:70px;border-radius:35px}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol ul li+li{margin-left:3%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol ul li+li{margin-left:1.25%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol ul li:nth-child(2n+1){margin-left:0}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol ul li:nth-child(5n+1){margin-left:0}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#supportCol ul li:nth-child(n+3){margin-top:3%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#supportCol ul li:nth-child(n+6){margin-top:1.25%}}
/*# sourceMappingURL=maps/top.css.map */