*{margin:0;padding:0}img{vertical-align:bottom;line-height:1;width:100%;height:auto}a{border:none;outline:none;color:#ff2e78}a:hover{text-decoration:none}ul li{list-style-type:none}@-webkit-keyframes bgCloud{0%{background-position-x:0}100%{background-position-x:-750px}}@keyframes bgCloud{0%{background-position-x:0}100%{background-position-x:-750px}}@-webkit-keyframes bgCloudPc{0%{background-position-x:0}100%{background-position-x:-1000px}}@keyframes bgCloudPc{0%{background-position-x:0}100%{background-position-x:-1000px}}*.pc{display:none}@media (min-width: 1040px){*.pc{display:block}*.sp{display:none}}body{z-index:1;background:#65c3d9;overflow-x:hidden;box-sizing:border-box;width:100%;height:100%;font-family:'メイリオ', Meiryo, 'Meiryo UI', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'Arial', sans-serif;font-size:3.7vw;color:#16282c;line-height:1.6}body:before{content:"";display:block;position:fixed;bottom:0;left:0;z-index:-2;background:url(../images/common/bg_rainbow.png) no-repeat bottom;background-size:100%;width:100%;height:100%}body:after{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;background:url(../images/common/bg_cloud.png) repeat-x top;background-size:750/2vw;width:100%;height:100%;-webkit-animation:bgCloud 10s 0s infinite linear;animation:bgCloud 10s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (min-width: 1040px){body{font-size:16px}body:before{background:url(../images/common/bg_rainbow_pc.png) no-repeat bottom;background-size:contain}body:after{background:url(../images/common/bg_cloud_pc.png) repeat-x top;background-size:1000px;-webkit-animation:bgCloudPc 20s 0s infinite linear;animation:bgCloudPc 20s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}}body:not(#top) main{display:block;background:rgba(255,255,255,0.8);box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:20vw 2.66667vw 6.66667vw 2.66667vw;color:#27454e}body:not(#top) main p{text-shadow:1px 1px 0 #FFF;font-weight:bold}body:not(#top) main p.attention{font-size:0.7em}body:not(#top) main p.attention:before{content:"※"}body:not(#top) main span.red{color:#ff2e78}body:not(#top) main span.emphasis{font-size:1.12em}@media (min-width: 1040px){body:not(#top) main{width:1200px;padding:150px 40px 50px 40px;font-size:18px}}body:not(#top) main h2{margin:0 auto 6.66667vw auto;text-align:center}@media (min-width: 1040px){body:not(#top) main h2{width:auto;margin-bottom:50px}body:not(#top) main h2 img{width:auto}}body:not(#top) main #snav{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:8vw}body:not(#top) main #snav li{position:relative;width:43.33333vw;margin:0 2.66667vw 2.66667vw 0}body:not(#top) main #snav li:nth-child(2n){margin-right:0}body:not(#top) main #snav li:nth-last-child(-n+2){margin-bottom:0}body:not(#top) main #snav li.new:before{content:"";position:absolute;top:-1.33333vw;left:0;display:block;background:url(../images/common/ico_new.png);background-size:100%;width:8.26667vw;height:3.6vw}@media (min-width: 1040px){body:not(#top) main #snav{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;margin-bottom:50px}body:not(#top) main #snav li{width:362px;margin:0 17px 20px 0}body:not(#top) main #snav li:nth-child(2n){margin-right:17px}body:not(#top) main #snav li:nth-child(3n){margin-right:0}body:not(#top) main #snav li:nth-last-child(-n+3){margin-bottom:0}body:not(#top) main #snav li:nth-of-type(1){position:relative;z-index:1}body:not(#top) main #snav li:nth-of-type(1):after{content:"";display:block;position:absolute;top:0;left:15px;z-index:-1;background:url(../images/common/chara/img_yellow_01.png);background-size:100%;width:67px;height:53px;opacity:0;transition:0.5s all}body:not(#top) main #snav li:nth-of-type(1):hover:after{position:absolute;top:-43px;left:15px;opacity:1}body:not(#top) main #snav li:nth-of-type(2){position:relative;z-index:1}body:not(#top) main #snav li:nth-of-type(2):after{content:"";display:block;position:absolute;top:0;left:15px;z-index:-1;background:url(../images/common/chara/img_blue_04.png);background-size:100%;width:67px;height:53px;opacity:0;transition:0.5s all}body:not(#top) main #snav li:nth-of-type(2):hover:after{position:absolute;top:-43px;left:15px;opacity:1}body:not(#top) main #snav li:nth-of-type(3){position:relative;z-index:1}body:not(#top) main #snav li:nth-of-type(3):after{content:"";display:block;position:absolute;top:0;right:23px;z-index:-1;background:url(../images/common/chara/img_mecha_01.png);background-size:100%;width:67px;height:73px;opacity:0;transition:0.5s all}body:not(#top) main #snav li:nth-of-type(3):hover:after{position:absolute;top:-63px;right:23px;opacity:1}body:not(#top) main #snav li.new:before{position:absolute;top:-10px;left:0;width:62px;height:27px}}header{position:fixed;top:0;left:0;z-index:99990;box-sizing:border-box;width:100%;padding:2.66667vw 5.33333vw 0 5.33333vw}header.open{background:rgba(255,255,255,0.8);height:100%;overflow-y:scroll}header.open nav{display:block}@media (min-width: 1040px){header{padding:0}header.open{height:auto;overflow-y:inherit}header.open nav{display:block}}@media (min-width: 1040px){header .btnMenu{display:none}}header nav{display:none;box-sizing:border-box;width:100%;margin:0 auto;padding-top:5.33333vw}header nav ul li{margin-bottom:4vw}header nav ul li.top{width:74.8vw;margin:0 auto 4vw auto}header nav ul li.new{position:relative}header nav ul li.new:before{content:"";display:block;position:absolute;top:-2.66667vw;left:50%;background:url(../images/common/nav/ico_new.png) no-repeat;background-size:100%;width:14.13333vw;height:5.06667vw;margin-left:-7.06667vw}@media (min-width: 1040px){header nav{position:fixed;top:12px;left:50%;display:block;width:1160px;margin:0 auto;margin-left:-580px;padding:0}header nav ul{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}header nav ul li{position:relative;z-index:0;margin:12px 0 0 0}header nav ul li:last-child{margin-bottom:0}header nav ul li img{display:none}header nav ul li:hover{z-index:1}header nav ul li.top{width:auto;margin:0}header nav ul li.top a{background:url(../images/common/nav/btn_top-page_pc.png) no-repeat;width:178px;height:121px}header nav ul li.about a{background:url(../images/common/nav/btn_about.png) no-repeat;width:192px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.about:after{content:"";display:block;position:absolute;top:7px;right:0;z-index:-1;background:url(../images/common/chara/img_yellow_04.png) no-repeat;background-size:100%;width:67px;height:53px;-webkit-transform:rotate(25deg);transform:rotate(25deg);opacity:0;transition:0.3s all}header nav ul li.about:hover:after{position:absolute;top:7px;right:-54px;opacity:1}}@media (min-width: 1040px){header nav ul li.howto a{background:url(../images/common/nav/btn_howto.png) no-repeat;width:152px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.howto:after{content:"";display:block;position:absolute;top:-4px;right:0;z-index:-1;background:url(../images/common/chara/img_mecha_01.png) no-repeat;background-size:100%;width:67px;height:73px;-webkit-transform:rotate(19deg);transform:rotate(19deg);opacity:0;transition:0.5s all}header nav ul li.howto:hover:after{position:absolute;top:-4px;right:-55px;opacity:1}}@media (min-width: 1040px){header nav ul li.collection a{background:url(../images/common/nav/btn_collection_pc.png) no-repeat;width:152px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.collection:after{content:"";display:block;position:absolute;top:12px;right:0;z-index:-1;background:url(../images/common/chara/img_blue_02.png) no-repeat;background-size:100%;width:67px;height:53px;-webkit-transform:rotate(19deg);transform:rotate(19deg);opacity:0;transition:0.5s all}header nav ul li.collection:hover:after{position:absolute;top:12px;right:-49px;opacity:1}}@media (min-width: 1040px){header nav ul li.collection p{background:url(../images/common/nav/btn_collection_pc.png) no-repeat;width:172px;height:72px}header nav ul li.movie a{background:url(../images/common/nav/btn_movie.png) no-repeat;width:122px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.movie:after{content:"";display:block;position:absolute;top:7px;right:0;z-index:-1;background:url(../images/common/chara/img_yellow_01.png) no-repeat;background-size:100%;width:67px;height:53px;-webkit-transform:rotate(15deg);transform:rotate(15deg);opacity:0;transition:0.5s all}header nav ul li.movie:hover:after{position:absolute;top:7px;right:-50px;opacity:1}}@media (min-width: 1040px){header nav ul li.special a{background:url(../images/common/nav/btn_special.png);width:132px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.special:after{content:"";display:block;position:absolute;top:12px;right:0;z-index:-1;background:url(../images/common/chara/img_blue_03.png) no-repeat;background-size:100%;width:67px;height:53px;-webkit-transform:rotate(11deg);transform:rotate(11deg);opacity:0;transition:0.5s all}header nav ul li.special:hover:after{position:absolute;top:12px;right:-52px;opacity:1}}@media (min-width: 1040px){header nav ul li.store a{background:url(../images/common/nav/btn_store.png);width:166px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){header nav ul li.store:after{content:"";display:block;position:absolute;top:-4px;right:0;z-index:-1;background:url(../images/common/chara/img_mecha_03.png) no-repeat;background-size:100%;width:67px;height:73px;-webkit-transform:rotate(19deg);transform:rotate(19deg);opacity:0;transition:0.5s all}header nav ul li.store:hover:after{position:absolute;top:-4px;right:-55px;opacity:1}}@media (min-width: 1040px){header nav ul li a{display:block;width:100%;height:100%}header nav ul li a:hover{background-position:right}header nav ul li.on a{background-position:right}header nav ul li.new{position:relative}header nav ul li.new:before{position:absolute;top:-10px;left:0;width:65px;height:24px;margin-left:-10px}}footer{background:#FFF;box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:5.33333vw 2.66667vw}@media (min-width: 1040px){footer{width:1200px;padding:30px 40px}}footer #footerColInner{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end}@media (min-width: 1040px){footer #footerColInner{display:inherit}}footer #snsCol{display:block;display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:url(../images/common/bg_sns.png) no-repeat;background-size:100%;box-sizing:border-box;width:50.93333vw;height:12vw;margin:0 10.66667vw 0 0;padding-left:15.33333vw;line-height:1}footer #snsCol li{width:6.66667vw;margin-right:5.06667vw}footer #snsCol li:last-child{margin-right:0}@media (min-width: 1040px){footer #snsCol{position:fixed;bottom:10px;left:10px;display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column;flex-flow:column;background:url(../images/common/bg_sns_pc.png) no-repeat;background-size:100%;box-sizing:border-box;width:70px;height:253px;margin:0 auto;padding-left:0;padding-top:67px}footer #snsCol li{width:40px;height:40px;margin-right:0;margin-bottom:25px}footer #snsCol li:last-child{margin-bottom:0}}footer #btnPageTop{width:20.13333vw}@media (min-width: 1040px){footer #btnPageTop{position:fixed;bottom:-130px;right:10px;transition:1s all;width:115px;height:119px}footer #btnPageTop a{display:block;background:url(../images/common/btn_page-top_off.png) no-repeat;width:100%;height:100%;margin:0}footer #btnPageTop a:hover{background:url(../images/common/btn_page-top_on.png) no-repeat}footer #btnPageTop img{display:none}footer #btnPageTop.show{position:fixed;bottom:10px;right:10px}}footer p{margin-bottom:5.33333vw;font-weight:bold;text-align:center}footer p.attention{font-size:0.8em}footer p.copyright{font-size:0.6em}footer p.attention:last-of-type{font-size:0.6em;margin-bottom:0}@media (min-width: 1040px){footer p{margin-bottom:20px}footer p.copyright{font-size:100%;font-size:0.8em}footer p.attention:last-of-type{font-size:100%;font-size:0.8em}}@-webkit-keyframes bgDial{0%{opacity:0;-webkit-transform:scaleY(0) translateY(20px);transform:scaleY(0) translateY(20px)}40%{opacity:1;-webkit-transform:scaleY(1) translateY(-20px);transform:scaleY(1) translateY(-20px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@keyframes bgDial{0%{opacity:0;-webkit-transform:scaleY(0) translateY(20px);transform:scaleY(0) translateY(20px)}40%{opacity:1;-webkit-transform:scaleY(1) translateY(-20px);transform:scaleY(1) translateY(-20px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@-webkit-keyframes bgMojiKun{0%{opacity:0;-webkit-transform:scaleY(0) translateY(-100px);transform:scaleY(0) translateY(-100px)}20%{opacity:1;-webkit-transform:scaleY(0.5) translateY(-60px);transform:scaleY(0.5) translateY(-60px)}40%{-webkit-transform:scaleY(1) translateY(-40px);transform:scaleY(1) translateY(-40px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@keyframes bgMojiKun{0%{opacity:0;-webkit-transform:scaleY(0) translateY(-100px);transform:scaleY(0) translateY(-100px)}20%{opacity:1;-webkit-transform:scaleY(0.5) translateY(-60px);transform:scaleY(0.5) translateY(-60px)}40%{-webkit-transform:scaleY(1) translateY(-40px);transform:scaleY(1) translateY(-40px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@-webkit-keyframes mojiKun{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}5%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}10%{-webkit-transform:scale(0.8) translateY(-10px);transform:scale(0.8) translateY(-10px)}40%{-webkit-transform:scale(1.8) translateY(-20px);transform:scale(1.8) translateY(-20px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@keyframes mojiKun{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}5%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}10%{-webkit-transform:scale(0.8) translateY(-10px);transform:scale(0.8) translateY(-10px)}40%{-webkit-transform:scale(1.8) translateY(-20px);transform:scale(1.8) translateY(-20px)}100%{-webkit-transform:scaleY(1) translateY(0px);transform:scaleY(1) translateY(0px)}}@-webkit-keyframes logo{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}60%{-webkit-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes logo{0%{-webkit-transform:scale(0, 0);transform:scale(0, 0)}60%{-webkit-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes quizknock{0%{-webkit-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes quizknock{0%{-webkit-transform:translateY(0);transform:translateY(0)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes onsale{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}60%{-webkit-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes onsale{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}60%{-webkit-transform:scale(1.15, 1.15);transform:scale(1.15, 1.15)}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes fluffy{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes fluffy{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@media (min-width: 1040px){main{background:rgba(255,255,255,0.8);box-sizing:border-box;width:1200px;margin:0 auto;padding:20px;display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start}}@media (min-width: 1040px){main #mvCol{box-sizing:border-box}}main #mvColInner{overflow:hidden;position:relative;z-index:0}main #mvColInner h1{position:absolute;top:2.75862vw;left:50%;z-index:3;width:50.68966vw;margin-left:-25.34483vw;-webkit-transform:scale(0);transform:scale(0);-webkit-animation:logo 1s 1s 1 linear forwards;animation:logo 1s 1s 1 linear forwards}main #mvColInner .mojiKun{position:absolute;top:27.58621vw;left:50%;z-index:2;width:14.13793vw;margin-left:-7.06897vw;-webkit-animation:mojiKun 1s 0s 1 linear, fluffy 3s 3s infinite linear;animation:mojiKun 1s 0s 1 linear, fluffy 3s 3s infinite linear}main #mvColInner .switch{position:absolute;top:0;right:0;z-index:3;width:13.33333vw}main #mvColInner .quizknock{position:absolute;bottom:1.14943vw;right:2.29885vw;z-index:3;width:54.13333vw;-webkit-animation:quizknock 0.5s 1s 1 linear forwards;animation:quizknock 0.5s 1s 1 linear forwards}main #mvColInner .onsale{position:relative;z-index:3;transition:.3s}main #mvColInner .onsale img{-webkit-animation:onsale 1s 1s 1 linear;animation:onsale 1s 1s 1 linear}main #mvColInner .onsale:hover img{transition:.3s;-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}main #mvColInner:before{content:"";display:block;position:absolute;top:0;left:0;z-index:1;background:url(../images/top/bg_dial.png) no-repeat center top;background-size:100%;width:100%;height:100%;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:bgDial 1.2s 0s 1 ease, fluffy 4s 3s infinite linear;animation:bgDial 1.2s 0s 1 ease, fluffy 4s 3s infinite linear}main #mvColInner:after{content:"";display:block;position:absolute;bottom:-1.03448vw;left:0;z-index:1;background:url(../images/top/bg_moji-kun.png) no-repeat center bottom;background-size:100%;width:100.34483vw;height:55.63218vw;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:bgMojiKun 1.5s 0s 1 ease-out, fluffy 5s 3s infinite linear;animation:bgMojiKun 1.5s 0s 1 ease-out, fluffy 5s 3s infinite linear}@media (min-width: 1040px){main #mvColInner{width:870px;height:567px;margin-bottom:20px;box-shadow:4px 4px 0px 0 rgba(40,40,40,0.1)}main #mvColInner h1{position:absolute;top:24px;left:50%;width:441px;margin-left:-220.5px}main #mvColInner .mojiKun{position:absolute;top:240px;left:50%;width:123px;margin-left:-61.5px}main #mvColInner .switch{width:80px}main #mvColInner .quizknock{position:absolute;bottom:0;right:10px;width:auto;transition:.3s}main #mvColInner:before{background:url(../images/top/bg_dial.png) no-repeat center top}main #mvColInner:after{position:absolute;bottom:-9px;left:0;width:873px;height:484px}}main #mvCol #newsCol{background:rgba(255,255,255,0.8);box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:5.33333vw 2.66667vw;color:#1a4d5b}main #mvCol #newsColInner{background:url(../images/top/bg_news.png) no-repeat;background-size:100%;box-sizing:border-box;width:89.86667vw;height:20.66667vw;padding:12vw 0 0 0}main #mvCol #newsColBox{overflow:hidden;width:81.33333vw;height:6vw;margin:0 auto}main #mvCol #newsColBox li{float:left;margin-right:1em;font-weight:bold;word-break:keep-all;white-space:nowrap}@media (min-width: 1040px){main #mvCol #newsCol{background:none;width:100%;padding:0}main #mvCol #newsColInner{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;background:url(../images/top/bg_news_pc.png) no-repeat;width:874px;height:59px;padding:0 0 0 220px}main #mvCol #newsColBox{width:630px;height:30px;margin:0;line-height:30px}}main #mvCol #bnrCol{background:rgba(255,255,255,0.8);box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:0 2.66667vw 5.33333vw 2.66667vw}main nav{background:rgba(255,255,255,0.8);box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:0 2.66667vw 5.33333vw 2.66667vw}main nav ul li{margin-bottom:5.33333vw}main nav ul li:last-child{margin-bottom:0}main nav ul li.new{position:relative}main nav ul li.new:before{content:"";display:block;position:absolute;top:-2.66667vw;left:50%;background:url(../images/common/nav/ico_new.png) no-repeat;background-size:100%;width:14.13333vw;height:5.06667vw;margin-left:-7.06667vw}@media (min-width: 1040px){main nav{background:none;width:272px;margin:0;padding:0}main nav ul li{position:relative;z-index:0;margin:0 0 10px 0}main nav ul li:last-child{margin-bottom:0}main nav ul li img{display:none}main nav ul li.about a{background:url(../images/top/nav/btn_about.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.about:after{content:"";display:block;position:absolute;top:10px;right:0;z-index:-1;background:url(../images/common/chara/img_yellow_04.png) no-repeat;background-size:100%;width:72px;height:57px;-webkit-transform:rotate(13deg);transform:rotate(13deg);opacity:0;transition:0.3s all}main nav ul li.about:hover{position:relative;z-index:0}main nav ul li.about:hover:after{position:absolute;top:10px;right:-52px;opacity:1}}@media (min-width: 1040px){main nav ul li.howto a{background:url(../images/top/nav/btn_howto.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.howto:after{content:"";display:block;position:absolute;top:0;right:0;z-index:-1;background:url(../images/common/chara/img_mecha_01.png) no-repeat;background-size:100%;width:72px;height:79px;opacity:0;transition:0.5s all}main nav ul li.howto:hover:after{position:absolute;top:-58px;right:0;opacity:1}}@media (min-width: 1040px){main nav ul li.collection a{background:url(../images/top/nav/btn_collection.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.collection:after{content:"";display:block;position:absolute;top:7px;left:0;z-index:-1;background:url(../images/common/chara/img_blue_02.png) no-repeat;background-size:100%;width:72px;height:57px;-webkit-transform:rotate(-13deg);transform:rotate(-13deg);opacity:0;transition:0.5s all}main nav ul li.collection:hover:after{position:absolute;top:7px;left:-55px;opacity:1}}@media (min-width: 1040px){main nav ul li.collection p{background:url(../images/top/nav/btn_collection.png);width:272px;height:72px}main nav ul li.movie a{background:url(../images/top/nav/btn_movie.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.movie:after{content:"";display:block;position:absolute;top:0;right:5px;z-index:-1;background:url(../images/common/chara/img_yellow_01.png) no-repeat;background-size:100%;width:72px;height:57px;-webkit-transform:rotate(5deg);transform:rotate(5deg);opacity:0;transition:0.5s all}main nav ul li.movie:hover:after{position:absolute;top:-47px;right:5px;opacity:1}}@media (min-width: 1040px){main nav ul li.special a{background:url(../images/top/nav/btn_special.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.special:after{content:"";display:block;position:absolute;top:7px;left:0;z-index:-1;background:url(../images/common/chara/img_blue_03.png) no-repeat;background-size:100%;width:72px;height:57px;opacity:0;transition:0.5s all}main nav ul li.special:hover:after{position:absolute;top:7px;left:-64px;opacity:1}}@media (min-width: 1040px){main nav ul li.store a{background:url(../images/top/nav/btn_store.png);width:272px;height:72px}}@media (min-width: 1040px) and (min-width: 1200px){main nav ul li.store:after{content:"";display:block;position:absolute;top:0;right:0;z-index:-1;background:url(../images/common/chara/img_mecha_03.png) no-repeat;background-size:100%;width:72px;height:79px;-webkit-transform:rotate(13deg);transform:rotate(13deg);opacity:0;transition:0.5s all}main nav ul li.store:hover:after{position:absolute;top:-58px;right:0;opacity:1}}@media (min-width: 1040px){main nav ul li.pv a{background:url(../images/top/nav/btn_pv_pc.png);width:272px;height:154px}main nav ul li a{display:block;width:100%;height:100%}main nav ul li a:hover{background-position:right}main nav ul li.new{position:relative}main nav ul li.new:before{position:absolute;top:-10px;left:0;width:65px;height:24px;margin-left:-10px}}@media (min-width: 1040px){#bnrCol{background:rgba(255,255,255,0.8);box-sizing:border-box;width:1200px;margin:0 auto;padding:0 20px 20px 20px}#bnrCol a:hover img{transition:.3s;-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}}footer{background:url(../images/top/spec/bg_l.png) no-repeat bottom left,url(../images/top/spec/bg_r.png) no-repeat bottom right,#25a8ce;background-size:40.93333vw auto,42.4vw auto;box-sizing:border-box;width:100%;padding:5.33333vw 2.66667vw}@media (min-width: 1040px){footer{position:relative;background:url(../images/top/spec/bg_l.png) no-repeat bottom left,url(../images/top/spec/bg_r.png) no-repeat bottom right,#25a8ce;background-size:307px auto, 318px auto;width:1200px;margin:0 auto;padding:30px 40px}}@media (min-width: 1040px){footer #specCol{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin-bottom:30px}}footer #specCol h2{position:relative;width:28.8vw;margin:0 auto 5.33333vw auto}footer #specCol h2:before{content:"";display:block;position:absolute;top:0;left:-16vw;background:url(../images/common/chara/img_yellow_04.png) no-repeat;background-size:contain;width:12vw;height:9.46667vw;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}footer #specCol h2:after{content:"";display:block;position:absolute;top:0;right:-16vw;background:url(../images/common/chara/img_yellow_01.png) no-repeat;background-size:contain;width:12vw;height:9.46667vw;-webkit-transform:rotate(12deg);transform:rotate(12deg)}@media (min-width: 1040px){footer #specCol h2{position:static;width:185px;margin:0 60px 0 0}footer #specCol h2:before{left:inherit;position:absolute;top:114px;right:180px;width:139px;height:106px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}footer #specCol h2:after{position:absolute;top:189px;right:46px;width:139px;height:106px;-webkit-transform:rotate(12deg);transform:rotate(12deg)}}footer #specCol dl{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;overflow:hidden;margin-bottom:5.33333vw;line-height:1}@media (min-width: 1040px){footer #specCol dl{width:550px;margin-bottom:0}}footer #specCol dl dt{width:34.66667vw;margin-right:2.66667vw;margin-bottom:1.33333vw;text-align:right}footer #specCol dl dt:nth-of-type(1) img{width:22.26667vw}footer #specCol dl dt:nth-of-type(2) img{width:16.53333vw}footer #specCol dl dt:nth-of-type(3) img{width:33.86667vw}footer #specCol dl dt:nth-of-type(4) img{width:22.26667vw}footer #specCol dl dt:nth-of-type(5) img{width:22.26667vw}footer #specCol dl dt:nth-of-type(6) img{width:28vw}footer #specCol dl dt:nth-of-type(7) img{width:22.26667vw}footer #specCol dl dt:last-of-type{margin-bottom:0}@media (min-width: 1040px){footer #specCol dl dt{width:208px;margin-right:20px;margin-bottom:10px;text-align:left}footer #specCol dl dt:nth-of-type(1) img{width:137px}footer #specCol dl dt:nth-of-type(2) img{width:102px}footer #specCol dl dt:nth-of-type(3) img{width:208px}footer #specCol dl dt:nth-of-type(4) img{width:137px}footer #specCol dl dt:nth-of-type(5) img{width:137px}footer #specCol dl dt:nth-of-type(6) img{width:172px}footer #specCol dl dt:nth-of-type(7) img{width:137px}}footer #specCol dl dd{width:53.33333vw;margin-bottom:1.33333vw}footer #specCol dl dd:nth-of-type(1) img{width:35.06667vw}footer #specCol dl dd:nth-of-type(2) img{width:51.06667vw}footer #specCol dl dd:nth-of-type(3) img{width:50.93333vw}footer #specCol dl dd:nth-of-type(4) img{width:51.2vw}footer #specCol dl dd:nth-of-type(5) img{width:34vw}footer #specCol dl dd:nth-of-type(6) img{width:10.93333vw}footer #specCol dl dd:nth-of-type(7) img{width:21.73333vw}footer #specCol dl dd:last-of-type{margin-bottom:0}@media (min-width: 1040px){footer #specCol dl dd{width:322px;margin-bottom:10px}footer #specCol dl dd:nth-of-type(1) img{width:222px}footer #specCol dl dd:nth-of-type(2) img{width:322px}footer #specCol dl dd:nth-of-type(3) img{width:322px}footer #specCol dl dd:nth-of-type(4) img{width:322px}footer #specCol dl dd:nth-of-type(5) img{width:214px}footer #specCol dl dd:nth-of-type(6) img{width:73px}footer #specCol dl dd:nth-of-type(7) img{width:146px}}footer #encoreCol{box-sizing:border-box;width:94.66667vw;margin:0 auto;padding:6.66667vw}footer #encoreCol h2{width:59.33333vw;margin:0 auto 6.66667vw auto}footer #encoreCol li{margin:0 auto 6.66667vw}footer #encoreCol li:last-child{margin-bottom:0}footer #encoreCol .mddl{width:59.06667vw}footer #encoreCol .katamaridamacy{width:70vw}@media (min-width: 1040px){footer #encoreCol{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:100%;margin:0 auto;padding:30px 50px}footer #encoreCol h2{width:357px;margin:0 80px 0 0}footer #encoreCol ul{display:-webkit-flex;display:flex;-webkit-flex:none;flex:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}footer #encoreCol ul li{margin:0 50px 0 0}footer #encoreCol ul li:last-child{margin-right:0}footer #encoreCol .mddl{width:233px}footer #encoreCol .katamaridamacy{width:276px}}footer #footerBnrCol{text-align:center;margin:2.66667vw 0}@media (min-width: 1040px){footer #footerBnrCol{margin:20px 0}footer #footerBnrCol img{width:auto}}

/*# sourceMappingURL=maps/top.css.map */