@charset "utf-8";
*{margin:0;padding:0}html{overflow-y:scroll;word-break:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}img{border:0;vertical-align:bottom}address{font-style:normal}body{color:#553700;font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}p,li,dt,dl{line-height:1.6;letter-spacing:.5px}strong{font-weight:bold}em{font-style:normal}a{color:#553700;text-decoration:none;}a:hover{text-decoration:underline}div:after,ul:after,dl:after,li:after,p:after{content:"";display:block;clear:both;visibility:hidden}html{font-size:16px}@media screen and (max-width:640px){html{font-size:12px}}@media screen and (max-width:320px){html{font-size:10px}}#ncommon-ghdr-header,#header .threeds,#footer{display:none}body.page #ncommon-ghdr-header,body.page #header .threeds,body.page #footer{display:block}body [data-lang]{display:none}#all{position:relative;background:url("../img/common/bg/all.jpg");text-align:center;}#all img{width:100%}#header{position:relative;padding:4rem 0 3rem 0;}#header .threeds{position:absolute;right:1rem;top:1rem;width:10rem}#header .title{width:60%;max-width:290px;margin:0 auto 2rem auto}#header .summary{font-size:1.5rem}#header .update{position:absolute;left:1rem;top:1rem;width:6rem;height:6rem;background:url("../img/common/bg/leaf.png") no-repeat;background-size:6rem;font-size:1rem;line-height:1rem;}#header .update [data-lang="ja"]{font-size:1.2rem}#header .update em{display:block;margin:1.7rem 0 .6rem 0;font-size:1.4rem;font-weight:bold}#footer{padding:2rem 0 5rem 0;background:#fff;text-align:center;}#footer li{display:inline-block;}#footer li:first-child{border-right:1px solid #553700}#footer li a{display:block;padding:0 1rem;line-height:1}#ncommon-ghdr-header,#header .threeds,#footer{display:block}.button{display:inline-block;cursor:pointer;}.button a{display:inline-block}.button .button-on{display:none}.button:hover .button-off{display:none}.button:hover .button-on{display:inline}body.ds .movie iframe{display:none}#all{overflow:hidden;background:#fffae6}.wrap{max-width:620px;margin:0 auto;padding:0 10px}.inner{margin:0 auto;padding:0 25px}#footer{display:block;position:relative;padding:20px 0;text-align:center;}#footer #footer-sns{margin-bottom:10px;}#footer #footer-sns li{margin:0 5px;}#footer #footer-sns li:first-child{border-right:none}#footer #footer-sns li a{padding:0}#footer #footer-navi{display:block;margin-bottom:10px;}#footer #footer-navi li{display:block;font-size:12px;}#footer #footer-navi li:first-child{margin-bottom:10px;border-right:none}#footer #copyright{display:inline-block}.movie{display:inline-block;position:relative;width:60%;padding-bottom:36%;background:url("../img/index/pc/common/bg_player.png") no-repeat;background-size:100% auto;}.movie iframe{display:block;position:absolute;top:8.5%;left:5%;width:90%;height:83.5%;z-index:1}.movie .poster{position:absolute;top:0;left:0;right:0;bottom:0;width:89%;margin:auto;z-index:0;}.movie .poster img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.slider .slider-image li{display:none;}.slider .slider-image li:first-child{display:inline-block}.slider .slider-navi{display:none}#mainimage .wrap{position:relative;padding-bottom:60px}#mainimage .threeds{display:block;position:relative;text-align:right;z-index:1;}#mainimage .threeds a{display:inline-block;width:150px}#mainimage h1{display:inline-block;max-width:200px;margin-bottom:20px;padding:0 20px}#mainimage .description{display:inline-block;margin-bottom:30px;padding:0 20px}#mainimage .content{margin-bottom:20px;text-align:center;}#mainimage .content .image{margin:0 2% 0 1%}#mainimage .content .qr{display:inline-block;width:40%;margin:5% 0 0}#mainimage .button{position:relative;width:200px;z-index:1;}#mainimage .button a{display:none}#mainimage .panda{position:absolute;bottom:-5%;right:5px;width:100%;padding-top:28%;background:url("../img/index/sp/main/img_charactor.png") no-repeat right bottom;background-size:contain}.alps-is-guest #mainimage .button .info,.alps-is-loggedin #mainimage .button .download{display:block}#infomation{position:relative;padding:15px 0;background:url("../img/index/sp/infomation/bg.png") repeat-x;background-size:auto 100%;}#infomation .inner .package{float:left;width:22.5%;margin-right:3%}#infomation .inner .detail{float:left;width:74.5%;margin-top:.5%;text-align:left;}#infomation .inner .detail .release{display:inline-block;margin-bottom:2%}#infomation .inner .detail .notation p{display:inline-block;float:left;width:15%}#infomation .inner .detail .notation .download{width:60%;margin-right:2%;margin-top:1%}#description{padding:20px 0;background:#fff;}#description .board{position:relative;margin-bottom:20px;padding:20px 0;border-radius:30px;background:#fff99f;}#description .board .image{margin-bottom:20px;padding:0 40px}#description .board .description{display:inline-block;position:relative;margin-bottom:20px;padding:0 20px;z-index:1}#description .board .charactor{position:relative;}#description .board .charactor img{position:absolute;top:0;left:-2%;width:21.5%}#description .board .info-movie{display:inline-block;padding:0 60px}#description .aside{max-width:454px;margin-bottom:20px;padding:0 30px}#description .button{display:inline-block;padding:0 60px}#contents{padding:20% 0 0;background:#9bdc3c;}#contents .inner{position:relative;border-radius:10px;padding:0 7% 30px;background:#ffffe1;z-index:0;}#contents .inner h2{display:inline-block;position:relative;top:-40px;z-index:1}#contents .inner .description{display:inline-block;margin-top:-30px;padding:0 20px}#decoration{margin-bottom:80px;}#decoration .description{margin-bottom:20px}#decoration .illust{position:relative;margin-bottom:20px;padding-bottom:70%;}#decoration .illust p{position:absolute;width:120%;left:-10%}#decoration .seal{margin-bottom:15%;padding:0 10px;}#decoration .seal .subtitle{display:inline-block;margin-bottom:10px}#decoration .seal .content{position:relative;text-align:right;}#decoration .seal .content .movie{position:absolute;top:40%;right:0;left:0;margin:auto}#decoration .board{padding:20px 0;border-radius:20px;background:#63c7d2;}#decoration .board p{display:inline-block}#decoration .board .soft{margin-bottom:55px}#decoration .board .text{position:relative;margin-bottom:6%;padding:0 8%}#decoration .board .button{width:70%}#decoration .board .badge{position:absolute;top:63.5%;left:11%;width:100%;text-align:left;}#decoration .board .badge img{width:60%}#decoration .board .new:before{display:block;content:'';position:absolute;top:-15%;left:1%;width:22%;margin-left:3px;padding-bottom:23%;background:url("../img/index/sp/decoration/icon_new.png") no-repeat left top;background-size:auto 100%}#enjoy{margin-bottom:10%;}#enjoy .description{margin-bottom:30px}#enjoy .lesson{margin-bottom:30px;}#enjoy .lesson .image{margin-bottom:20px;padding:0 30px}#enjoy .lesson .text{margin-bottom:10px;padding:0 30px}#enjoy .lesson .movie{margin:auto}#enjoy .stepup{margin-bottom:30px;padding:0 10px;}#enjoy .stepup h3{display:inline-block;margin-bottom:20px}#enjoy .stepup p{display:inline-block}#enjoy .board{position:relative;margin-bottom:10px;padding:0 0 20px;border-radius:20px;background:#63c7d2;}#enjoy .board .subtitle{display:inline-block;position:relative;left:-7%;margin-bottom:5%}#enjoy .board .text{padding:0 8%}#enjoy .aside{display:block;width:60%;}#enjoy .aside span{display:inline-block}#pagetop{display:inline-block;padding:0 60px}