main{display:block;width:100%;background:#fff;color:#000}#wrap-step{overflow:hidden}.site_header-container{background:#000 url(../images/LP/header_bg.png) left top repeat-x;position:fixed;width:100%;top:0;left:0;*zoom:1;height:67px;z-index:1000;box-shadow:0 0 15px 0 #000}.site_header-container::after{content:"";display:table;clear:both}.site_header-container .logo{float:left;padding-top:8px}#lp-nav ul{font-size:0;float:right}#lp-nav ul li{display:inline-block;vertical-align:top;font-size:14px;line-height:67px;margin-left:20px}#lp-nav ul li a{color:#fff}#lp-nav ul li a:hover{color:#9841ca}.story{width:1000px;margin:0 auto;box-sizing:border-box;position:relative;*zoom:1}.story::after{content:"";display:table;clear:both}.story .inner{position:relative;*zoom:1}.story .inner::after{content:"";display:table;clear:both}.story header{min-height:66px;margin-bottom:20px;transition:all .25s ease}.story header h1{font-family:"Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝",serif;font-size:36px;font-weight:normal;line-height:66px;letter-spacing:-0.05em;white-space:nowrap;padding-left:75px;position:relative;z-index:2;text-shadow:0 0 15px hsla(0,0%,100%,.75);transition:all .15s ease}.story header h1:before{content:url(../images/LP/lp_mark.png);display:inline-block;vertical-align:top;position:absolute;left:0;top:0;transition:all .25s ease}.story header h1 span{display:block;font-size:18px;line-height:1.25em}.story .text{font-size:16px;line-height:1.5em;background:hsla(0,0%,100%,.25);padding:10px 20px;box-sizing:border-box;border-radius:2px;transition:all .5s linear}.story .text p:last-child{margin-bottom:0}.story p{margin-bottom:1em}.story .btn{width:248px;height:90px;overflow:hidden;white-space:nowrap;box-sizing:border-box;position:relative;top:0;background:#000;transition:all .5s ease}.story .btn:after{content:"aadgadfgagafag";color:#1d1d1d;display:block;position:absolute;left:50px;bottom:0;font-size:45px;font-family:"Times New Roman Regular",serif;line-height:1em}.story .btn:hover{background:#333}.story .btn a{display:block;color:#fff;width:100%;height:100%;line-height:90px;white-space:nowrap;box-sizing:border-box;padding-left:20px;position:relative;z-index:1}.story .btn a:before{content:url(../images/LP/lp_arrow.png);display:inline-block;vertical-align:top;width:12px;height:12px}.story.disable header h1{padding-left:95px;opacity:0}.story.disable header h1:before{left:30px}.story.disable .text{opacity:0}.story.disable .btn{top:30px;opacity:0}#step-01{background:url(../images/LP/lp_bg_1.jpg) center top no-repeat fixed}#step-01 .story{padding-left:295px;height:500px}#step-01 .story header h1{line-height:1.25em}#step-01 .story .text{width:560px;margin-bottom:35px}#step-01 .btn:after{content:"CONCEPT"}#step-02{background:url(../images/LP/lp_bg_2.jpg) center top no-repeat fixed}#step-02 .story{padding-left:40px;padding-right:40px;height:456px}#step-02 .story .text{width:360px;margin-left:178px;margin-bottom:35px}#step-02 .story ol.flow{position:absolute;right:0;top:86px;width:350px;height:500px}#step-02 .story ol.flow li{list-style-type:none;position:absolute;transform:rotate(0deg);top:0;left:0}#step-02 .story ol.flow li:first-child{top:0;left:0;transition:all .5s ease-out}#step-02 .story ol.flow li:nth-child(2){top:90px;left:0;transition:all .55s ease-out}#step-02 .story ol.flow li:nth-child(3){top:180px;left:0;transition:all .6s ease-out}#step-02 .story ol.flow li:nth-child(4){top:270px;left:0;transition:all .65s ease-out}#step-02 .story ol.flow li:nth-child(5){top:360px;left:0;transition:all .7s ease-out}#step-02 .story ol.flow.offff li{transform:rotate(-5deg);opacity:0}#step-02 .story ol.flow.offff li:first-child{top:-50px;left:-30px;opacity:0}#step-02 .story ol.flow.offff li:nth-child(2){top:-50px;left:-25px}#step-02 .story ol.flow.offff li:nth-child(3){top:-50px;left:-20px}#step-02 .story ol.flow.offff li:nth-child(4){top:-50px;left:-15px}#step-02 .story ol.flow.offff li:nth-child(5){top:-50px;left:-10px}#step-02 .btn{margin-left:178px}#step-02 .btn:after{content:"PLAY INFO"}#step-03{background:url(../images/LP/lp_bg_3.jpg) center top no-repeat fixed}#step-03 .story{padding-left:315px;height:500px}#step-03 .story .text{margin-left:78px;margin-bottom:270px}#step-03 .hybrid{position:absolute;top:170px;transition:all .5s linear}#step-03 .hybrid.offff{opacity:0}#step-03 .btn{margin-left:78px}#step-03 .btn:after{content:"OTHER PRICE"}#step-04{background:url(../images/LP/lp_bg_4.jpg) center top no-repeat fixed}#step-04 .story{height:520px}#step-04 .story header{margin-left:165px}#step-04 .story .text{margin-left:400px;width:560px;margin-bottom:75px}#step-04 .photos{position:absolute;top:80px;left:132px;width:500px;height:500px}#step-04 .photos .photo1{position:absolute;top:90px;left:-130px;transition:all .25s ease-out}#step-04 .photos .photo2{position:absolute;top:0px;left:0px;transition:all .45s ease-out}#step-04 .photos .photo3{position:absolute;top:155px;left:100px;transition:all .25s ease-out}#step-04 .photos .photo1.offff{opacity:0;top:140px}#step-04 .photos .photo2.offff{opacity:0;top:50px}#step-04 .photos .photo3.offff{opacity:0;top:205px}#step-04 .btns ul{text-align:right;margin-right:40px;font-size:0}#step-04 .btns ul li{font-size:16px;text-align:left;display:inline-block;vertical-align:top;margin-left:10px}#step-04 .btns .btn:first-child:after{content:"SCHEDULE"}#step-04 .btns .btn:last-child:after{content:"CHECK GIRL"}#step-05{background:url(../images/LP/lp_bg_5.jpg) center top no-repeat fixed}#step-05 .story{padding-left:143px;height:540px}#step-05 .story .text{margin-left:78px;width:630px;margin-bottom:45px}#step-05 .views{position:absolute;top:265px;left:0px;width:560px;height:350px}#step-05 .views .view-pc{position:absolute;top:0px;left:0px;transition:all .25s ease-out}#step-05 .views .view-tb{position:absolute;top:42px;left:280px;transition:all .45s ease-out}#step-05 .views .view-sp{position:absolute;top:125px;left:420px;transition:all .65s ease-out}#step-05 .views .view-pc.offff{opacity:0}#step-05 .views .view-tb.offff{opacity:0;left:190px}#step-05 .views .view-sp.offff{opacity:0;left:350px}#step-05 .btn{float:right;margin-right:142px}#step-05 .btn:after{content:"CHECK MAINPAGE"}#step-06{background:url(../images/LP/lp_bg_6.jpg) center top no-repeat fixed}#step-06 .story{text-align:center;height:430px;width:100%}#step-06 .story header{margin-left:-65px;display:inline-block;vertical-align:top;text-align:center}#step-06 .story .text{background:none;padding:0}#step-06 .story .dummy-bg{background:hsla(0,0%,100%,.25);padding:45px 0;box-sizing:border-box;height:306px;margin-bottom:40px;position:relative;top:0;transition:all .5s ease-out}#step-06 .story .dummy-bg.offff{opacity:0;height:0;top:153px}#step-06 .btns ul{font-size:0}#step-06 .btns ul li{font-size:16px;display:inline-block;vertical-align:top;margin-right:10px;text-align:left}#step-06 .btns ul li:last-child{margin-right:0}#step-06 .btns .btn:first-child:after{content:"AWASENTAI"}#step-06 .btns .btn:nth-child(2):after{content:"WHO I PLAY WITH"}#step-06 .btns .btn:last-child:after{content:"CHECK SYSTEM"}#pagetop{position:fixed;right:40px;bottom:-100px;overflow:hidden;z-index:901;transition:all .25s linear}#pagetop a{display:block;width:60px;height:60px;background:rgba(0,0,0,.75);border-radius:8px;color:#fff;text-align:center;overflow:hidden}#pagetop a img{padding-top:25px}#wrap-step{position:relative;height:1000px;width:100%}.page{width:100%;position:fixed;box-shadow:0 2px 0px rgba(0,0,0,.1);background-color:#fff;margin:0 auto;padding:0;background-attachment:scroll !important;background-size:cover !important;overflow:hidden;box-sizing:border-box}#nav-prl{position:fixed;top:320px;z-index:500;list-style:none;right:20px}#nav-prl li{margin:0 0 15px 0}#nav-prl li a{display:block;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 3px rgba(0,0,0,.25)}#nav-prl li a.current{background:#9841ca}#step-01{position:absolute}a.btn-nextpage{display:block;clear:both;text-align:center;width:100px;margin:30px auto 0}