.wrapper{overflow:hidden;width:100%}.container{overflow:hidden}.header{display:block;width:100%;height:0;padding-bottom:56.25%;position:relative}.header-wrapper{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/bg_header.jpg) 50% 50% no-repeat;background-size:cover;overflow:hidden;padding-top:79px;-webkit-box-sizing:border-box;box-sizing:border-box}.bg-top{width:100vw;height:100vh;background:url(../img/bg_top.jpg) 50% 50% no-repeat;background-size:cover;position:fixed;top:0;left:0;z-index:-5}.logo-wrapper{display:block;position:absolute;top:20%;left:52%}.catch{display:block;width:43.3333333333vw;position:relative;margin:0 auto;z-index:5;opacity:0;-webkit-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 1.4s ease 0s,-webkit-transform 1.4s ease 0s;transition:opacity 1.4s ease 0s,-webkit-transform 1.4s ease 0s;transition:opacity 1.4s ease 0s,transform 1.4s ease 0s;transition:opacity 1.4s ease 0s,transform 1.4s ease 0s,-webkit-transform 1.4s ease 0s}.start .catch{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.logo{display:block;width:32.3958333333vw;position:relative;margin:2% auto 0;z-index:5;opacity:0;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:opacity .8s ease .8s,transform .8s ease .8s;transition:opacity .8s ease .8s,transform .8s ease .8s,-webkit-transform .8s ease .8s}.logo.image{display:block}.start .logo{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.release{display:block;width:29.9479166667vw;position:relative;margin:2% auto 0;z-index:5;opacity:0;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:opacity .8s ease 1.2s,-webkit-transform .8s ease 1.2s;transition:opacity .8s ease 1.2s,-webkit-transform .8s ease 1.2s;transition:opacity .8s ease 1.2s,transform .8s ease 1.2s;transition:opacity .8s ease 1.2s,transform .8s ease 1.2s,-webkit-transform .8s ease 1.2s}.start .release{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.mark{display:block;width:45.6770833333vw;position:absolute;top:-25%;left:-2.5%;z-index:0;opacity:0}.start .mark{-webkit-animation:header-mark-open 2s ease forwards 1.2s;animation:header-mark-open 2s ease forwards 1.2s}.main-visual-div{display:block;width:45%;position:absolute;left:6%;top:calc(79px - 1%)}.main-visual{display:block;width:100%;opacity:0;-webkit-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:opacity .8s ease 2.9s,-webkit-transform .8s ease 2.9s;transition:opacity .8s ease 2.9s,-webkit-transform .8s ease 2.9s;transition:opacity .8s ease 2.9s,transform .8s ease 2.9s;transition:opacity .8s ease 2.9s,transform .8s ease 2.9s,-webkit-transform .8s ease 2.9s}.start .main-visual{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.sub-catch{display:block;width:7%;position:absolute;left:7%;top:calc(79px + 11%);opacity:0;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:opacity .2s ease 3.5s,-webkit-transform .2s ease 3.5s;transition:opacity .2s ease 3.5s,-webkit-transform .2s ease 3.5s;transition:opacity .2s ease 3.5s,transform .2s ease 3.5s;transition:opacity .2s ease 3.5s,transform .2s ease 3.5s,-webkit-transform .2s ease 3.5s}.start .sub-catch{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.reserve-button{position:absolute;bottom:1px;right:20vw;position:fixed;right:0px;bottom:8.5vw;opacity:0;-webkit-transform:translate(80px, 0);transform:translate(80px, 0);-webkit-transition:opacity 1s ease 3.8s,-webkit-transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,-webkit-transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,transform 1s ease 3.8s,-webkit-transform 1s ease 3.8s;z-index:1000}.reserve-button-wrapper{display:inline-block;width:18vw;height:0;padding-bottom:32.9192546584%;background:url(../img/btn_order.png) 0 0 no-repeat;background-size:100% auto;position:relative}.reserve-button-image{display:block;width:100%;height:100%;background:url(../img/btn_order.png) 0 0 no-repeat;background-size:100% auto;background-position:0 100%;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.reserve-button-wrapper:hover .reserve-button-image{opacity:1}.start .reserve-button{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.banner-open,.banner2-open{position:absolute;bottom:15px;right:-10px;opacity:0;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:translate(400px);transform:translate(400px);-webkit-transition:opacity 1s ease 3.8s,-webkit-transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,-webkit-transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,transform 1s ease 3.8s;transition:opacity 1s ease 3.8s,transform 1s ease 3.8s,-webkit-transform 1s ease 3.8s}.banner2-open{right:calc(18vw + 10px);margin-right:6px}.start .banner-open,.start .banner2-open{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.banner-wrapper{display:block}.banner{width:18vw;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease, -webkit-transform .15s ease;background:#b79952;cursor:pointer;position:relative}.banner:not(:first-of-type){margin-top:10px}.banner:hover{-webkit-transform:translate(-20px, 0);transform:translate(-20px, 0)}.banner:hover .banner-image{opacity:.8}.banner-wrapper{border:1px solid #b79952;overflow:hidden}.banner-wrapper:after{content:"";display:block;width:20px;height:100%;background:url(../img/icon_bnr.png) 50% 50% no-repeat,#b79952;position:absolute;right:100%;top:0}.banner-image{width:100%;vertical-align:bottom;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.topics{width:100%;height:600px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.topics:after,.topics:before{content:"";display:block;width:100%;height:27px;background:url(../img/window_frame.png) 50% 50% repeat-x}.topics-wrapper{width:100%;height:100%;background:url(../img/bg_pattern50.jpg) 0 0 repeat;-webkit-box-shadow:0 0 188px 28px rgba(0,0,0,.5) inset;box-shadow:0 0 188px 28px rgba(0,0,0,.5) inset;position:relative;padding:70px 2%;-webkit-box-sizing:border-box;box-sizing:border-box}.topics-list-block{max-width:1280px;height:100%;position:relative;margin:0 auto}.topics-button-prev,.topics-button-next{display:block;width:40px;height:auto;background-image:none;top:38%}.topics-button-prev img,.topics-button-next img{vertical-align:bottom;width:100%}.topics-button-prev{left:0}.topics-button-next{right:0}.topics-pagination{position:relative;margin-top:10px}.swiper-pagination-bullet{width:15px;height:15px;background:gray;margin:0 3px}.swiper-pagination-bullet-active{background:#fc7700}.topics-list-container{width:calc(100% - 120px);height:100%;position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}.topics-list-wrapper{width:100%;height:100%;margin:0 auto;position:relative}.topics-list-item{width:32%;height:100%;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.topics-card{display:block;background:#1b1b1b;border:1px solid #b79952;width:100%;height:100%;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none}.topics-card:hover .topics-card-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.topics-card-image{display:block;width:100%;height:54%;position:relative;background:gray;overflow:hidden}.topics-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;";-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease, -webkit-transform .15s ease}.topics-card-data{display:block;width:100%;height:46%;position:relative;background:url(../img/bg_topics.png) right 70px 50% no-repeat;color:#1b1b1b}.topics-card-date{display:inline-block;background:#b79952;padding:.1em .4em;margin-top:1em;font-size:.7em;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;font-weight:700;z-index:10}.topics-card-text{display:block;width:100%;height:100%;font-size:.8em;color:#fff;padding:3em .9em .9em;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;font-weight:400;text-justify:inter-ideograph;text-align:justify;background:url(../img/bg_topics.png) right -140% top 50% no-repeat;background-size:80% auto;z-index:7}.landing-window{display:block;width:100%;position:relative;margin:150px auto 0}.landing-window-content{display:block;width:100%;height:100%;background:url(../img/bg_pattern20.jpg) 0 0 repeat;position:relative;-webkit-box-shadow:0 0 10px 0 #000,0 0 188px 28px rgba(0,0,0,.5) inset;box-shadow:0 0 10px 0 #000,0 0 188px 28px rgba(0,0,0,.5) inset;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 90px}.landing-window-content:before,.landing-window-content:after{content:"";display:block;width:1674px;height:54px;position:absolute;left:calc(50% - 837px);background:url(../img/window_frame_thin.png) 50% 50% no-repeat;z-index:100}.landing-window-content:before{bottom:calc(100% - 36px)}.landing-window-content:after{top:calc(100% - 36px)}.landing-caption{display:block;width:91.015625%;position:relative;margin:0 auto}.landing-caption img{vertical-align:bottom;width:100%}.landing-caption-wrapper{max-width:1280px;margin:0 auto;position:relative}.landing-story{display:block;max-width:1280px;height:100%;position:relative;margin:0 auto;padding:0 2%;z-index:5}.landing-story-section01,.landing-story-section02,.landing-story-section03{display:block;width:100%;position:relative}.landing-story-section01{margin-top:5%}.landing-story-section02{margin-top:4%}.landing-story-section03{margin-top:8%}.landing-story-text{font-weight:700;color:#fff;font-size:1.1em;z-index:3;text-justify:inter-ideograph;text-align:justify;text-shadow:#000 1px 1px 7px,#000 -1px 1px 7px,#000 1px -1px 7px,#000 -1px -1px 7px;line-height:1.6;position:relative}.landing-story-text__emp{font-size:1.4em;color:#fc7700}.landing-story-text__b{font-size:1.4em}.landing-story-text01{position:absolute;left:0;top:24%}.landing-story-text02{position:absolute;right:0;top:22%}.landing-story-text03{position:absolute;left:0;top:5%}.landing-story-ss01{display:block;width:61.640625%;margin:auto 0 auto auto;opacity:0;-webkit-transform:translate(100px, -30px) rotateY(-30deg) rotateX(-10deg) perspective(1000px);transform:translate(100px, -30px) rotateY(-30deg) rotateX(-10deg) perspective(1000px);-webkit-transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease,-webkit-transform 1.2s ease}.landing-story-ss02{display:block;width:60.703125%;opacity:0;-webkit-transform:translate(-100px, -30px) rotateY(30deg) rotateX(-10deg) perspective(1000px);transform:translate(-100px, -30px) rotateY(30deg) rotateX(-10deg) perspective(1000px);-webkit-transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease,-webkit-transform 1.2s ease}.landing-story-ss03{display:block;width:60.15625%;margin:auto 0 auto auto;opacity:0;-webkit-transform:translate(100px, -30px) rotateY(-30deg) rotateX(-10deg) perspective(1000px);transform:translate(100px, -30px) rotateY(-30deg) rotateX(-10deg) perspective(1000px);-webkit-transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,-webkit-transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease;transition:opacity 1.2s ease,transform 1.2s ease,-webkit-transform 1.2s ease}.landing-story-bg{display:block;width:100%;height:100%;background:url(../img/blood_story.png) 0 0 no-repeat;background-size:100% auto;position:absolute;top:0;left:0}.visible .landing-story-ss01{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.visible .landing-story-ss02{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.visible .landing-story-ss03{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.landing-character{width:100%;margin:80px auto -70px;position:relative}.landing-character-image{display:block;max-width:95%;margin:0 auto;opacity:0;-webkit-filter:blur(30px),grayscale(1);filter:blur(30px),grayscale(1);-webkit-transform:scale(0.4, 0.7);transform:scale(0.4, 0.7);-webkit-transition:opacity .5s ease,-webkit-transform .5s ease,-webkit-filter .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease,-webkit-filter .5s ease;transition:opacity .5s ease,transform .5s ease,filter .5s ease;transition:opacity .5s ease,transform .5s ease,filter .5s ease,-webkit-transform .5s ease,-webkit-filter .5s ease}.landing-character-button-wrapper{position:relative;max-width:1280px;margin:-5% auto 0}.landing-character-button{display:block;width:50%;position:relative;margin:0 auto;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease, -webkit-transform .15s ease}.landing-character-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.landing-character-button:hover .landing-character-button__arrow{-webkit-transform:translate(20px, 0);transform:translate(20px, 0)}.landing-character-button__image{display:block;width:100%}.landing-character-button__arrow{width:11%;position:absolute;right:8%;top:21%;-webkit-transition:-webkit-transform .15s ease;transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease, -webkit-transform .15s ease}.visible .landing-character-image{opacity:1;-webkit-filter:blur(0),grayscale(0);filter:blur(0),grayscale(0);-webkit-transform:scale(1);transform:scale(1)}.landing-system{display:block;max-width:1280px;height:100%;position:relative;margin:0 auto;padding:0 2%;z-index:5}.landing-system-content{width:100%;position:relative}.landing-system-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:70px}.landing-system-section:nth-of-type(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.landing-system-text{-ms-flex-preferred-size:650px;flex-basis:650px;z-index:5}.landing-system-catch{width:100%;font-size:1.7em;font-weight:700;color:#fff;text-shadow:#000 1px 1px 7px,#000 -1px 1px 7px,#000 1px -1px 7px,#000 -1px -1px 7px,#000 10px 10px 4px;position:relative;opacity:0;-webkit-transform:translate(50px);transform:translate(50px);-webkit-transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease}.landing-system-catch b{font-size:1.6em;color:#d22737}.landing-system-section .landing-system-catch:after{content:"";display:block;width:269px;height:190px;background:url(../img/bg_topics.png) 0 0 no-repeat;background-size:cover;position:absolute;top:-15px;left:-129px;right:auto;z-index:-1}.landing-system-section:nth-of-type(2n) .landing-system-catch:after{content:"";display:block;width:269px;height:190px;background:url(../img/bg_topics.png) 0 0 no-repeat;background-size:cover;position:absolute;top:-20px;left:auto;right:-129px;z-index:-1}.landing-system-details{width:100%;display:inline-block;color:#fff;font-weight:400;text-align:justify;text-justify:inter-ideograph;text-shadow:#000 1px 1px 7px,#000 -1px 1px 7px,#000 1px -1px 7px,#000 -1px -1px 7px;margin-top:1em;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transform:translate(50px);transform:translate(50px);-webkit-transition:opacity 1s ease .4s,-webkit-transform 1s ease .4s;transition:opacity 1s ease .4s,-webkit-transform 1s ease .4s;transition:opacity 1s ease .4s,transform 1s ease .4s;transition:opacity 1s ease .4s,transform 1s ease .4s,-webkit-transform 1s ease .4s}.landing-system-details b{color:#fc7700}.landing-system-image{-ms-flex-preferred-size:calc(100% - 670px);flex-basis:calc(100% - 670px);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transform:translate(50px);transform:translate(50px);-webkit-transition:opacity 1s ease 1s,-webkit-transform 1s ease 1s;transition:opacity 1s ease 1s,-webkit-transform 1s ease 1s;transition:opacity 1s ease 1s,transform 1s ease 1s;transition:opacity 1s ease 1s,transform 1s ease 1s,-webkit-transform 1s ease 1s}.landing-system-section.visible .landing-system-details,.landing-system-section.visible .landing-system-catch,.landing-system-section.visible .landing-system-image{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.landing-spec{display:block;width:100%;position:relative;background:url(../img/img_dirt.png) 40% -145px no-repeat,url(../img/bg_paperwhite.jpg) 0 0 repeat;background-size:50% auto,auto;-webkit-box-shadow:0 0 100px 0 #423129 inset;box-shadow:0 0 100px 0 #423129 inset;margin:150px auto 0}.landing-spec:before{content:"";display:block;width:100%;height:27px;background:url(../img/window_frame.png) 50% 50% repeat-x}.landing-spec-content{display:block;max-width:1280px;margin:0 auto;padding:50px 2%;position:relative}.landing-spec-data{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:960px;position:relative;margin:0 auto}.landing-spec-logo{width:45%;position:relative}.landing-spec-logo img{display:block;margin:0 auto;width:80%;-webkit-box-shadow:0 0 10px 0 #000;box-shadow:0 0 10px 0 #000}.landing-spec-table{width:55%;position:relative}.landing-spec-table tr{padding:3%}.landing-spec-table th{width:25%;padding:1% 0}.landing-spec-table td{width:75%;padding:1% 0}.cero-icon{vertical-align:bottom;width:15%}.famitsu-wrapper{display:block;position:absolute;bottom:15px;left:47%}.famitsu-div{display:block;width:13.0208333333vw;position:relative;margin:2% auto 0;z-index:5;opacity:0;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:opacity .8s ease .8s,-webkit-transform .8s ease .8s;transition:opacity .8s ease .8s,transform .8s ease .8s;transition:opacity .8s ease .8s,transform .8s ease .8s,-webkit-transform .8s ease .8s;-webkit-transition-delay:3000ms;transition-delay:3000ms}.famitsu-div .famitsu{display:block;width:100%}.famitsu-div.pop{background:none}.start .famitsu-div{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}