﻿*{box-sizing:border-box}html{font-family:"メイリオ",sans-serif,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",sans-serif !important;font-size:62.5%;overflow-wrap:break-word;padding:0;margin:0}body{width:100%;height:100%;margin:0 auto;padding:0;font-size:1.4em;line-height:1.6;color:#000}@media screen and (min-width: 960px){body{background:url(../images/common/bg_img01.png) repeat-y center;font-size:1.6em;line-height:1.6}}body,html{position:relative}#container{background:none}@media screen and (min-width: 960px){#container{background:url(../images/common/bg_img02.png) repeat-y center;margin:0 auto;padding:0;width:100%}}.pcBr{display:none}@media screen and (min-width: 960px){.pcBr{display:block}}.spBr{display:block}@media screen and (min-width: 960px){.spBr{display:none}}@media screen and (min-width: 960px){.fade a,#mainCol a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.fade a:hover,#mainCol a:hover{opacity:0.4;filter:alpha(opacity=60)}}.loadingWrap{width:100%;height:100%;background:#fff;position:fixed;top:0;left:0;z-index:10000000 !important}.loadingWrap img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:auto}img{width:100%}@media screen and (min-width: 960px){img{width:auto}}a,a:visited{text-decoration:none;color:#aaa}a:hover{color:#c0c0c0}header{display:block}@media screen and (min-width: 960px){header{background-color:white;height:100px;border-bottom:1px #FAFAFA solid}header #header-inner{display:flex;justify-content:space-between}}header h1{width:120px;padding:5px 10px}@media screen and (min-width: 768px){header h1{width:100%;padding:3% 0;text-align:center;display:inline-block}}@media screen and (min-width: 960px){header h1{width:20%;padding:10px 0 0 20px}}header h1 img{max-width:413px}@media screen and (min-width: 768px){header h1 img{width:40%}}@media screen and (min-width: 960px){header h1 img{width:225px}}#selectLangBox{position:absolute;top:5px;right:5px;z-index:150}#selectLangBox #select_lang{border-radius:5px;border:3px solid #545454;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.15);width:150px;height:32px}#selectLangBox #select_lang selected{font-weight:bold}#selectLangBox #select_lang dt{display:block;padding-left:5px;margin-bottom:10px;background-image:url(../images/common/ico_arw_lang.png);background-position:right 10px center;background-repeat:no-repeat;background-size:auto;font-weight:bold;color:#545454;cursor:pointer;transition:.3s}#selectLangBox #select_lang dt:hover{filter:brightness(1.2)}#selectLangBox #select_lang dd{display:none;padding:5px;border-radius:5px;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.2)}#selectLangBox #select_lang dd ul li a{display:block;color:#545454}#selectLangBox #select_lang dd ul li a:hover{color:#b347f7}#selectLangBox #select_lang dd ul li a.crnt{background-color:#ededed}#gnav{line-height:1;overflow:hidden;border-bottom:1px #ededf1 solid}@media screen and (min-width: 960px){#gnav{display:flex;justify-content:flex-end;border-bottom:none;width:100%;margin-top:35px;padding:10px 10px 0 0}}#gnav ul{border-top:1px #ededf1 solid;background:#FFFFFF;display:flex;justify-content:space-between}@media screen and (max-width: 767px){#gnav ul{border-top:none;width:75%}}@media screen and (min-width: 768px){#gnav ul{background:none}}@media screen and (min-width: 960px){#gnav ul{flex-wrap:nowrap;border-top:none;width:auto}}#gnav ul#toggle{border-top:1px #ededf1 solid;flex-wrap:wrap}@media screen and (min-width: 960px){#gnav ul#toggle{border-top:none;flex-wrap:nowrap}}@media screen and (max-width: 767px){#gnav ul#toggle{width:100%}}#gnav li{width:25%;text-align:center}@media screen and (min-width: 768px){#gnav li{width:25%}}@media screen and (min-width: 960px){#gnav li{width:auto}}#gnav li a{padding:15px 5px 15px 15px;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;color:#333;text-decoration:none;font-size:1.3rem}@media screen and (min-width: 960px){#gnav li a{padding:0 0 0 10px;font-size:1.4rem;transition:all 0.2s}#gnav li a:hover{color:#ce09ce;transform:translate(0, -3px)}}@media screen and (min-width: 1200px){#gnav li a{padding:0 7px 0 20px}}#gnav li a::before{content:'';width:5px;height:5px;border:0;border-top:solid 2px #12dab2;border-right:solid 2px #12dab2;position:absolute;top:50%;left:5%;margin-top:-5px;transform:rotate(45deg)}@media screen and (min-width: 960px){#gnav li a::before{content:none}}#gnav li .ico-banapass::before{position:absolute;content:" ";display:block;background:url(../images/common/ico_banapass.png) center top no-repeat;background-size:contain;top:20%;left:5%;margin:0;width:16px;height:15px;border:none;transform:none}@media screen and (min-width: 960px){#gnav li .ico-banapass::before{top:50%;left:0;transform:translateY(-50%)}}#gnav #banapass{border-bottom:1px #ededf1 solid;border-right:1px #ededf1 solid;width:50%}@media screen and (min-width: 960px){#gnav #banapass{border:none;width:auto}#gnav #banapass a{padding:0 7px 0 18px}}#gnav #medal{border-bottom:1px #ededf1 solid;border-right:1px #ededf1 solid;width:50%}@media screen and (min-width: 960px){#gnav #medal{border:none;width:auto}#gnav #medal a{padding:0 7px 0 18px}}#gnav #costume,#gnav #donhiro{border-bottom:1px #ededf1 solid;border-right:1px #ededf1 solid;width:50%}@media screen and (min-width: 960px){#gnav #costume,#gnav #donhiro{width:auto;border:none}#gnav #costume a,#gnav #donhiro a{padding:0 7px 0 18px}}@media screen and (min-width: 960px){#gnav #gameplay_policy a{padding:0 10px 0 10px}}@media screen and (max-width: 959px){#gnav #howto{border-left:1px #ededf1 solid}}#gnav #shop{border-left:1px #ededf1 solid;border-right:1px #ededf1 solid}@media screen and (min-width: 960px){#gnav #shop{border:none}}#gnav #costume{border-right:1px #ededf1 solid}@media screen and (min-width: 960px){#gnav #costume{border:none}}@media screen and (min-width: 960px){#gnav #songlist{border:none}}@media screen and (min-width: 960px){#gnav #toggle li a{display:flex;align-items:center}}@media screen and (min-width: 1200px){#gnav #toggle li a a{padding:0 30px 0 30px}}#wrapCol{position:relative;background:url(../images/common/bg_main_sp.png) no-repeat bottom center;background-size:contain;padding:0 0 15% 0}@media screen and (min-width: 960px){#wrapCol{background:url(../images/common/bg_main_pc.png) no-repeat bottom center;background-size:auto;padding:0 0 80px 0}}section{margin:0 auto 8%}@media screen and (min-width: 960px){section{width:1000px;margin:0 auto 40px}}.attention{font-size:1.2rem}@media screen and (min-width: 960px){.attention{font-size:1.3rem}}.glayBox{background:url(../images/common/bg_glayBox.png) repeat top left;padding:4%;margin:0 0 3% 0}@media screen and (min-width: 960px){.glayBox{padding:20px;margin:0 0 15px 0;font-size:14px;text-align:center}}.bnrW{background-color:white;text-align:center;padding:20px 0;margin:7px 0}@media screen and (min-width: 960px){.bnrW{width:475px;height:60px;margin:0 auto 0;padding:20px 0 0 0;box-sizing:border-box}}.bnrW a{background:url(../images/common/icon_link.png) no-repeat 0 0;background-size:18px;padding:0 0 5px 8%;font-weight:bold}@media screen and (min-width: 960px){.bnrW a{font-size:18px;background-size:24px;display:inline-block;box-sizing:border-box}}footer{display:block;position:relative;background:url(../images/common/bg_footer.png) repeat;background-size:contain}@media screen and (min-width: 768px){footer{background-size:auto}footer::before{position:absolute;top:0;left:0;content:" ";display:block;width:100%;height:10px;background:url(../images/top/bg_movie.png) no-repeat top center;background-size:cover}}footer #btmBnr{display:flex;flex-wrap:wrap;justify-content:center;padding:5% 3%}@media screen and (min-width: 768px){footer #btmBnr{max-width:1000px;margin:0 auto}}@media screen and (min-width: 1200px){footer #btmBnr{padding:50px 0}}footer #btmBnr li{width:45%;padding:0 2% 3% 2%}@media screen and (min-width: 768px){footer #btmBnr li{width:33.3%;padding:0 10px 3%}}footer #btmBnr .bnrM{width:80%;padding:0 0 3% 0}@media screen and (min-width: 768px){footer #btmBnr .bnrM{width:50%;padding:0 10px 3%;text-align:center}footer #btmBnr .bnrM img{max-width:580px}}footer #ptop{width:100%;background:#e5e5e5;text-align:center}footer #ptop a{position:relative;display:block;padding:20px 0;color:#4d4d4d}@media screen and (min-width: 768px){footer #ptop a{padding:30px 0 30px 15px;font-size:1.6rem}}@media screen and (min-width: 960px){footer #ptop a{padding:30px 0 20px 15px;font-size:2.0rem}}footer #ptop a::before{position:absolute;content:"";display:block;background:url(../images/common/icon_pagetop.png) no-repeat center;background-size:contain;top:15px;bottom:0;left:0;right:130px;margin:0 auto;width:25px;height:25px}@media screen and (min-width: 768px){footer #ptop a::before{top:22px;width:30px;height:30px}}@media screen and (min-width: 960px){footer #ptop a::before{top:28px}}footer #snsIcon{background:#e5e5e5;display:flex;justify-content:center;border-top:1px solid #fff;padding:5% 0}@media screen and (min-width: 768px){footer #snsIcon{padding:20px 0}}footer #snsIcon li{width:8%;max-width:40px;margin:0 5%}@media screen and (min-width: 768px){footer #snsIcon li{width:5%;margin:0 2%}}footer #copy{background:#e5e5e5;padding:0 4% 4%;text-align:center;color:#727272;font-size:1.0rem}@media screen and (min-width: 768px){footer #copy{padding:0 0 30px 0;font-size:1.2rem}}@media screen and (min-width: 960px){footer img{width:100%}}.sub h2{position:relative;background:url(../images/common/bg_h2.png) no-repeat bottom;background-size:160%;padding:2% 0 2%}@media screen and (min-width: 960px){.sub h2{border-top:1px solid #ededed;background-size:auto;padding:10px 0 25px;text-align:center}.sub h2 img{width:auto}}.sub h2::after{position:absolute;content:" ";bottom:0;display:block;width:100%;height:5px;background:url(../images/top/bg_movie.png) no-repeat center;background-size:cover}@media screen and (min-width: 768px){.sub h2::after{height:10px}}#mainCol{padding:5%}@media screen and (min-width: 960px){#mainCol{padding:40px 0}}#mainCol .tit{position:relative;width:100%;background:linear-gradient(45deg, #ffb2cb,#c0eefe,#f7f75f);border-radius:30px;margin:0 auto 3%;padding:3px;font-weight:bold;text-align:center;color:#525252}#mainCol .tit span{display:block;padding:3% 0;border-radius:26px;background-color:#fff}@media screen and (min-width: 960px){#mainCol .tit{border:none;background:url(../images/common/bg_h3_pc.png) no-repeat center;background-size:contain;margin:0 auto;padding:28px 0;font-size:3.4rem}#mainCol .tit span{background:none}}#mainCol .tit::before{position:absolute;content:" ";bottom:0;display:block;width:100%;height:100%;background:url(../images/common/bg_stit_01.png) no-repeat 5% center;background-size:15% auto}@media screen and (min-width: 960px){#mainCol .tit::before{background-position:230px center;background-size:auto}}#mainCol .tit::after{position:absolute;content:" ";bottom:0;display:block;width:100%;height:100%;background:url(../images/common/bg_stit_02.png) no-repeat 95% center;background-size:15% auto}@media screen and (min-width: 960px){#mainCol .tit::after{background-position:670px center;background-size:auto}}#mainCol .tit.line2{border-radius:50px}#mainCol .tit.line2 span{border-radius:50px}#mainCol figure{display:block;margin:0;padding:0;text-align:center}#mainCol .num{color:#fff;background:linear-gradient(45deg, #f2427b,#b347f7);padding:0;margin:0 5px 0 0;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;border-radius:50%}@media screen and (min-width: 960px){#mainCol .num{margin:0 15px 0 0;width:40px;height:40px;line-height:40px}}.clearfix:before,.clearfix:after{content:".";display:block;height:0;visibility:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.font-red{color:#F50000}.font-bold{font-weight:bold}.font-glay{color:#A1A1A1;font-weight:bold;font-size:1.6rem}.font-deepred{color:#D21111}@media screen and (min-width: 960px){.font-glay{font-size:26px}}.center{text-align:center}.notes{font-size:11px;color:#333333}@media screen and (min-width: 960px){.notes{font-size:13px;display:block;text-align:right}}.pd10{padding:20px 0}
