*{margin:0;padding:0;border:0}body{font-family:"メイリオ","ＭＳ Ｐゴシック",Helvetica,sans-serif;font-size:41.6875%;line-height:1.6;position:relative;width:100%;min-width:320px;height:100%;background:#02112b;-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}a:hover,a:active{color:red}a:visited{color:red}a:focus{outline:none}ul{list-style:none}.cf:before,.cf:after{display:table;content:""}.cf:after,.clear{clear:both}.cf::after{line-height:0;display:block;visibility:hidden;clear:both;height:0;content:" "}.-hover01:hover{transform:translateY(2px)}#colorbox.-colorboxMovie #cboxClose{top:0;right:0}#colorbox.-colorboxMovie #cboxLoadedContent{padding-top:6%}.bodyBg{position:fixed;z-index:-1;top:0;left:0;width:100%;min-width:320px;height:100%;background-color:#02112b;background-image:url(../images/bg.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;-webkit-backface-visibility:hidden}#wrapper{position:relative;overflow:hidden;width:100%}.mainWrap{position:relative;z-index:10;width:100%;min-width:320px;max-width:980px;margin:0 auto}.snsBtn{position:absolute;z-index:10;top:0;width:100%;min-width:320px;max-width:980px;margin:0 auto;list-style:none;text-align:right}.snsBtn li{display:inline-block;width:5.82%;margin:1%}.snsBtn li img{filter:drop-shadow(0 1px 0px rgba(0, 0, 0, 0.5))}.header{position:relative;z-index:0;min-width:320px;max-width:1180px;margin:auto;padding-top:980px}@media screen and (max-width: 980px){.header{padding-top:100%}}.header .item{position:absolute;z-index:1;display:block}.header .headerLogo{z-index:2;top:41%;left:50%;width:84.4827586207%;transform:translateX(-50%)}.header .headerCatch{z-index:2;top:70%;left:50%;width:37.5%;transform:translateX(-50%)}.header .headerText{z-index:2;top:79%;left:50%;width:34.3103448276%;transform:translateX(-50%)}.header .headerCopy{z-index:2;top:92%;right:1%;width:49.3103448276%}.header .headerMovie{z-index:20;top:0;left:0;width:15.6896551724%}.header .headerChara,.header .headerPuyo{top:0;left:50%;width:100%;max-width:1180px;transform:translateX(-50%)}@media screen and (max-width: 980px){.header .headerChara,.header .headerPuyo{width:115%}}@media screen and (max-width: 980px){.snsBtn{padding-right:1%}.snsBtn li{width:7.5%}.snsBtn li:last-child{margin-right:0}}.section{margin:0 0 100px;padding:8px;border:8px solid #987b54;background-color:#dfdbc5;box-shadow:4px 6.928px 8px 0 rgba(13,4,8,.6)}@media screen and (max-width: 980px){.section{margin:0 0 10%}}@media screen and (max-width: 640px){.section{padding:4px;border:4px solid #987b54}}.section .secInner{position:relative;z-index:0;border:9px solid #655849;background-image:url(../images/section-bg.jpg);background-repeat:repeat}@media screen and (max-width: 980px){.section .secInner{background-size:45.9183673469%}}@media screen and (max-width: 640px){.section .secInner{border:5px solid #655849}}.section .secTitle{position:absolute;z-index:1;top:0;left:0;width:100%;margin:0;transform:translateY(-68%)}@media screen and (max-width: 640px){.section .secTitle{transform:translateY(-60%)}}.snsIconArea .iconText{display:block;width:50.752688172%;margin:8% auto 0}.snsIconArea .iconsList{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:5% 0}.snsIconArea .iconsList.-first{margin:3% 0 5%}@media screen and (max-width: 700px){.snsIconArea .iconsList{margin:10% 0}.snsIconArea .iconsList.-first{margin:5% 0 10%}}.snsIconArea .iconsList .iconWrap{width:20.4301075269%;margin:1%}@media screen and (max-width: 700px){.snsIconArea .iconsList .iconWrap{width:22.5806451613%}}.snsIconArea .iconsList .iconWrap .buttonDl{display:block;width:77.8947368421%;margin:8% auto 0}.charaArea .thumList{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:5% 0}.charaArea .thumList.-first{margin:7% 0 5%}.charaArea .popupButton{font-size:0;position:relative;display:block;width:23.0107526882%;margin:0 .5%}@media screen and (max-width: 700px){.charaArea .popupButton{width:23.0107526882%;margin:0 .5% 2%}}.charaArea .popupButton .iconNew{position:absolute;z-index:10;top:-20px;left:-10px}@media screen and (max-width: 700px){.charaArea .popupButton .iconNew{top:-5%;left:-3%;width:45.1612903226%}}.charaPopup{position:relative;z-index:0;left:1%}.charaPopup .loader{font-size:10px;position:absolute;top:50%;left:50%;width:1.2em;height:1.2em;margin:0;transform:translate3d(-50%, -50%, 0);animation:load5 1.1s infinite ease;text-indent:-9999em;border-radius:50%}@media screen and (max-width: 640px){.charaPopup .loader{font-size:5px;width:1.2em;height:1.2em}}.charaPopup .loader.-loaded{display:none}@-webkit-keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff}}@keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.5),-1.8em -1.8em 0 0 rgba(255,255,255,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.5),1.8em -1.8em 0 0 rgba(255,255,255,.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.5),2.5em 0 0 0 rgba(255,255,255,.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.5),1.75em 1.75em 0 0 rgba(255,255,255,.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255,255,255,.2),-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.5),0 2.5em 0 0 rgba(255,255,255,.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255,255,255,.2),-1.8em -1.8em 0 0 rgba(255,255,255,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.5),-1.8em 1.8em 0 0 rgba(255,255,255,.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255,255,255,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(255,255,255,.2),1.8em -1.8em 0 0 rgba(255,255,255,.2),2.5em 0 0 0 rgba(255,255,255,.2),1.75em 1.75em 0 0 rgba(255,255,255,.2),0 2.5em 0 0 rgba(255,255,255,.2),-1.8em 1.8em 0 0 rgba(255,255,255,.5),-2.6em 0 0 0 rgba(255,255,255,.7),-1.8em -1.8em 0 0 #fff}}.charaPopup .charaText,.charaPopup .charaImage{position:absolute;z-index:1;top:0;left:0;display:block}.charaPopup .charaText{z-index:2}.charaPopup .charaImage{-webkit-animation-duration:1s;animation-duration:1s;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-width: 640px){#colorbox.-popup{transform:scale(1.2);transform-origin:50% 50%}}#colorbox.-popup .charaImage{-webkit-animation:fadeIn-r .3s linear both;animation:fadeIn-r .3s linear both}@-webkit-keyframes fadeIn-r{0%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeIn-r{0%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.eventArea .box{margin:6% 0 0}.eventArea .boxTitle{width:90.9677419355%;margin:auto}.eventArea .boxTextWrap{position:relative;z-index:-1}.eventArea .box01 .boxText{display:block;width:92.0430107527%;margin:1% auto}.eventArea .box01 .presentWrap{display:flex;align-items:flex-start;justify-content:center;margin:0 0 5%}.eventArea .box01 .presentWrap .item01,.eventArea .box01 .presentWrap .item02{display:block;margin:0 1%}.eventArea .box01 .presentWrap .item01{width:43.7634408602%}.eventArea .box01 .presentWrap .item02{width:43.7634408602%}.eventArea .box02{margin:8% 0 0}.eventArea .box02 .boxText{display:block;width:45.1612903226%;margin:3% auto 0}.eventArea .box03{margin:8% 0 0}.eventArea .box03 .boxText{display:block;width:90.9677419355%;margin:3% auto 0}.eventArea .box03 .chara{position:absolute;z-index:-1;top:7%;display:block}.eventArea .box03 .chara.chara01{left:-14%;width:42.1505376344%}.eventArea .box03 .chara.chara02{right:-14%;width:37.8494623656%}.eventArea .box04 .boxText{display:block;width:55.2688172043%;margin:3% auto 0 2%}.eventArea .box04 .chara{position:absolute;z-index:-1;top:-18%;right:-13%;display:block;width:62.3655913978%}.eventArea .box04 .boxTextWrap02{position:relative;z-index:-1}.eventArea .box04 .boxTextWrap02 .boxBg{width:96.6666666667%;margin:3% auto 0 2%}.eventArea .box04 .boxTextWrap02 .charaWrap{position:absolute;z-index:10;top:12%;left:1%;display:block;display:flex;align-items:flex-start;justify-content:center;width:98.9247311828%;margin:0 auto}.eventArea .box04 .boxTextWrap02 .charaWrap .charaItem{display:block;width:33.0107526882%}.eventArea .box04 .boxTextWrap02 .boxText{position:absolute;top:0;width:96.6666666667%}.eventArea .box05 .boxText{position:relative;display:block;width:90.5376344086%;margin:3% auto -2% 2%}.eventArea .box05 .chara{position:absolute;z-index:-1;top:-9%;left:5%;width:90.8602150538%}.eventArea .box06 .boxText{position:relative;display:block;width:70.9677419355%;margin:3% auto 5% auto}.storyArea .boxText{display:block;width:83.1182795699%;margin:8% auto 0}.storyArea .boxTextWrap{position:relative;z-index:0}.storyArea .boxTextWrap .chara{position:absolute;z-index:-1;top:14%;display:block}.storyArea .boxTextWrap .chara.chara01{left:-14%;width:37.2043010753%}.storyArea .boxTextWrap .chara.chara02{right:-8%;width:35.6989247312%}.storyArea .storyBanner{display:block;width:86.0215053763%;margin:0 auto}.storyArea .storyButton{display:block;width:60.752688172%;margin:5% auto}.storyArea .storyButton.-movie{display:block;width:67.2043010753%;margin:5% auto}.campArea .box01{position:relative}.campArea .box01 .stamp{position:absolute;z-index:1;top:-7%;right:-3%;display:block;width:23.8709677419%}.campArea .box01 .boxTitle{display:block;width:23.0107526882%;margin:10% auto 0}.campArea .box01 .boxBannerWrap{position:relative;z-index:0}.campArea .box01 .boxBannerWrap .boxBanner{display:block;width:77.311827957%;margin:3% auto}@media screen and (max-width: 640px){.campArea .box01 .boxBannerWrap .boxBanner{width:90%}}.campArea .box02{position:relative}.campArea .box02 .stamp{position:absolute;z-index:1;top:-7%;right:15%;display:block;width:23.8709677419%}.campArea .box02 .boxTitle{display:block;width:23.0107526882%;margin:7% auto 0}.campArea .box02 .boxBanner{display:block;width:39.1397849462%;margin:3% auto 6%}@media screen and (max-width: 640px){.campArea .box02 .boxBanner{width:60%}}.campArea .box03{position:relative}.campArea .box03 .boxTitle{display:block;width:23.0107526882%;margin:7% auto 0}.campArea .box03 .chara{position:absolute;z-index:-1;top:4%;display:block}.campArea .box03 .chara.chara01{left:-6%;width:40.8602150538%}.campArea .box03 .chara.chara02{right:-14.8%;width:46.1290322581%}@media screen and (max-width: 640px){.campArea .box03 .chara{top:15%}.campArea .box03 .chara.chara01{left:-10%}}.campArea .box03 .boxBanner{display:block;width:39.1397849462%;margin:3% auto 6%}@media screen and (max-width: 640px){.campArea .box03 .boxBanner{width:60%}}.campArea .snsButton{display:block;width:46.3440860215%;margin:5% auto}.liveArea{margin-top:170px}@media screen and (max-width: 980px){.liveArea{margin-top:17%}}.liveArea .secTitle{position:relative;z-index:0}.liveArea .secTitle .balloon{position:absolute;z-index:1;top:-45%;left:-3%;display:block;width:20%}.liveArea .secTitle .stamp{position:absolute;z-index:1;top:40%;right:-3%;display:block;width:23.8709677419%}.liveArea .liveText{display:block;width:75.0537634409%;margin:-4% auto 6%}.liveArea .liveTextWrap{position:relative;z-index:0}.liveArea .box{position:relative;z-index:0;margin:2% 0}.liveArea .box .boxText{display:block;width:79.5698924731%;margin:4% auto}.liveArea .box .button{display:block;width:46.3440860215%;margin:4% auto 6%}.liveArea .puyo{position:absolute;z-index:1;display:block}.liveArea .puyo.puyo01{top:42%;left:4%;width:12.1505376344%}.liveArea .puyo.puyo02{top:32%;right:5%;width:7.9569892473%}.liveArea .puyo.puyo03{top:84%;right:-2%;width:10.4301075269%}.liveArea .puyo.puyo04{top:55%;left:0;width:7.9569892473%}.liveArea .puyo.puyo05{top:20%;right:-2%;width:8.3870967742%}.commonBannerArea{background:rgba(0,0,0,0)}.commonBannerArea:before{background:rgba(0,0,0,0)}.linkArea{position:relative;z-index:10;min-width:320px;max-width:980px;margin:auto}.linkArea .banner{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto;padding-bottom:10%;text-align:center}.linkArea .banner li{width:28%;margin:0 1% 2%}@media screen and (max-width: 800px){.linkArea .banner li{width:40%}}@media screen and (max-width: 640px){.linkArea .banner li{width:70%}}.linkArea .portalBanner{margin-top:1%}.linkArea .sitebtn{display:block;width:57.6530612245%;margin:5% auto}@media screen and (max-width: 640px){.linkArea .sitebtn{width:80.7142857143%}}.appSpecArea{color:#fff;background:#292929;background-image:url(../images/appDL-bg.jpg);background-repeat:repeat}@media screen and (max-width: 980px){.appSpecArea{background-size:45.9183673469%}}@media screen and (max-width: 980px){.footer .secInner{padding:40px 10px 200px}}.floatButtonWrap{position:fixed;z-index:900;right:1rem;bottom:1rem;width:20%;min-width:110px;max-width:174px}.floatButtonWrap .-dl{display:block;width:100%}.floatButtonWrap .-toTop{display:block;width:63.2034632035%;max-width:146px;margin:0 0 0 auto;cursor:pointer}.-hover01:hover{-webkit-transform:translateY(2px);transform:translateY(2px)}/*# sourceMappingURL=common.css.map */