.secInner.-anime{opacity:1}@media(min-width: 981px){.-sec01 .secInner.-anime .gameSecTitle img{-webkit-animation:fadeIn-l .3s .6s linear both;animation:fadeIn-l .3s .6s linear both}.-sec01 .secInner.-anime .textImage img{-webkit-animation:fadeIn-r .3s .6s linear both;animation:fadeIn-r .3s .6s linear both}.-sec01 .secInner.-anime .ssWrap .ss{-webkit-animation:slideIn-b .2s .9s linear both;animation:slideIn-b .2s .9s linear both}}@media(max-width: 980px){.-sec01 .secInner .gameSecTitle img.-anime{-webkit-animation:fadeIn-l .3s .6s linear both;animation:fadeIn-l .3s .6s linear both}.-sec01 .secInner .textImage img.-anime{-webkit-animation:fadeIn-r .3s .6s linear both;animation:fadeIn-r .3s .6s linear both}.-sec01 .secInner .ssWrap .ss.-anime{-webkit-animation:slideIn-b .2s .9s linear both;animation:slideIn-b .2s .9s linear both}}@media(min-width: 981px){.-sec02 .secInner.-anime .gameSecTitle img{-webkit-animation:fadeIn-l .3s .3s linear both;animation:fadeIn-l .3s .3s linear both}.-sec02 .secInner.-anime .text>div{-webkit-animation:fadeIn-r .3s .3s linear both;animation:fadeIn-r .3s .3s linear both}.-sec02 .secInner.-anime .ssWrap01 .ss{-webkit-animation:slideIn-b .3s linear both;animation:slideIn-b .3s linear both}.-sec02 .secInner.-anime .ssWrap02 .ss{-webkit-animation:slideIn-b .3s .15s linear both;animation:slideIn-b .3s .15s linear both}.-sec02 .secInner.-anime .chara img{-webkit-animation:bounceIn02 .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:bounceIn02 .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both}}@media(max-width: 980px){.-sec02 .secInner .gameSecTitle img.-anime{-webkit-animation:fadeIn-l .3s linear both;animation:fadeIn-l .3s linear both}.-sec02 .secInner .text>div.-anime{-webkit-animation:fadeIn-r .3s linear both;animation:fadeIn-r .3s linear both}.-sec02 .secInner .ssWrap01 .ss.-anime{-webkit-animation:slideIn-b .3s linear both;animation:slideIn-b .3s linear both}.-sec02 .secInner .ssWrap02 .ss.-anime{-webkit-animation:slideIn-b .3s linear both;animation:slideIn-b .3s linear both}.-sec02 .secInner .chara img.-anime{-webkit-animation:bounceIn02 .5s .5s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:bounceIn02 .5s .5s cubic-bezier(0.215, 0.61, 0.355, 1) both}}@media(min-width: 981px){.-sec03 .secInner.-anime .gameSecTitle img{-webkit-animation:fadeIn-l .3s .3s linear both;animation:fadeIn-l .3s .3s linear both}.-sec03 .secInner.-anime .text>div{-webkit-animation:fadeIn-r .3s .3s linear both;animation:fadeIn-r .3s .3s linear both}.-sec03 .secInner.-anime .cardWrap{opacity:1}.-sec03 .secInner.-anime .card01{-webkit-animation:bounceIn02 .3s .8s linear both;animation:bounceIn02 .3s .8s linear both}.-sec03 .secInner.-anime .arrow01{width:4rem !important}}@media(min-width: 981px)and (max-width: 980px){.-sec03 .secInner.-anime .arrow01{width:6rem !important}}@media(min-width: 981px){.-sec03 .secInner.-anime .card02{-webkit-animation:bounceIn02 .3s 1.4s linear both;animation:bounceIn02 .3s 1.4s linear both}}@media(min-width: 981px){.-sec03 .secInner.-anime .arrow02{width:8.5rem !important}}@media(min-width: 981px)and (max-width: 980px){.-sec03 .secInner.-anime .arrow02{width:13.2rem !important}}@media(min-width: 981px){.-sec03 .secInner.-anime .card03{-webkit-animation:bounceIn02 .3s 2s linear both;animation:bounceIn02 .3s 2s linear both}}@media(min-width: 981px){.-sec03 .secInner.-anime .kira01{-webkit-animation:kirakira 3s 2.1s forwards ease-in-out;animation:kirakira 3s 2.1s forwards ease-in-out}}@media(min-width: 981px){.-sec03 .secInner.-anime .kira02{-webkit-animation:kirakira02 3s 2.3s forwards ease-in-out;animation:kirakira02 3s 2.3s forwards ease-in-out}}@media(min-width: 981px){.-sec03 .secInner.-anime .kira03{-webkit-animation:kirakira 3s 2.4s forwards ease-in-out;animation:kirakira 3s 2.4s forwards ease-in-out}}@media(max-width: 980px){.-sec03 .secInner .gameSecTitle img.-anime{-webkit-animation:fadeIn-l .3s linear both;animation:fadeIn-l .3s linear both}.-sec03 .secInner .text>div.-anime{-webkit-animation:fadeIn-r .3s linear both;animation:fadeIn-r .3s linear both}.-sec03 .secInner .cardWrap.-anime{opacity:1}.-sec03 .secInner .cardWrap.-anime .card01{-webkit-animation:bounceIn02 .3s .3s linear both;animation:bounceIn02 .3s .3s linear both}.-sec03 .secInner .cardWrap.-anime .arrow01{width:4rem !important}}@media(max-width: 980px)and (max-width: 980px){.-sec03 .secInner .cardWrap.-anime .arrow01{width:6rem !important}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .card02{-webkit-animation:bounceIn02 .3s .9s linear both;animation:bounceIn02 .3s .9s linear both}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .arrow02{width:8.5rem !important}}@media(max-width: 980px)and (max-width: 980px){.-sec03 .secInner .cardWrap.-anime .arrow02{width:13.2rem !important}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .card03{-webkit-animation:bounceIn02 .3s 1.5s linear both;animation:bounceIn02 .3s 1.5s linear both}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .kira01{-webkit-animation:kirakira 3s 1.6s forwards ease-in-out;animation:kirakira 3s 1.6s forwards ease-in-out}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .kira02{-webkit-animation:kirakira02 3s 1.8s forwards ease-in-out;animation:kirakira02 3s 1.8s forwards ease-in-out}}@media(max-width: 980px){.-sec03 .secInner .cardWrap.-anime .kira03{-webkit-animation:kirakira 3s 2s forwards ease-in-out;animation:kirakira 3s 2s forwards ease-in-out}}@media(min-width: 981px){.-sec04 .secInner.-anime .gameSecTitle img{-webkit-animation:fadeIn-l .3s .3s linear both;animation:fadeIn-l .3s .3s linear both}.-sec04 .secInner.-anime .text>div{-webkit-animation:fadeIn-r .3s .3s linear both;animation:fadeIn-r .3s .3s linear both}.-sec04 .secInner.-anime .ssWrap01 img{-webkit-animation:fadeIn-r .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both}.-sec04 .secInner.-anime .ssWrap02 img{-webkit-animation:fadeIn-r .5s .9s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s .9s cubic-bezier(0.215, 0.61, 0.355, 1) both}.-sec04 .secInner.-anime .ssWrap03 img{-webkit-animation:fadeIn-r .5s 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s 1s cubic-bezier(0.215, 0.61, 0.355, 1) both}}@media(max-width: 980px){.-sec04 .secInner .gameSecTitle img.-anime{-webkit-animation:fadeIn-l .3s linear both;animation:fadeIn-l .3s linear both}.-sec04 .secInner .text>div.-anime{-webkit-animation:fadeIn-r .3s linear both;animation:fadeIn-r .3s linear both}.-sec04 .secInner .ssWrap01 img.-anime{-webkit-animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both}.-sec04 .secInner .ssWrap02 img.-anime{-webkit-animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both}.-sec04 .secInner .ssWrap03 img.-anime{-webkit-animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:fadeIn-r .5s cubic-bezier(0.215, 0.61, 0.355, 1) both}}@media(min-width: 981px){.-sec05 .secInner.-anime .gameSecTitle img{-webkit-animation:fadeIn-l .3s .3s linear both;animation:fadeIn-l .3s .3s linear both}.-sec05 .secInner.-anime .text>div{-webkit-animation:fadeIn-r .3s .3s linear both;animation:fadeIn-r .3s .3s linear both}.-sec05 .secInner.-anime .ssWrap01 .ss{-webkit-animation:slideIn-b .3s linear both;animation:slideIn-b .3s linear both}.-sec05 .secInner.-anime .ssWrap02 .ss{-webkit-animation:slideIn-b .3s .15s linear both;animation:slideIn-b .3s .15s linear both}.-sec05 .secInner.-anime .chara img{-webkit-animation:bounceIn02 .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:bounceIn02 .5s .8s cubic-bezier(0.215, 0.61, 0.355, 1) both}}@media(max-width: 980px){.-sec05 .secInner .gameSecTitle img.-anime{-webkit-animation:fadeIn-l .3s linear both;animation:fadeIn-l .3s linear both}.-sec05 .secInner .text>div.-anime{-webkit-animation:fadeIn-r .3s linear both;animation:fadeIn-r .3s linear both}.-sec05 .secInner .ssWrap01 .ss.-anime{-webkit-animation:slideIn-b .3s linear both;animation:slideIn-b .3s linear both}.-sec05 .secInner .ssWrap02 .ss.-anime{-webkit-animation:slideIn-b .3s .15s linear both;animation:slideIn-b .3s .15s linear both}.-sec05 .secInner .chara img.-anime{-webkit-animation:bounceIn02 .5s .5s cubic-bezier(0.215, 0.61, 0.355, 1) both;animation:bounceIn02 .5s .5s cubic-bezier(0.215, 0.61, 0.355, 1) both}}.-sec06 .secInner.-anime .puyoImage img{-webkit-animation:bounceIn .75s .5s linear both;animation:bounceIn .75s .5s linear both}.-sec06 .secInner.-anime .photo img{-webkit-animation:bounceIn02 .3s .3s linear both;animation:bounceIn02 .3s .3s linear both}@media(min-width: 981px){.-sec06 .secInner.-anime .gameSecTitle img{-webkit-animation:slideIn-b .2s 1s linear both;animation:slideIn-b .2s 1s linear both}}@media(max-width: 980px){.-sec06 .secInner .gameSecTitle img.-anime{-webkit-animation:slideIn-b .2s linear both;animation:slideIn-b .2s linear both}}.gameArea{overflow:hidden}.gameArea .item{position:absolute;z-index:1;display:block}.gameArea .gameSecTitle{margin:0}.gameArea .gameSecTitle img{display:block;width:100%}.gameArea .text{z-index:2;text-align:right;color:#383275;font-weight:bold;font-size:2rem;white-space:nowrap}@media screen and (max-width: 980px){.gameArea .text{font-size:3.2rem}}@media screen and (max-width: 640px){.gameArea .text{font-size:3.2rem}}.gameArea .text span{display:inline-block;margin:.2rem 0;padding:.2rem .5rem .1rem;background-color:#fff}.gameArea .innerBgStar{z-index:0}.gameArea .innerBgStar.-star01{width:12.6666666667%}@media(max-width: 980px){.gameArea .innerBgStar.-star01{width:22.3469387755%}}.gameArea .innerBgStar.-star02{width:6.3333333333%}@media(max-width: 980px){.gameArea .innerBgStar.-star02{width:7.7551020408%}}.gameArea .innerBgStar.-star03{width:6%}@media(max-width: 980px){.gameArea .innerBgStar.-star03{width:12.7551020408%}}.gameArea .bgWrap{z-index:-1;overflow:hidden}.gameArea .bgWrap .paraWrap{position:absolute;z-index:0;top:0;left:50%;max-width:1200px;width:100%;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.gameArea .bgStar{z-index:-1;opacity:.2}@media screen and (max-width: 980px){.gameArea .bgStar.bgStar03,.gameArea .bgStar.bgStar04,.gameArea .bgStar.bgStar05,.gameArea .bgStar.bgStar06{opacity:0}}.gameArea .bgStar.bgStar01,.gameArea .bgStar.bgStar03{top:15rem;left:-5rem;width:21.1rem}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar01,.gameArea .bgStar.bgStar03{left:6rem}}.gameArea .bgStar.bgStar02{top:9rem;left:-11rem;width:22.5rem}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar02{left:0}}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar02{top:0}}.gameArea .bgStar.bgStar03{top:calc(100% + 5rem)}@media screen and (max-width: 980px){.gameArea .bgStar.bgStar01,.gameArea .bgStar.bgStar02{top:0;left:0;width:100%}}.gameArea .bgStar.bgStar04,.gameArea .bgStar.bgStar06{top:13rem;right:-15rem;width:30.3rem}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar04,.gameArea .bgStar.bgStar06{right:0}}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar04,.gameArea .bgStar.bgStar06{top:0}}.gameArea .bgStar.bgStar05{top:20rem;right:-6rem;width:37.3rem}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar05{right:9rem}}@media screen and (max-width: 1200px){.gameArea .bgStar.bgStar05{top:7rem}}.gameArea .bgStar.bgStar06{top:calc(100% + 5rem)}.gameArea .bgStar.bgStar01,.gameArea .bgStar.bgStar03,.gameArea .bgStar.bgStar05{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.gameArea .bgStar.bgStar01 img,.gameArea .bgStar.bgStar03 img,.gameArea .bgStar.bgStar05 img{-webkit-animation:paraAnime 10s ease-in-out infinite;animation:paraAnime 10s ease-in-out infinite}.gameArea .bgStar.bgStar02,.gameArea .bgStar.bgStar04,.gameArea .bgStar.bgStar06{-webkit-transition:-webkit-transform 2s;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s, -webkit-transform 2s}.gameArea .bgStar.bgStar02 img,.gameArea .bgStar.bgStar04 img,.gameArea .bgStar.bgStar06 img{-webkit-animation:paraAnime 8s -0.5s ease-in-out infinite;animation:paraAnime 8s -0.5s ease-in-out infinite}.gameArea .bgStar img{display:block}.-sec01{margin-top:15rem}@media(max-width: 980px){.-sec01{margin-top:13rem}}.-sec01 .secInner{padding-top:49.3rem}@media(max-width: 980px){.-sec01 .secInner{padding-top:135rem}}.-sec01 .gameSecTitle{top:9.5rem;right:13.75%;width:42.75%}@media(max-width: 980px){.-sec01 .gameSecTitle{top:0;right:50%;width:87.3469387755%;-webkit-transform:translateX(50%);transform:translateX(50%)}}.-sec01 .textImage{top:24.9rem;right:11.25%;width:47%}@media(max-width: 980px){.-sec01 .textImage{width:93.8775510204%;top:111.5rem;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}.-sec01 .ssWrap{top:0;left:15.8333333333%;width:21.6666666667%}@media(max-width: 980px){.-sec01 .ssWrap{top:21rem;left:50%;width:48.5714285714%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}.-sec01 .bgWrap{top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.-sec01 .bgWrap:before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:110vw;padding-top:40rem;background-color:#383275;-webkit-transform:translate(-50%, -50%) rotate(-1.5deg);transform:translate(-50%, -50%) rotate(-1.5deg)}@media screen and (min-width: 2001px){.-sec01 .bgWrap:before{-webkit-transform:translate(-50%, -50%) rotate(-0.8deg);transform:translate(-50%, -50%) rotate(-0.8deg)}}@media(max-width: 980px){.-sec01 .bgWrap:before{top:22.5rem;padding-top:83.5rem;-webkit-transform:translate(-50%, 0) rotate(-6deg);transform:translate(-50%, 0) rotate(-6deg)}}.-sec01 .bgWrap #youtube-area{position:absolute;z-index:0;top:50%;left:50%;width:100%;padding-top:33.3rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow:hidden}@media(max-width: 980px){.-sec01 .bgWrap #youtube-area{top:28rem;padding-top:73rem;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}.-sec01 .bgWrap #youtube{position:absolute;z-index:0;top:50%;left:50%;min-width:100%;width:177.77777778vh;min-height:100%;height:56.25vw;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:.18}@media(max-width: 980px){.-sec01 .bgWrap #youtube{width:177.77777778vh;height:100vw}}.-sec02{margin-top:18rem}@media(max-width: 980px){.-sec02{margin-top:34rem}}.-sec02 .bgWrap{top:0;left:0;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(56, 226, 255, 0.4)), to(rgba(2, 103, 254, 0.4)));background-image:-webkit-linear-gradient(rgba(56, 226, 255, 0.4) 0%, rgba(2, 103, 254, 0.4) 100%);background-image:linear-gradient(rgba(56, 226, 255, 0.4) 0%, rgba(2, 103, 254, 0.4) 100%)}.-sec02 .secInner{padding-top:62.5rem}@media(max-width: 980px){.-sec02 .secInner{padding-top:278rem}}.-sec02 .gameSecTitle{top:48rem;left:9.1666666667%;width:30.6666666667%}@media(max-width: 980px){.-sec02 .gameSecTitle{top:108.4rem;left:2.0408163265%;width:62.6530612245%}}.-sec02 .text{top:48.5rem;right:9.1666666667%}@media(max-width: 980px){.-sec02 .text{top:131.5rem;right:2.0408163265%}}.-sec02 .ssWrap{width:15%}.-sec02 .ssWrap.ssWrap01{top:10rem;left:37%}.-sec02 .ssWrap.ssWrap02{top:17rem;right:32.3333333333%}@media(max-width: 980px){.-sec02 .sliderWrap{position:absolute;z-index:0;top:166rem;left:50%;width:48.5714285714%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.-sec02 .sliderWrap .ssWrap{position:relative;top:0;left:0;right:0;width:100%}}.-sec02 .chara{width:37.0833333333%;pointer-events:none}@media(max-width: 980px){.-sec02 .chara{width:100%}}.-sec02 .chara.chara01{top:-3.5rem;left:4.1666666667%}@media(max-width: 980px){.-sec02 .chara.chara01{top:-8rem;left:0}}.-sec02 .chara.chara02{top:1.5rem;right:7.9166666667%}@media(max-width: 980px){.-sec02 .chara.chara02{top:151.3rem;right:0}}.-sec02 .innerBg{z-index:-1;top:50%;left:50%;margin-left:1.6666666667%;width:46.3333333333%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media(max-width: 980px){.-sec02 .innerBg{width:91.2244897959%;margin-left:0}}.-sec02 .innerBgStar.-star01{top:41rem;left:1.5%}@media(max-width: 980px){.-sec02 .innerBgStar.-star01{top:94rem;left:7.1428571429%}}.-sec02 .innerBgStar.-star02{top:53.5rem;left:34.6666666667%}@media(max-width: 980px){.-sec02 .innerBgStar.-star02{top:116.8rem;left:60.5102040816%}}.-sec02 .innerBgStar.-star03{top:43.5rem;right:8.3333333333%}@media(max-width: 980px){.-sec02 .innerBgStar.-star03{top:134.5rem;right:65.306122449%}}.-sec03{margin-top:18rem;background-size:cover;background-position:50% 50%}@media(min-width: 981px){.-sec03{background-image:url(/assets/images/howtoplay/sec03-bg02.jpg)}}@media(max-width: 980px){.-sec03{margin-top:30rem;background-image:url(/assets/images/howtoplay/sec03-bg02-sp.jpg)}}.-sec03 .secInner{padding-top:44rem}@media(max-width: 980px){.-sec03 .secInner{padding-top:83.8rem}}.-sec03 .gameSecTitle{top:-4rem;left:50%;width:40.8333333333%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 980px){.-sec03 .gameSecTitle{top:-7.3rem;width:83.4693877551%}}.-sec03 .text{top:36.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}@media(max-width: 980px){.-sec03 .text{top:69rem}}.-sec03 .chara01{top:-2rem;left:6.25%;width:21.25%}@media(max-width: 980px){.-sec03 .chara01{top:3rem;left:0;width:34.0816326531%}}.-sec03 .chara02{top:25.5rem;right:11.25%;width:21.9166666667%}@media(max-width: 980px){.-sec03 .chara02{top:59.3rem;right:-7.1428571429%;width:34.0816326531%}}.-sec03 .cardWrap{top:4rem;left:50%;width:55%;padding-top:29rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 980px){.-sec03 .cardWrap{top:21rem;width:100%;padding-top:43.6rem}}.-sec03 .cardWrap .card01{z-index:1;top:10rem;left:0;width:33.3333333333%}@media(max-width: 980px){.-sec03 .cardWrap .card01{top:14rem;width:34.0816326531%}}.-sec03 .cardWrap .card02{z-index:2;top:1.8rem;left:29.5454545455%;width:28.7878787879%}@media(max-width: 980px){.-sec03 .cardWrap .card02{top:2rem;left:28.7755102041%;width:29.1836734694%}}.-sec03 .cardWrap .card03{z-index:3;top:0;right:0;width:42.8787878788%}@media(max-width: 980px){.-sec03 .cardWrap .card03{top:0;width:44.0816326531%}}.-sec03 .cardWrap .arrow01{z-index:4;top:13rem;left:26.0606060606%;width:0rem;-webkit-transition:width .3s 1.1s;transition:width .3s 1.1s;overflow:hidden}@media(max-width: 980px){.-sec03 .cardWrap .arrow01{top:20rem;left:25.5102040816%;-webkit-transition:width .3s .6s;transition:width .3s .6s}}.-sec03 .cardWrap .arrow01 img{max-width:4rem;width:4rem}@media(max-width: 980px){.-sec03 .cardWrap .arrow01 img{max-width:6rem;width:6rem}}.-sec03 .cardWrap .arrow02{z-index:4;top:11rem;left:53.7878787879%;width:0;-webkit-transition:width .3s 1.7s;transition:width .3s 1.7s;overflow:hidden}@media(max-width: 980px){.-sec03 .cardWrap .arrow02{top:16rem;left:52.5510204082%;-webkit-transition:width .3s 1.2s;transition:width .3s 1.2s}}.-sec03 .cardWrap .arrow02 img{max-width:8.5rem;width:8.5rem}@media(max-width: 980px){.-sec03 .cardWrap .arrow02 img{max-width:13.2rem;width:13.2rem}}.-sec03 .cardWrap .kira{opacity:0}.-sec03 .cardWrap .kira01{z-index:4;top:1.3rem;right:-1.5151515152%;width:12.5757575758%}@media(max-width: 980px){.-sec03 .cardWrap .kira01{top:2rem;right:0;width:11.2244897959%}}.-sec03 .cardWrap .kira02{z-index:4;top:.8rem;right:10.6060606061%;width:8.0303030303%}@media(max-width: 980px){.-sec03 .cardWrap .kira02{top:1rem;right:10.2040816327%;width:7.1428571429%}}.-sec03 .cardWrap .kira03{z-index:4;top:20.3rem;right:39.696969697%;width:6.3636363636%}@media(max-width: 980px){.-sec03 .cardWrap .kira03{top:29rem;right:39.0816326531%;width:7.6530612245%}}.-sec03 .innerBg{z-index:-1;top:50%;left:50%;width:47.1666666667%;margin-top:-1rem;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media(max-width: 980px){.-sec03 .innerBg{width:93.9795918367%}}.-sec03 .innerBgStar.-star01{top:41rem;left:1.5%}@media(max-width: 980px){.-sec03 .innerBgStar.-star01{top:94rem;left:7.1428571429%}}.-sec03 .innerBgStar.-star02{top:53.5rem;left:34.6666666667%}@media(max-width: 980px){.-sec03 .innerBgStar.-star02{top:116.8rem;left:60.5102040816%}}.-sec03 .innerBgStar.-star03{top:43.5rem;right:8.3333333333%}@media(max-width: 980px){.-sec03 .innerBgStar.-star03{top:134.5rem;right:65.306122449%}}.-sec04{margin-top:18rem}@media(max-width: 980px){.-sec04{margin-top:23rem}}.-sec04 .bgWrap{top:0;left:0;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(56, 226, 255, 0.4)), to(rgba(2, 103, 254, 0.4)));background-image:-webkit-linear-gradient(rgba(56, 226, 255, 0.4) 0%, rgba(2, 103, 254, 0.4) 100%);background-image:linear-gradient(rgba(56, 226, 255, 0.4) 0%, rgba(2, 103, 254, 0.4) 100%)}.-sec04 .secInner{padding-top:62.5rem}@media(max-width: 980px){.-sec04 .secInner{padding-top:212rem}}.-sec04 .gameSecTitle{z-index:5;top:1.9rem;left:9.1666666667%;width:41.75%}@media(max-width: 980px){.-sec04 .gameSecTitle{top:3rem;left:2.0408163265%;width:85.2040816327%}}.-sec04 .text{z-index:5;top:53rem;right:9.1666666667%}@media(max-width: 980px){.-sec04 .text{top:191.2rem;right:2.0408163265%}}@media(min-width: 981px){.-sec04 .ssArea{position:absolute;z-index:0;top:15rem;left:50%;width:62.1666666667%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:1.6666666667%}}.-sec04 .ssWrap{position:relative;z-index:0;display:block;max-width:229px;width:30.6970509383%;margin:0 1%}@media screen and (max-width: 980px){.-sec04 .ssWrap{position:absolute;z-index:0;max-width:445px;width:45.4081632653%;margin:0}}.-sec04 .ssWrap01{z-index:1;-webkit-transform:rotate(-5deg) translateY(2.5%);transform:rotate(-5deg) translateY(2.5%)}@media screen and (max-width: 980px){.-sec04 .ssWrap01{top:16.6rem;right:6.1224489796%;-webkit-transform:rotate(5deg) translate(0, 0);transform:rotate(5deg) translate(0, 0)}}.-sec04 .ssWrap01 img.-anime{-webkit-animation-delay:.3s;animation-delay:.3s}.-sec04 .ssWrap02{z-index:2}@media screen and (max-width: 980px){.-sec04 .ssWrap02{top:67rem;left:6.1224489796%;-webkit-transform:rotate(-5deg) translate(0, 0);transform:rotate(-5deg) translate(0, 0)}}.-sec04 .ssWrap02 img.-anime{-webkit-animation-delay:.4s;animation-delay:.4s}.-sec04 .ssWrap03{z-index:1;-webkit-transform:rotate(5deg) translateY(2.5%);transform:rotate(5deg) translateY(2.5%)}@media screen and (max-width: 980px){.-sec04 .ssWrap03{z-index:3;top:124.6rem;right:4.0816326531%;-webkit-transform:rotate(0) translate(0, 0);transform:rotate(0) translate(0, 0)}}.-sec04 .ssWrap03 img.-anime{-webkit-animation-delay:.5s;animation-delay:.5s}.-sec04 .chara01{top:21rem;left:1.5%;width:24.3333333333%}@media(max-width: 980px){.-sec04 .chara01{top:26.5rem;left:7.1428571429%;width:43.7755102041%}}.-sec04 .chara02{z-index:-1;top:1rem;right:12.5%;width:17.5833333333%}@media(max-width: 980px){.-sec04 .chara02{z-index:1;top:80.5rem;right:3.7755102041%;width:44.8979591837%}}.-sec04 .chara03{top:34.9rem;left:76.6666666667%;width:22%}@media(max-width: 980px){.-sec04 .chara03{top:148rem;left:0;width:49.387755102%}}.-sec04 .innerBg{z-index:-1;top:50%;left:50%;margin-left:1.6666666667%;width:46.3333333333%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media(max-width: 980px){.-sec04 .innerBg{width:91.2244897959%;margin-left:0}}.-sec04 .innerBgStar.-star01{top:40rem;left:3.3333333333%}@media(max-width: 980px){.-sec04 .innerBgStar.-star01{top:47rem;left:2.0408163265%}}.-sec04 .innerBgStar.-star02{top:51rem;left:15.3333333333%}@media(max-width: 980px){.-sec04 .innerBgStar.-star02{top:60rem;left:37.7551020408%}}.-sec04 .innerBgStar.-star03{top:27.2rem;right:9.1666666667%}@media(max-width: 980px){.-sec04 .innerBgStar.-star03{top:173.5rem;right:77.0408163265%;width:22.1428571429%}}.-sec05{margin-top:18rem;background-size:cover;background-position:50% 50%}@media(min-width: 981px){.-sec05{background-image:url(/assets/images/howtoplay/sec05-bg02.jpg)}}@media(max-width: 980px){.-sec05{margin-top:40rem;background-image:url(/assets/images/howtoplay/sec05-bg02-sp.jpg)}}.-sec05 .secInner{padding-top:54rem}@media(max-width: 980px){.-sec05 .secInner{padding-top:142rem}}.-sec05 .gameSecTitle{top:-5rem;left:9.1666666667%;width:35.8333333333%}@media(max-width: 980px){.-sec05 .gameSecTitle{top:-10rem;left:2.0408163265%;width:73.2653061224%}}.-sec05 .text{z-index:6;top:45.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}@media(max-width: 980px){.-sec05 .text{top:123.5rem}}.-sec05 .chara{z-index:5;top:8.4rem;left:17.5%;width:26.0833333333%}@media(max-width: 980px){.-sec05 .chara{top:75.3rem;left:-5.612244898%;width:52.7551020408%}}.-sec05 .logo{z-index:5;top:8rem;right:19.1666666667%;width:13.6666666667%}@media(max-width: 980px){.-sec05 .logo{top:30rem;right:3.5714285714%;width:30.8163265306%}}.-sec05 .ssWrap01{z-index:2;top:.5rem;left:47.3333333333%;width:18.25%}@media(max-width: 980px){.-sec05 .ssWrap01{top:13rem;left:19.5918367347%;width:42.5510204082%}}.-sec05 .ssWrap02{top:19rem;left:66.6666666667%;width:15%}@media(max-width: 980px){.-sec05 .ssWrap02{top:53rem;left:60.2040816327%;width:38.0612244898%}}.-sec05 .innerBg{z-index:-1;top:50%;left:50%;width:63%;margin-left:5.8333333333%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media(max-width: 980px){.-sec05 .innerBg{left:auto;right:0;width:98.5714285714%;margin-left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}}.-sec06{margin-top:18rem;background-image:-webkit-gradient(linear, left top, left bottom, from(#175186), to(#0f3875));background-image:-webkit-linear-gradient(#175186 0%, #0f3875 100%);background-image:linear-gradient(#175186 0%, #0f3875 100%)}@media(max-width: 980px){.-sec06{margin-top:40rem}}.-sec06 .secInner{padding-top:68.3rem}@media(max-width: 980px){.-sec06 .secInner{padding-top:131rem}}.-sec06 .gameSecTitle{top:57rem;left:50%;width:37.25%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 980px){.-sec06 .gameSecTitle{top:90rem;width:84.4897959184%}}.-sec06 .puyoImage{top:4rem;left:50%;width:81.6666666667%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 980px){.-sec06 .puyoImage{top:9rem;left:0;width:100%;-webkit-transform:translateX(0);transform:translateX(0)}}.-sec06 .photo{top:7rem;left:50%;width:61.5833333333%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width: 980px){.-sec06 .photo{top:25.5rem;width:93.4693877551%}}.-sec06 .bgPuyo{z-index:-1;left:0;bottom:-3rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;width:78.8rem;-webkit-transition:-webkit-transform 3s;transition:-webkit-transform 3s;transition:transform 3s;transition:transform 3s, -webkit-transform 3s}@media screen and (max-width: 1600px){.-sec06 .bgPuyo{left:-2rem;bottom:0rem}}@media screen and (max-width: 980px){.-sec06 .bgPuyo{bottom:7rem;width:62.6rem}}.-sec06 .bgPuyo .puyo{width:50%}.-sec06 .bgPuyo .puyo:nth-child(1){-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.-sec06 .bgPuyo .puyo:nth-child(1) img{-webkit-animation:paraAnime 12s ease-in-out infinite;animation:paraAnime 12s ease-in-out infinite}.-sec06 .bgPuyo .puyo:nth-child(2){-webkit-transition:-webkit-transform .8s;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s, -webkit-transform .8s}.-sec06 .bgPuyo .puyo:nth-child(2) img{-webkit-animation:paraAnime 10s ease-in-out infinite;animation:paraAnime 10s ease-in-out infinite}.-sec06 .bgPuyo img{display:block;width:100%;opacity:.2}.-sec06 .secBg{z-index:-1;max-width:593px;width:29.9494949495%}@media screen and (max-width: 980px){.-sec06 .secBg{width:47.3469387755%}}.-sec06 .secBg.-upper{top:0;left:0}.-sec06 .secBg.-bottom{bottom:0;right:0;-webkit-transform:scale(-1, -1);transform:scale(-1, -1)}@media screen and (min-width: 981px){@-webkit-keyframes backgroundAnime01{0%{background-position:0 0px}100%{background-position:0 -2342px}}@keyframes backgroundAnime01{0%{background-position:0 0px}100%{background-position:0 -2342px}}@-webkit-keyframes backgroundAnime02{0%{background-position:0 0px}100%{background-position:0 2342px}}@keyframes backgroundAnime02{0%{background-position:0 0px}100%{background-position:0 2342px}}}.-sec06 .bgDot{z-index:-1;top:15rem;opacity:.2}@media screen and (max-width: 980px){.-sec06 .bgDot{top:25rem}}.-sec06 .bgDot.bgDot01,.-sec06 .bgDot.bgDot02,.-sec06 .bgDot.bgDot03{left:0;width:36rem}.-sec06 .bgDot.bgDot04,.-sec06 .bgDot.bgDot05,.-sec06 .bgDot.bgDot06{right:0;width:61rem}.-sec06 .bgDot.bgDot03,.-sec06 .bgDot.bgDot06{top:auto;bottom:10rem}.-sec06 .bgDot.bgDot01,.-sec06 .bgDot.bgDot03,.-sec06 .bgDot.bgDot05{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.-sec06 .bgDot.bgDot01 img,.-sec06 .bgDot.bgDot03 img,.-sec06 .bgDot.bgDot05 img{-webkit-animation:paraAnime 10s ease-in-out infinite;animation:paraAnime 10s ease-in-out infinite}.-sec06 .bgDot.bgDot02,.-sec06 .bgDot.bgDot04,.-sec06 .bgDot.bgDot06{-webkit-transition:-webkit-transform 2s;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s, -webkit-transform 2s}.-sec06 .bgDot.bgDot02 img,.-sec06 .bgDot.bgDot04 img,.-sec06 .bgDot.bgDot06 img{-webkit-animation:paraAnime 8s -0.5s ease-in-out infinite;animation:paraAnime 8s -0.5s ease-in-out infinite}.-sec06 .bgDot img{display:block}/*# sourceMappingURL=howtoplay.css.map */