#mvCol{position:relative;z-index:0}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol{display:grid;gap:calc(30/var(--device_font-size)*1rem);justify-items:center;background:linear-gradient(to bottom, #000 0%, #000 calc(100% - calc(100 / var(--device_width) * 100vw)), transparent 100%);padding-block:calc(30/var(--device_font-size)*1rem) calc(80/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol{display:grid;align-content:flex-end;place-items:center;background:#000;gap:calc(90/var(--device_font-size)*1rem);height:calc(840/var(--device_font-size)*1rem);padding-block:calc(50/var(--device_font-size)*1rem)}}#mvCol .platform{display:grid;place-content:center;place-items:center;margin-inline:auto;line-height:1}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .platform{grid-template-columns:calc(182/400*100%) calc(123/400*100%);gap:calc(30/var(--device_font-size)*1rem);width:80%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .platform{grid-template-columns:calc(182/328*100%) calc(123/328*100%);gap:calc(24/var(--device_font-size)*1rem);position:absolute;top:calc(20/var(--device_font-size)*1rem);left:calc(20/var(--device_font-size)*1rem);width:calc(328/var(--device_font-size)*1rem)}}#mvCol .mv img{width:100%;height:100%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol .mv{aspect-ratio:4/3;width:100%;height:auto}#mvCol .mv img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol .mv{position:absolute;z-index:-1;top:0;left:50%;width:100%;max-width:2000px;height:100%;translate:-50% 0}#mvCol .mv img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}#mvCol h1{transition:opacity .5s 0s,translate .5s 0s}#mvCol h1:not(.isPlay){opacity:0;translate:0 10%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol h1{width:calc(600/var(--device_width)*100vw);margin-block-start:calc(-90/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol h1{width:calc(507/var(--device_font-size)*1rem)}}#mvCol p{transition:opacity .5s .5s,translate .5s .5s}#mvCol p:not(.isPlay){opacity:0;translate:0 10%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#mvCol p{width:calc(600/var(--device_width)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#mvCol p{width:calc(563/var(--device_font-size)*1rem)}}:where(main>section){margin-block-start:calc(100/var(--device_font-size)*1rem)}:where(main>section) :where(h2){display:grid;place-content:center;justify-items:center;gap:calc(20/var(--device_font-size)*1rem);width:-moz-fit-content;width:fit-content;margin:0 auto calc(50/var(--device_font-size)*1rem)}:where(main>section) :where(h2) img{width:auto;height:calc(60/var(--device_font-size)*1rem)}:where(main>section) :where(h2):after{content:attr(data-ja);font-size:calc(15/var(--device_font-size)*1rem);color:var(--color_gray)}#movieCol{overflow:hidden;padding-block-end:calc(50/var(--device_font-size)*1rem)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#movieCol{margin-block-start:calc(40/var(--device_font-size)*1rem)}}#movieCol h2{margin-block-end:calc(20/var(--device_font-size)*1rem)}#movieCol .slick-list{overflow:visible !important}#movieCol .slick-slide{transition:scale .5s .5s}#movieCol .slick-slide:not(.slick-active){scale:.9}#movieCol .slick-slide:not(.slick-active) .thumb img{opacity:.5}#movieCol #movieSlider{margin-inline:auto}#movieCol #movieSlider .thumb{-o-border-image:url(../images/top/movie/bg_movie.svg) 70 fill/calc(100 / var(--device_font-size) * 1rem);border-image:url(../images/top/movie/bg_movie.svg) 70 fill/calc(100 / var(--device_font-size) * 1rem);padding:calc(40/var(--device_font-size)*1rem) calc(30/var(--device_font-size)*1rem) 0;text-decoration:none;text-align:center;filter:drop-shadow(0px calc(20 / var(--device_font-size) * 1rem) calc(5 / var(--device_font-size) * 1rem) rgba(0, 0, 0, 0.5))}#movieCol #movieSlider .thumb img{transition:opacity .5s .5s}#movieCol #movieSlider .thumb p{font-weight:700;padding-block:.5rem 1rem}@media(any-hover: hover){#movieCol #movieSlider .thumb{transition:scale .5s}#movieCol #movieSlider .thumb:hover{scale:1.02}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#movieCol #movieSlider{width:calc(630/var(--device_width)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#movieCol #movieSlider{width:calc(980/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol{width:100%;max-width:2000px;margin-inline:auto}}#aboutCol .visual{position:relative;z-index:0;display:grid}#aboutCol .visual>div{position:relative;z-index:0;filter:drop-shadow(0px calc(20 / var(--device_font-size) * 1rem) calc(5 / var(--device_font-size) * 1rem) rgba(0, 0, 0, 0.5))}#aboutCol .visual>div p{position:absolute;z-index:1;font-weight:600;line-height:1.6666666667;color:var(--color_side_txt);writing-mode:vertical-rl;transition:opacity 1s 1s,translate 1s 1s}#aboutCol .visual>div p span{background:#000}#aboutCol .visual>div>div{background:#000}#aboutCol .visual>div>div img{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);transition:clip-path .5s .5s}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#aboutCol .visual{gap:calc(60/var(--device_font-size)*1rem)}#aboutCol .visual>div{width:calc(690/var(--device_width)*100vw)}#aboutCol .visual>div p{font-size:calc(20/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol .visual{grid-template-columns:repeat(2, 1fr);gap:calc(20/var(--device_font-size)*1rem)}#aboutCol .visual>div{height:calc(560/var(--device_font-size)*1rem);width:auto}#aboutCol .visual>div>div{width:100%;height:100%}#aboutCol .visual>div>div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#aboutCol .visual>div p{font-size:calc(36/var(--device_font-size)*1rem)}}#aboutCol .visual :where(.l) p span:first-child{padding-inline-end:.5rem}#aboutCol .visual :where(.l) p span:last-child{margin-inline-start:1rem;padding-inline-start:.5rem}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#aboutCol .visual :where(.l) p{top:calc(-30/var(--device_font-size)*1rem);left:calc(20/var(--device_font-size)*1rem)}#aboutCol .visual :where(.l)>div{clip-path:polygon(0 0, 100% calc(50 / var(--device_width) * 100vw), 100% 100%, 0 calc(100% - calc(50 / var(--device_width) * 100vw)))}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol .visual :where(.l) p{top:calc(-15/var(--device_font-size)*1rem);right:calc(20/var(--device_font-size)*1rem)}#aboutCol .visual :where(.l)>div{clip-path:polygon(0 0, 100% calc(50 / var(--device_font-size) * 1rem), 100% 100%, 0 calc(100% - calc(50 / var(--device_font-size) * 1rem)))}#aboutCol .visual :where(.l)>div img{-o-object-position:right;object-position:right}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#aboutCol .visual :where(.kira){margin-inline-start:auto}#aboutCol .visual :where(.kira) p{top:calc(10/var(--device_font-size)*1rem);right:calc(20/var(--device_font-size)*1rem)}#aboutCol .visual :where(.kira)>div{clip-path:polygon(0 0, 100% calc(50 / var(--device_width) * 100vw), 100% 100%, 0 calc(100% - calc(50 / var(--device_width) * 100vw)))}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol .visual :where(.kira){margin-block-start:calc(40/var(--device_font-size)*1rem)}#aboutCol .visual :where(.kira) p{top:calc(-55/var(--device_font-size)*1rem);left:calc(20/var(--device_font-size)*1rem)}#aboutCol .visual :where(.kira)>div{clip-path:polygon(0 calc(50 / var(--device_font-size) * 1rem), 100% 0, 100% calc(100% - calc(50 / var(--device_font-size) * 1rem)), 0 100%)}#aboutCol .visual :where(.kira)>div img{-o-object-position:left;object-position:left}}#aboutCol .visual>p{position:absolute;left:50%;background:#000;font-weight:600;line-height:1;white-space:nowrap;color:#fff;transition:scale 1s 2s,opacity 1s 2s}#aboutCol .visual>p span{display:inline-block;padding:.4rem;margin-inline-end:-0.5rem}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#aboutCol .visual>p{top:50%;font-size:calc(46/var(--device_font-size)*1rem);translate:-50% -50%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol .visual>p{bottom:calc(80/var(--device_font-size)*1rem);font-size:calc(80/var(--device_font-size)*1rem);translate:-50% 0}}#aboutCol .visual:not(.isPlay)>div p{translate:0 -50%;opacity:0}#aboutCol .visual:not(.isPlay) .l>div img{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%)}#aboutCol .visual:not(.isPlay) .kira>div img{clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}#aboutCol .visual:not(.isPlay)>p{scale:1.1;opacity:0}#aboutCol .txt{margin-block:1rem}#aboutCol .txt p{text-align:center;line-height:2.5}#aboutCol .txt p span{display:inline-block;background:#000;line-height:1;padding:.5rem .5rem}#aboutCol .txt p:last-of-type{margin-block:1.6rem;font-size:1.6em;line-height:2}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#aboutCol .txt p span:has(+.sp){padding-inline-end:0}#aboutCol .txt p .sp+span{padding-inline-start:0}}#rulesCol .sideList{position:relative;z-index:0;display:grid;background:url(../images/common/frame_tl.webp) no-repeat top left/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_tr.webp) no-repeat top right/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_bl.webp) no-repeat bottom left/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_br.webp) no-repeat bottom right/calc(50 / var(--device_font-size) * 1rem);margin-inline:auto}#rulesCol .sideList::before,#rulesCol .sideList:after{content:"";background:#b4b4b4;width:1px}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#rulesCol .sideList{gap:calc(30/var(--device_font-size)*1rem);width:calc(630/var(--device_width)*100vw);padding:calc(70/var(--device_font-size)*1rem) calc(20/var(--device_font-size)*1rem)}#rulesCol .sideList::before,#rulesCol .sideList:after{position:absolute;top:50%;width:1px;height:calc(100% - calc(140 / var(--device_font-size) * 1rem));margin-inline:auto;translate:0 -50%}#rulesCol .sideList:before{left:0}#rulesCol .sideList:after{right:0}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#rulesCol .sideList{gap:calc(20/var(--device_font-size)*1rem);grid-template-columns:repeat(2, 1fr);background-size:calc(70/var(--device_font-size)*1rem);width:calc(1200/var(--device_font-size)*1rem);padding:0 calc(120/var(--device_font-size)*1rem)}#rulesCol .sideList::before,#rulesCol .sideList:after{grid-column:span 2;width:100%;height:1px;margin-inline:auto}}#rulesCol .sideList li{background:#000;padding:calc(30/var(--device_font-size)*1rem) calc(10/var(--device_font-size)*1rem);font-size:calc(24/var(--device_font-size)*1rem);color:var(--color_side_txt);text-align:center}#rulesCol .sideList li dl{display:grid;gap:calc(30/var(--device_font-size)*1rem)}#rulesCol .sideList li dl dt{line-height:1}#rulesCol .sideList li dl dt span{font-size:2em}#rulesCol .sideList li.l{background:url(../images/top/rules/bg_l.webp) no-repeat center/min(calc(260 / 460 * 100%), 260px) auto,#000}#rulesCol .sideList li.kira{background:url(../images/top/rules/bg_kira.webp) no-repeat center/min(calc(260 / 460 * 100%), 260px) auto,#000}#rulesCol [role=tablist]{margin-block:calc(50/var(--device_font-size)*1rem)}#rulesCol [role=tablist] button:before,#rulesCol [role=tablist] li>*:before{z-index:-2;background:var(--color_tab)}#rulesCol [role=tablist] button:after,#rulesCol [role=tablist] li>*:after{z-index:-1;background:url(../images/common/bg_tab.webp) no-repeat center center/100% auto;border:1px solid var(--color_tab_border)}#rulesCol [role=tablist] button[aria-controls=panel1],#rulesCol [role=tablist] li>*[aria-controls=panel1]{font-weight:600;color:#fff}#rulesCol [role=tablist] button[aria-controls=panel1]:before,#rulesCol [role=tablist] li>*[aria-controls=panel1]:before{z-index:-2;background:var(--color_tab)}#rulesCol [role=tablist] button[aria-controls=panel1]:after,#rulesCol [role=tablist] li>*[aria-controls=panel1]:after{z-index:-1;background:url(../images/common/bg_tab.webp) no-repeat center center/100% auto;border:1px solid var(--color_tab_border)}#rulesCol [role=tablist] button[aria-controls=panel2],#rulesCol [role=tablist] li>*[aria-controls=panel2]{font-weight:900;color:#000}#rulesCol [role=tablist] button[aria-controls=panel2]:before,#rulesCol [role=tablist] li>*[aria-controls=panel2]:before{z-index:-1;background:#fff;mix-blend-mode:color}#rulesCol [role=tablist] button[aria-controls=panel2]:after,#rulesCol [role=tablist] li>*[aria-controls=panel2]:after{opacity:.1}#rulesCol>section{position:relative;z-index:0;display:grid;gap:calc(40/var(--device_font-size)*1rem);margin-inline:auto;text-align:center;color:var(--color_txt)}#rulesCol>section[hidden]{display:none}#rulesCol>section:before,#rulesCol>section:after{content:"";position:absolute;z-index:-1;width:100%;height:100%}#rulesCol>section::before{background:var(--color_background)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#rulesCol>section{width:calc(630/var(--device_width)*100vw);padding:calc(60/var(--device_width)*100vw) calc(60/var(--device_width)*100vw)}#rulesCol>section:after{background:url(../images/top/rules/bg_sp.webp) repeat-y top center/100% auto}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#rulesCol>section{grid-template-columns:repeat(2, 1fr);align-items:center;width:calc(1200/var(--device_font-size)*1rem);padding:calc(50/var(--device_font-size)*1rem) calc(50/var(--device_font-size)*1rem)}#rulesCol>section:after{background:url(../images/top/rules/bg_pc.webp) repeat-y top center/100% auto}}#rulesCol>section h3{font-size:calc(29/var(--device_font-size)*1rem)}#rulesCol>section h3:after{content:"";-webkit-mask:url(../images/common/line_sp.webp) no-repeat center/contain;mask:url(../images/common/line_sp.webp) no-repeat center/contain;background:var(--color_txt);width:100%;height:auto;margin-block-start:calc(20/var(--device_font-size)*1rem)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#rulesCol>section h3:after{aspect-ratio:630/8;-webkit-mask:url(../images/common/line_sp.webp) no-repeat center/contain;mask:url(../images/common/line_sp.webp) no-repeat center/contain}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#rulesCol>section h3{grid-column:span 2}#rulesCol>section h3:after{aspect-ratio:1075/8;-webkit-mask:url(../images/common/line_pc.webp) no-repeat center/contain;mask:url(../images/common/line_pc.webp) no-repeat center/contain}}#rulesCol>section#panel1{--color_background: #000;--color_txt: #FFF}#rulesCol>section#panel1 dl{text-align:center}#rulesCol>section#panel1 dl dt{background:#000;margin-bottom:1px;padding:calc(20/var(--device_font-size)*1rem);line-height:1;color:var(--color_side_txt)}#rulesCol>section#panel1 dl dt span{font-size:2em}#rulesCol>section#panel1 dl dd{display:grid;gap:calc(30/var(--device_font-size)*1rem);background:#000;padding:calc(30/var(--device_font-size)*1rem)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#rulesCol>section#panel1 dl{font-size:calc(18/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#rulesCol>section#panel1 dl{font-size:calc(24/var(--device_font-size)*1rem)}}#rulesCol>section#panel2{--color_background: var(--color_white);--color_txt: #000;font-weight:600}#rulesCol>section#panel2:after{mix-blend-mode:overlay}#rulesCol>section#panel2 .txt{display:grid;gap:1rem}#productsCol{margin-inline:auto}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#productsCol{width:calc(630/var(--device_width)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#productsCol{width:calc(1200/var(--device_font-size)*1rem)}}#productsCol ul.btnList{display:grid}#productsCol ul.btnList>li:nth-of-type(1) img{width:calc(160/390*100%)}#productsCol ul.btnList>li:nth-of-type(2) img{width:calc(165/390*100%)}#productsCol ul.btnList>li:nth-of-type(3) img{width:calc(142/390*100%)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#productsCol ul.btnList{gap:calc(30/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#productsCol ul.btnList{grid-template-columns:repeat(3, 1fr);gap:calc(20/var(--device_font-size)*1rem)}}#specCol dl{position:relative;z-index:0;display:grid;background:url(../images/common/frame_tl.webp) no-repeat top left/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_tr.webp) no-repeat top right/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_bl.webp) no-repeat bottom left/calc(50 / var(--device_font-size) * 1rem),url(../images/common/frame_br.webp) no-repeat bottom right/calc(50 / var(--device_font-size) * 1rem);margin-inline:auto}#specCol dl::before,#specCol dl:after{position:absolute;content:"";background:#b4b4b4}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#specCol dl{width:calc(630/var(--device_width)*100vw);padding:calc(70/var(--device_font-size)*1rem) calc(60/var(--device_font-size)*1rem)}#specCol dl::before,#specCol dl:after{position:absolute;top:50%;width:1px;height:calc(100% - calc(140 / var(--device_font-size) * 1rem));margin-inline:auto;translate:0 -50%}#specCol dl:before{left:0}#specCol dl:after{right:0}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#specCol dl{gap:calc(0/var(--device_font-size)*1rem) calc(40/var(--device_font-size)*1rem);grid-template-columns:max-content max-content;justify-content:center;background-size:calc(70/var(--device_font-size)*1rem);width:calc(1200/var(--device_font-size)*1rem);padding:calc(50/var(--device_font-size)*1rem) calc(120/var(--device_font-size)*1rem)}#specCol dl::before,#specCol dl:after{left:50%;width:calc(100% - calc(180 / var(--device_font-size) * 1rem));height:1px;translate:-50% 0}#specCol dl:before{top:0}#specCol dl:after{bottom:0}}#specCol dl dt{color:var(--color_gray)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#specCol dl dt{line-height:1}#specCol dl dt:nth-of-type(n+2){margin-block-start:calc(20/var(--device_font-size)*1rem)}#specCol dl dd{margin-block-start:calc(10/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#specCol dl dt{justify-self:flex-end;align-self:flex-start}}#specCol h3{margin-block:calc(50/var(--device_font-size)*1rem);font-weight:700;text-align:center}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#specCol h3{font-size:calc(28/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#specCol h3{font-size:calc(24/var(--device_font-size)*1rem)}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#specCol .tableBox{overflow-x:auto;width:calc(690/var(--device_width)*100vw);margin-inline-start:auto;padding-inline-end:calc(60/var(--device_width)*100vw)}#specCol .tableBox table th,#specCol .tableBox table td{word-break:keep-all;white-space:nowrap}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#specCol .tableBox{width:calc(1200/var(--device_font-size)*1rem);margin-inline:auto}}#specCol table{background:#000;text-align:center;font-size:.9rem}#specCol table th,#specCol table td{padding:1em;line-height:1.3}#specCol table th{background:#232323;font-weight:400;color:#fff;border-right:1px solid #000;border-bottom:1px solid #000}#specCol table td{border-right:1px solid #232323;border-bottom:1px solid #232323}#specCol table tr>*:last-child{border-right:none}#specCol table tbody tr:last-of-type>*{border-bottom:none}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#specCol table{width:100%}}
/*# sourceMappingURL=maps/top.css.map */
