.fadeUp{opacity:0;transform:translate(0, 30px);transition:all 1s}.fadeUp.active{opacity:1;transform:translate(0, 0)}.fadeRoll{opacity:0;transform:rotate(-360deg);transition:all 1s}.fadeRoll.active{opacity:1;transform:rotate(0deg)}.fadeRight{opacity:0;transform:translate(50px, 0px);transition:all 1s}.fadeRight.active{opacity:1;transform:translate(0px, 0px)}.fadeBottom{opacity:0;transform:translate(0px, 50px);transition:all 1s}.fadeBottom.active{opacity:1;transform:translate(0px, 0px)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes logo{0%{transform:scale(1, 1);opacity:0}50%{transform:scale(1.2, 1.2);opacity:1}100%{transform:scale(1, 1);opacity:1}}@keyframes bnr{0%{opacity:0}100%{opacity:1}}@keyframes rotate01{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@keyframes fuwa{0%{transform:translate(0, 0)}25%{transform:translate(0, 5px)}50%{transform:translate(0, 0)}75%{transform:translate(0, 5px)}100%{transform:translate(0, 0)}}@keyframes loop{0%{transform:translatey(-180px)}80%{transform:translatey(calc(100% - 190px))}85%{transform:translatey(calc(100% - 210px))}90%{transform:translatey(calc(100% - 190px))}95%{transform:translatey(calc(100% - 200px))}100%{transform:translatey(calc(100% - 190px))}}@keyframes chara{0%{transform:rotateZ(0deg)}20%{transform:rotateZ(2deg)}40%{transform:rotateZ(-2deg)}60%{transform:rotateZ(1deg)}80%{transform:rotateZ(-1deg)}100%{transform:rotateZ(0deg)}}@keyframes howto{0%{background:url("../images/play/img_01.webp") center top no-repeat}30%{background:url("../images/play/img_02.webp") center top no-repeat}50%{background:url("../images/play/img_03.webp") center top no-repeat}70%{background:url("../images/play/img_04.webp") center top no-repeat}90%{background:url("../images/play/img_05.webp") center top no-repeat}94%{background:url("../images/play/img_05.webp") center top no-repeat}95%{background:url("../images/play/img_05.webp") center top -5px no-repeat}96%{background:url("../images/play/img_05.webp") center top 0px no-repeat}97%{background:url("../images/play/img_05.webp") center top -5px no-repeat}98%{background:url("../images/play/img_05.webp") center top 0px no-repeat}100%{background:url("../images/play/img_05.webp") center top 0 no-repeat}}@keyframes howto_sp{0%{background-image:url("../images/play/img_01_sp.webp")}30%{background-image:url("../images/play/img_02_sp.webp")}50%{background-image:url("../images/play/img_03_sp.webp")}70%{background-image:url("../images/play/img_04_sp.webp")}90%{background-image:url("../images/play/img_05_sp.webp")}100%{background-image:url("../images/play/img_05_sp.webp")}}body{animation:fadeIn 2s ease-out 0s 1 normal;-webkit-animation:fadeIn 2s ease-out 0s 1 normal}body:before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background:url(../images/common/bg.jpg) left bottom no-repeat #fef7ef}@media screen and (max-width: 1023px){body:before{background-size:cover}}#mvCol{width:100%;padding:0;position:relative;height:100vh}#mvCol #mvInner{position:relative;width:100%;height:100%}@media screen and (max-width: 1023px){#mvCol{background:url("../images/top/kv_sp.jpg") center top no-repeat #2f4696;background-size:cover}}@media screen and (min-width: 1024px){#mvCol{background:url("../images/top/kv.jpg") center top no-repeat #2f4696}}#mvCol .consoleList{position:absolute;display:flex;align-items:center;flex-wrap:wrap}@media screen and (max-width: 1023px){#mvCol .consoleList{top:0;left:0;justify-content:flex-start;padding:10px 0 0 5px;width:calc(100% - 90px)}#mvCol .consoleList li{padding:0 5px 5px}#mvCol .consoleList li>img{height:1.4em}}@media screen and (min-width: 1024px){#mvCol .consoleList{top:0;right:0;justify-content:flex-end;width:100%;padding:20px}#mvCol .consoleList li{padding:0 10px}}#mvCol h1{margin:0px auto;text-align:center;display:block;height:100%;max-width:540px;position:relative;z-index:2;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1023px){#mvCol h1{width:70%;padding-bottom:30%}}@media screen and (min-width: 1024px){#mvCol h1{padding:0 0 100px}}#mvCol .logo{animation:logo ease 2s 1;-webkit-animation:logo ease 2s 1;z-index:2}#mvCol .bnr{position:absolute;left:0px;animation:bnr ease 2s 1;-webkit-animation:bnr ease 2s 1;z-index:4}#mvCol .bnr ul{background:#f2f0cb;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1023px){#mvCol .bnr{bottom:0px}#mvCol .bnr ul{padding:10px 10px 5px}}@media screen and (min-width: 1024px){#mvCol .bnr{position:absolute;left:0px;bottom:20px}#mvCol .bnr ul{border-top:5px solid #e2dbac;border-right:5px solid #e2dbac;border-bottom:5px solid #e2dbac;padding:20px}}@media screen and (max-width: 1023px){#mvCol .date{width:70%;padding:0 10px 10px}}@media screen and (min-width: 1024px){#mvCol .date{padding:0 20px 20px}}#newsCol #newsList li{text-align:left;width:100%}#newsCol #newsList li span{color:#7b649f}#newsCol #newsList li a{color:#7b649f}@media screen and (max-width: 1023px){#newsCol{background:#fef7ef;padding:1em 1em 1em 0;border-top:3px solid #7c65a0;border-bottom:3px solid #7c65a0}#newsCol #newsList{background:url(../images/news/bg_chara.webp) left 10px center no-repeat;background-size:contain;padding-left:20%;height:8em;overflow-y:auto}#newsCol #newsList span{display:block}#newsCol #newsList li{border-bottom:1px solid #7c65a0;padding:1em}#newsCol #newsList li:last-of-type{border-bottom:none}}@media screen and (min-width: 1024px){#newsCol{background:url(../images/news/bg_chara.webp) left 50px center no-repeat,url(../images/news/bg.jpg) right bottom no-repeat #fef7ef;padding:50px 150px}#newsCol #newsList span{padding:0 .5em;margin-right:1em}}#movieCol{background:url(../images/movie/bg.jpg) center center no-repeat}@media screen and (max-width: 1023px){#movieCol .slidListW{padding:0}}@media screen and (min-width: 1024px){#movieCol .slidListW{padding:0}}#movieCol .new{position:relative}#movieCol .new::before{content:"";display:block;background:url(../images/common/ico_new.png) center top no-repeat;background-size:contain;position:absolute;z-index:3;top:0px;left:-10px}@media screen and (max-width: 1023px){#movieCol .new::before{width:37px;height:31px}}@media screen and (min-width: 1024px){#movieCol .new::before{width:74px;height:63px}}#storyCol{background:url("../images/story/bg.jpg") center top no-repeat}#storyCol .storyList{background:rgba(11,26,40,.5)}@media screen and (max-width: 1023px){#storyCol{padding-bottom:0}#storyCol .storyInner01,#storyCol .storyInner02{padding:0 10px}#storyCol .storyInner01:before,#storyCol .storyInner02:before{background-size:96% auto}#storyCol .storyInner01 ul li,#storyCol .storyInner02 ul li{margin-bottom:30px}#storyCol .storyInner02{padding:50px 0px}}@media screen and (min-width: 1024px){#storyCol{position:relative;padding-bottom:0}#storyCol:before{position:absolute;top:0;left:0;background:url("../images/story/bg_story01.webp") center top 30px no-repeat;content:"";display:block;height:100%;width:100%;animation:fuwa 3s infinite;-webkit-animation:fuwa 3s infinite}#storyCol .storyInner01 ul li,#storyCol .storyInner02 ul li{margin-bottom:50px}#storyCol .storyInner02{position:relative;padding:80px 0}#storyCol .storyInner02:before{position:absolute;top:0;left:0;background:url("../images/story/bg_story02.webp") center top 30px no-repeat;content:"";display:block;height:100%;width:100%;animation:fan 3s infinite;-webkit-animation:fan 3s infinite}}#characterCol{background:url("../images/character/bg_star.webp") center center no-repeat,url("../images/character/bg.png") center top repeat}#characterCol .chara{animation:fuwa 3s infinite;-webkit-animation:fuwa 3s infinite}@media screen and (max-width: 1023px){#characterCol{background-size:90% auto,200px auto}#characterCol p{padding:1em}}#playCol{position:relative;background:#05b3ec;padding-bottom:0}#playCol .playInner{background:#ffe797;background:linear-gradient(0deg, rgb(255, 231, 151) 22%, rgba(255, 231, 151, 0) 22%);padding:0;margin:0}#playCol .playTxt{display:flex;justify-content:center;padding:0 20px}@media screen and (max-width: 1023px){#playCol .playTxt li{padding:0 10px 0 0}}@media screen and (min-width: 1024px){#playCol .playTxt{margin:0 auto 50px}#playCol .playTxt li{padding:0 20px 0 0}}#playCol .howtoCol{margin:0 auto}@media screen and (max-width: 1023px){#playCol .howtoCol{background:url("../images/play/img_01_sp.webp") center top no-repeat;background-size:100% auto;aspect-ratio:94/37;max-width:940px}#playCol .howtoCol.active{animation:howto_sp 10s infinite;-webkit-animation:howto_sp 10s 2s infinite}}@media screen and (min-width: 1024px){#playCol .howtoCol{background:url("../images/play/img_01.webp") center top no-repeat;aspect-ratio:120/37;max-width:1200px}#playCol .howtoCol.active{animation:howto 10s infinite;-webkit-animation:howto 10s 2s infinite}}#newelementCol{background:#fef7ef}@media screen and (min-width: 1024px){#newelementCol{position:relative}#newelementCol:before{position:absolute;top:0;left:0;background:url("../images/newelement/bg_world.webp") center top 30px no-repeat;content:"";display:block;height:100%;width:100%;animation:fuwa 3s infinite;-webkit-animation:fuwa 3s infinite}}#newelementCol .newelementList>li{background:rgba(4,42,43,.8);padding:0;border-radius:20px;color:#fef7ef;max-width:580px;overflow:hidden}#newelementCol .newelementList>li p{margin-bottom:0}@media screen and (max-width: 1023px){#newelementCol .newelementList{padding:0 10px;margin:30px auto}#newelementCol .newelementList>li{border:3px solid #62c500;margin:0 auto 1em;border-radius:40px}#newelementCol .newelementList .ph{padding:20px 20px 10px}#newelementCol .newelementList h4{background-color:#62c500}}@media screen and (min-width: 1024px){#newelementCol .newelementList{display:flex;justify-content:center;margin:50px auto}#newelementCol .newelementList .ph{padding:30px 30px 20px}#newelementCol .newelementList>li{width:calc(50% - 20px);margin:0 10px 0;border:5px solid #62c500;border-radius:55px}}@media screen and (min-width: 1024px){#newelementCol #new_mates{position:relative}#newelementCol #new_mates:before{position:absolute;top:0;left:0;background:url("../images/newelement/bg_mates.webp") center top no-repeat;content:"";display:block;height:100%;width:100%}}#newelementCol #matesSlide{background:url("../images/newelement/bg_mates2.webp") center top repeat}@media screen and (max-width: 1023px){#newelementCol #matesSlide{margin-bottom:50px}}@media screen and (min-width: 1024px){#newelementCol #matesSlide{margin-bottom:80px}}@media screen and (min-width: 1024px){#newelementCol #new_sports{position:relative}#newelementCol #new_sports:before{position:absolute;top:0;left:0;background:url("../images/newelement/bg_sports.webp") center top no-repeat;content:"";display:block;height:100%;width:100%}}#newelementCol .songList .btn{position:relative;z-index:5}#newelementCol .songList ul{display:flex;justify-content:center;flex-wrap:wrap}#newelementCol .songList li{position:relative;display:block;z-index:1}#newelementCol .songList li:before{position:absolute;top:0;left:0;content:"";display:block;height:100%;width:100%;z-index:-1;animation:fan 3s infinite;animation:rotate01 10s 0s linear infinite}#newelementCol .songList li:nth-of-type(1):before{background:url("../images/newelement/bg_songlist01.webp") center top no-repeat;background-size:contain}#newelementCol .songList li:nth-of-type(2):before{background:url("../images/newelement/bg_songlist02.webp") center top no-repeat;background-size:contain}#newelementCol .songList li:nth-of-type(3):before{background:url("../images/newelement/bg_songlist03.webp") center top no-repeat;background-size:contain}#newelementCol .songList li:nth-of-type(4):before{background:url("../images/newelement/bg_songlist04.webp") center top no-repeat;background-size:contain}#newelementCol .songList li:nth-of-type(5):before{background:url("../images/newelement/bg_songlist05.webp") center top no-repeat;background-size:contain}@media screen and (max-width: 1023px){#newelementCol .songList li{padding:20px 20px 10px}}@media screen and (min-width: 1024px){#newelementCol .songList li{width:33%;padding:40px 10px 30px}}@media screen and (max-width: 1023px){#newelementCol .songList{background:url("../images/newelement/bg_songlist_sp.webp") center top no-repeat}#newelementCol .songList ul{max-width:360px;margin:30px auto;padding:0 20px}#newelementCol .songList ul li{margin-bottom:20px}#newelementCol .songList ul li:nth-of-type(odd){margin-right:auto}#newelementCol .songList ul li:nth-of-type(even){margin-left:auto}}@media screen and (min-width: 1024px){#newelementCol .songList{background:url("../images/newelement/bg_songlist.webp") center top no-repeat}#newelementCol .songList ul{max-width:1200px;padding:100px 0;margin:0 auto}}#productsCol{background:url("../images/products/bg.jpg") center top no-repeat;background-size:cover}#productsCol #productList li{margin:0 10px}#productsCol #productList li.special a{background:#ee8b1c}#productsCol #productList li.sound a{background:#05b3ec}#productsCol #productList li.normal a{background:#62c500}#productsCol #productList li.dlc a{background:#ed4290}#productsCol #productList li.list a{background:#35b9b6}#productsCol #productList li a{display:block;padding:20px 10px 20px;border-radius:30px}#productsCol #productList li img{margin:0 auto}#productsCol #productList li img:first-of-type{margin-bottom:1em}@media screen and (max-width: 1023px){#productsCol #productList{margin-bottom:50px}#productsCol #productList li a{width:320px}}@media screen and (min-width: 1024px){#productsCol #productList{margin-bottom:80px}#productsCol #productList li a{width:400px}#productsCol #productList .prev-arrow{left:10px}#productsCol #productList .next-arrow{right:10px}}#specCol #specInner{width:100%}#specCol #specInner h4{font-size:1.2em;background:#7c65a0;color:#fef7ef;padding:1em;font-weight:700;border-bottom:1px solid #fef7ef}@media screen and (min-width: 1024px){#specCol #specInner{padding:0 50px}}#specCol .specList{background:#7c65a0}#specCol .specList>dl{background:#f2f0cb;border:5px solid #e2dbac;margin:0 auto}#specCol .specList>dl>dt{color:#7c65a0;font-weight:700}@media screen and (max-width: 1023px){#specCol .specList{margin:0 10px}#specCol .specList>dl{padding:20px;margin:0 10px 50px}}@media screen and (min-width: 1024px){#specCol .specList{margin:0 0 0 auto;padding:0 20px 0 0;max-width:750px;margin-bottom:100px}#specCol .specList>dl{padding:50px;display:flex;flex-wrap:wrap}#specCol .specList>dl>dt{width:6em;text-align:right}#specCol .specList>dl>dd{width:calc(100% - 6em);text-align:left;padding-left:1em}#specCol .specList>dl>dd>dl{display:flex;flex-wrap:wrap;justify-content:center}#specCol .specList>dl>dd>dl dt{width:calc(100% - 8em)}#specCol .specList>dl>dd>dl dd{width:8em;padding-left:1em;text-align:right}}#specCol .specTable table{border-left:1px solid #7c65a0}#specCol .specTable table th{background:#7c65a0;border-right:1px solid #f2f0cb;border-bottom:1px solid #f2f0cb;text-align:center;padding:1em;color:#fef7ef;font-weight:700;width:20%}#specCol .specTable table td{background:#f2f0cb;border-right:1px solid #7c65a0;border-bottom:1px solid #7c65a0;text-align:center;padding:1em;line-height:1.8em}#specCol .specTable table td ul li{padding-left:1em;text-indent:-1em}#specCol .specTable table td ul li:before{content:"・"}#specCol .specTable table tr:first-of-type th{border-right:1px solid #7c65a0}#specCol .specTable table tr:last-of-type th{border-bottom:1px solid #7c65a0}#specCol .specTable .spec01 td{width:20%}#specCol .specTable .spec02 td{width:40%}@media screen and (max-width: 1023px){#specCol .specTable{display:block;overflow-x:scroll}#specCol .specTable .specInner{padding:50px 20px}#specCol .specTable table{position:relative;margin-bottom:30px;width:200%}#specCol .specTable table:after{position:absolute;content:"";top:0;left:100%;height:1px;width:20px;background-color:rgba(0,0,0,0)}#specCol .specTable h4{width:200%}}@media screen and (min-width: 1024px){#specCol .specTable{padding:0 20px 80px 20px}#specCol .specTable table{width:100%;margin:0 auto 50px}}#specCol ul.note{max-width:1400px;margin:0 auto}
/*# sourceMappingURL=maps/top.css.map */