@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Anton|Sarpanch:700&display=swap);body{background:#000}header{position:relative;z-index:1}#sqexFooter{position:relative;z-index:1}#contents div,#contents h1,#contents p,#contents section,#contents select,#contents ul{position:relative;margin:0;padding:0;font-size:0;line-height:0;outline:0}#contents a{text-decoration:none}#contents #language{width:100%;height:2.34375vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:relative;background:#404040;z-index:1}#contents #language #selecter_language{width:5%;height:73.33333%;overflow:hidden;position:absolute;top:13.33333%;right:.3125%;background:url(../image/pc/ph01_1.png) right top/contain no-repeat #000;border:solid 1px #fff;border-radius:.3125vw;transition:height .3s;z-index:1}#contents #language #selecter_language.open{height:368.88889%;background:url(../image/pc/ph01_2.png) right top/contain no-repeat #000}#contents #language #selecter_language ul{width:4.27083vw;height:3.48958vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:0;left:.36458vw;list-style:none}#contents #language #selecter_language ul li{width:4.27083vw;height:1.71875vw;min-width:auto;max-width:none;min-height:auto;max-height:none;font-family:Anton,"微软雅黑",sans-serif;font-size:.83333vw;line-height:2.0625;color:#fff;cursor:pointer;border-bottom:solid 1px #fff}#contents #main{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none;overflow:hidden}#contents #main .background_fix{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../image/pc/bg01.jpg) center center/cover no-repeat}#contents #main .background_fix canvas{width:100%;height:100%;position:absolute;top:0;left:0}#contents #main .foreground{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../image/pc/bg02.png) center center/cover no-repeat;opacity:0;transition:opacity .6s}#contents #main .foreground.loadcomplete{opacity:1}#contents #main .stamp{width:100%;height:100%;position:absolute;top:0;left:0;list-style:none;opacity:0;transition:opacity .6s}#contents #main .stamp.loadcomplete{opacity:1}#contents #main .stamp li{width:9.375vw;height:9.375vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;text-indent:-32768px;animation:stamp_animation 1s ease-in-out infinite alternate}#contents #main .stamp li:nth-of-type(1){top:3.59375vw;left:12.91667vw;background:url(../image/pc/ph03_1.png) center top/contain no-repeat;animation-duration:1.1s}#contents #main .stamp li:nth-of-type(2){top:3.48958vw;left:70.46875vw;background:url(../image/pc/ph03_2.png) center top/contain no-repeat;animation-duration:1.5s}#contents #main .stamp li:nth-of-type(3){top:20.625vw;left:3.02083vw;background:url(../image/pc/ph03_3.png) center top/contain no-repeat;animation-duration:1.8s}#contents #main .stamp li:nth-of-type(4){top:10.9375vw;left:82.96875vw;background:url(../image/pc/ph03_4.png) center top/contain no-repeat;animation-duration:1.3s}#contents #main .stamp li:nth-of-type(5){top:42.5vw;left:8.69792vw;background:url(../image/pc/ph03_5.png) center top/contain no-repeat;animation-duration:1.7s}#contents #main .stamp li:nth-of-type(6){top:42.44792vw;left:80.05208vw;background:url(../image/pc/ph03_6.png) center top/contain no-repeat;animation-duration:1.6s}@keyframes stamp_animation{0%{transform:translateY(-.41667vw)}100%{transform:translateY(0)}}#contents #main .character{width:50.625vw;height:38.90625vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:relative;top:0;left:0;right:0;margin:10.26042vw auto 0;background:url(../image/pc/ph02.png) center top/contain no-repeat;opacity:0;transition:opacity .6s}#contents #main .character.loadcomplete{opacity:1}#contents #main h1{width:17.5vw;height:7.08333vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:4.53125vw;left:0;right:0;margin:0 auto;text-indent:-32768px;background:url(../image/pc/ph04.png) center top/contain no-repeat;opacity:0;transition:opacity .6s}#contents #main h1.loadcomplete{opacity:1}#contents #main .store{width:13.59375vw;height:15.625vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:20.78125vw;right:7.70833vw;text-align:center;list-style:none;opacity:0;transition:opacity .6s}#contents #main .store.loadcomplete{opacity:1}#contents #main .store li{margin:0 0 11.49425%;display:inline-block;font-size:0;line-height:0}#contents #main .store li a{display:block;width:100%;height:100%;transition:transform .3s}#contents #main .store li a:hover{transform:translateY(-.41667vw)}#contents #main h2.trailer{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none;position:relative;margin:3.75vw 0 0;text-align:center;color:#fff;text-shadow:0 0 .46875vw #000;opacity:0;transition:opacity .6s}#contents #main h2.trailer.loadcomplete{opacity:1}#contents #main div.trailer{width:100%;height:15.72917vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:relative;margin:1.25vw auto 0;opacity:0;transition:opacity .6s}#contents #main div.trailer.loadcomplete{opacity:1}#contents #main div.trailer .thumbnail{width:100%;height:100%;position:absolute;top:0;left:0}#contents #main div.trailer .thumbnail ul{width:100%;height:100%;text-align:center}#contents #main div.trailer .thumbnail ul li{display:inline-block;width:27.96875%;height:100%;position:absolute;top:0;margin:0;transition:transform .3s}#contents #main div.trailer .thumbnail ul li:nth-of-type(2){left:35.98958%}#contents #main div.trailer .thumbnail ul li:nth-of-type(3){left:6.45833%}#contents #main div.trailer .thumbnail ul li:nth-of-type(4){left:65.52083%}#contents #main div.trailer .thumbnail ul li:hover{transform:translateY(-.41667vw)}#contents #main div.trailer .thumbnail ul li.bumper{display:none}#contents #main div.trailer .thumbnail ul li img{width:100%;height:100%}#contents #main div.trailer .index{display:none}#contents #main div.trailer .prev{display:none}#contents #main div.trailer .next{display:none}#contents #main .sns{width:100%;height:6.25vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:relative;top:0;left:0;margin:3.33333vw 0;text-align:center;list-style:none;opacity:0;transition:opacity .6s}#contents #main .sns.loadcomplete{opacity:1}#contents #main .sns li{display:inline-block;width:6.25%;height:100%;margin:0 .78125%;text-indent:-32768px;transition:transform .3s}#contents #main .sns li:hover{transform:translateY(-.41667vw)}#contents #main .sns li.facebook{background:url(../image/pc/ph05_1.png) center top/contain no-repeat}#contents #main .sns li.instagram{background:url(../image/pc/ph05_2.png) center top/contain no-repeat}#contents #main .sns li.youtube{background:url(../image/pc/ph05_3.png) center top/contain no-repeat}#contents #main .information{width:3.64583vw;height:3.64583vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:27.08333vw;right:-.52083vw;margin:auto 0;background:rgba(0,165,210,.9);border-radius:1.04167vw 0 0 1.04167vw;opacity:0;transition:all .5s}#contents #main .information.loadcomplete{opacity:1}#contents #main .information .closeopen{width:2.60417vw;height:2.60417vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:.52083vw;right:.78125vw;background:url(../image/pc/ph07.png) center top/cover no-repeat;cursor:pointer;transition:top .5s,right .5s,opacity .3s;opacity:.8}#contents #main .information .closeopen:hover{opacity:1}#contents #main .information .flexcontainer{display:flex;width:20.3125vw;height:24.47917vw;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:4.6875vw auto 0;align-items:baseline;justify-content:center;flex-wrap:wrap;align-content:normal}#contents #main .information .flexcontainer h2{width:100%;height:auto;text-align:center;color:#fff;opacity:0}#contents #main .information .flexcontainer p{width:100%;height:auto;text-align:center;color:#fff;opacity:0}#contents #main .information.open{width:30.72917vw;height:30.72917vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:13.54167vw;right:-.00163vw;border-radius:15.36458vw}#contents #main .information.open .closeopen{top:14.0625vw;right:27.08333vw;background:url(../image/pc/ph07.png) center bottom/cover no-repeat}#contents #main .information.open h2,#contents #main .information.open p{opacity:1;transition:opacity .3s .5s}#contents #rating{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none;padding:0 0 1px;background:#000;border-top:solid 1px #606060}#contents #rating ul{display:flex;width:100%;height:auto;margin:.52083vw 0;list-style:none;justify-content:center}#contents #rating ul li{margin:0 .52083vw}#contents #spec{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none;background:#000;border-top:solid 1px #606060;text-align:center}#contents #spec .spec{display:inline-block;margin:1.09375% 0;font-family:Arial,sans-serif;font-size:1.25vw;line-height:1.25;text-align:left;color:#fff}#contents #modal{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:2}#contents #modal.show{display:block}#contents #modal .frame{width:52.08333vw;height:29.32292vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#contents #modal .frame .content{width:100%;height:100%}#contents #modal .frame .content iframe{width:100%;height:100%}#contents #modal .frame .close{width:6%;height:10.65719%;position:absolute;top:-10.65719%;right:-6%;text-indent:-32768px;background:url(../image/pc/ph10.png) center top/cover no-repeat;cursor:pointer}@media (max-width:640px){#contents #language{width:100%;height:9.2vw;min-width:auto;max-width:none;min-height:auto;max-height:none}#contents #language #selecter_language{width:22%;height:63.76812%;top:14.49275%;left:2.66667%;right:auto;background:url(../image/sp/ph01_1.png) right top/contain no-repeat #000;border:solid .26667vw #fff;border-radius:1.06667vw}#contents #language #selecter_language.open{height:326.08696%;background:url(../image/sp/ph01_2.png) right top/contain no-repeat #000}#contents #language #selecter_language ul{width:17.33333vw;height:12vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:0;left:1.33333vw}#contents #language #selecter_language ul li{width:17.33333vw;height:5.86667vw;min-width:auto;max-width:none;min-height:auto;max-height:none;font-size:3.2vw;line-height:1.83333;border-bottom:solid 1px #fff}#contents #main{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none}#contents #main .background_fix{width:100%;height:100vh;position:fixed;background:url(../image/sp/bg01.jpg) center center/cover no-repeat}#contents #main .background_fix canvas{width:100%;height:100%}#contents #main .foreground{width:100%;height:100vh;position:fixed;background:url(../image/sp/bg02.png) center center/cover no-repeat}#contents #main .stamp{width:100%;height:242.26667vw;min-width:auto;max-width:none;min-height:auto;max-height:none}#contents #main .stamp li{width:24vw;height:24vw}#contents #main .stamp li:nth-of-type(1){top:98.93333vw;left:4.93333vw}#contents #main .stamp li:nth-of-type(2){top:.53333vw;left:66vw}#contents #main .stamp li:nth-of-type(3){display:none}#contents #main .stamp li:nth-of-type(4){top:2vw;left:17.33333vw}#contents #main .stamp li:nth-of-type(5){top:100.53333vw;left:74.26667vw}#contents #main .stamp li:nth-of-type(6){top:104vw;left:36.13333vw}@keyframes stamp_animation{0%{transform:translateY(-1.06667vw)}100%{transform:translateY(0)}}#contents #main .character{width:98.4vw;height:77.73333vw;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:24.8vw auto 0}#contents #main h1{width:42.13333vw;height:17.06667vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:22vw}#contents #main .store{width:100%;height:12.66667vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:133.33333vw;left:0;margin:0}#contents #main .store li{margin:0 2%}#contents #main .store li a{transition:none}#contents #main .store li a:hover{transform:none}#contents #main h2.trailer{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:57.33333vw 0 0;text-shadow:0 0 1.2vw #000}#contents #main div.trailer{width:100%;height:56.53333vw;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:3.2vw 0 0}#contents #main div.trailer .thumbnail{width:93.33333%;height:84.90566%;right:0;margin:0 auto}#contents #main div.trailer .thumbnail ul{width:100%;height:100%;left:-93.33333vw;overflow:hidden;text-align:left}#contents #main div.trailer .thumbnail ul li{width:85.33333vw;height:48vw;min-width:auto;max-width:none;min-height:auto;max-height:none;position:static;margin:0;padding:0 4vw;transition:none}#contents #main div.trailer .thumbnail ul li:hover{transform:none}#contents #main div.trailer .thumbnail ul li.bumper{display:inline-block}#contents #main div.trailer .thumbnail ul li img{width:100%;height:100%}#contents #main div.trailer .index{display:block;width:93.33333%;height:10.14151%;position:absolute;top:89.85849%;left:0;right:0;margin:0 auto;text-align:center}#contents #main div.trailer .index li{display:inline-block;width:6.14286%;height:100%;margin:0 .71429%;background:url(../image/sp/ph02_1.png) center center/cover no-repeat}#contents #main div.trailer .index li.active{background:url(../image/sp/ph02_2.png) center center/cover no-repeat}#contents #main div.trailer .prev{display:block;width:7.46667%;height:17.21698%;position:absolute;top:33.96226%;right:2%;text-indent:-32768px;background:url(../image/sp/ph03_2.png) center center/cover no-repeat}#contents #main div.trailer .next{display:block;width:7.46667%;height:17.21698%;position:absolute;top:33.96226%;left:2%;text-indent:-32768px;background:url(../image/sp/ph03_1.png) center center/cover no-repeat}#contents #main .sns{width:100%;height:16vw;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:4.8vw 0 8.53333vw}#contents #main .sns li{width:16%;margin:0 1.33333%;transition:none}#contents #main .sns li:hover{transform:none}#contents #main .information{width:184vw;height:184vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:auto;bottom:-80vw;left:-42vw;margin:0;background:rgba(0,165,210,.9);border-radius:92vw;transition:none}#contents #main .information .closeopen{display:none}#contents #main .information .flexcontainer{width:93.33333vw;height:88vw;min-width:auto;max-width:none;min-height:auto;max-height:none;margin:18.66667vw auto 0}#contents #main .information .flexcontainer h2{width:100%;height:auto;font-size:6.66667vw;line-height:1.2;opacity:1}#contents #main .information .flexcontainer p{width:100%;height:auto;font-size:3.2vw;line-height:1.25;opacity:1}#contents #main .information.open{width:184vw;height:184vw;min-width:auto;max-width:none;min-height:auto;max-height:none;top:auto;left:-42vw;border-radius:92vw}#contents #main .information.open h2,#contents #main .information.open p{transition:none}#contents #rating{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none}#contents #rating ul{width:100%;margin:2.66667vw 0}#contents #rating ul li{margin:0 2.66667vw}#contents #spec{width:100%;height:auto;min-width:auto;max-width:none;min-height:auto;max-height:none}#contents #spec .spec{margin:2.8% 0;font-size:3.2vw;line-height:1.25}}