@charset "UTF-8";
/*!
Theme Name: z4
Author: ysakurai(original:Wapon)
Description: 絶体絶命都市4Plusの公式サイトテーマです。
*/
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;line-height:1;word-break:break-all}abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:none;font-size:100%;font-weight:400;font-style:normal;vertical-align:baseline;background:0 0}img{max-width:100%;height:auto;vertical-align:bottom}address,article,aside,canvas,details,div,figcaption,figure,footer,header,hr,iframe,menu,nav,section,textarea{display:block;line-height:1}iframe{max-width:100%!important}a,label{cursor:pointer}blockquote{padding:0;margin:0;display:block}address,em{font-style:normal}hr{border:0;margin:0;padding:0}li,ol,ul{list-style:none}textarea{resize:vertical;overflow:hidden;-webkit-appearance:none;border:none}button,input,select{vertical-align:middle;border-radius:0;border:none;background:0 0;margin:0;padding:0;cursor:pointer;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}:after,:before{padding:0;margin:0;line-height:1}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;height:100%;min-height:100%}body{color:#000;font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",sans-serif;font-size:13px;font-size:1.3rem;height:100%;line-height:1}a{color:#e4222b}p{line-height:1.5;margin-bottom:1em;word-break:break-word;word-wrap:break-word}p:last-child{margin-bottom:0}.l-container{height:auto!important;height:100%;min-height:100%;overflow:hidden;position:relative;width:100%;min-width:320px}.loading{background:url(img/loading-bg.jpg) no-repeat top center #fff;background-size:cover;position:fixed;bottom:0;left:0;right:0;top:0;z-index:9999}.loading-inner{text-align:center;position:absolute;bottom:auto;left:50%;right:auto;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.loading-anime{margin-bottom:8px}.bg{background:url(img/bg-sp_01.jpg) no-repeat center top;background-size:cover;height:100%;height:100vh;overflow:hidden;position:fixed;left:0;top:0;width:100%;z-index:-1}.bg.no-tone .bg-overlay{background:0 0}.bg-movie{display:none;height:100%;width:100%}.bg-overlay{background:url(img/bg-dotted.png) repeat;height:100%;position:fixed;left:0;top:0;width:100%}.l-header{position:fixed;left:0;top:0;width:100%;z-index:999}.l-header-top{background-color:#000;padding:0 16px;position:relative;z-index:999}.l-header-bottom{padding:8px;position:relative;text-align:right}.l-header-lang-button{background-color:#ffdc1b;border-radius:3px;color:#000;display:none;font-weight:700;height:30px;line-height:30px;padding:0 8px;text-align:center;text-decoration:none;vertical-align:top}.l-header-lang-button:hover{background-color:#fff}.l-header-logo{float:left;padding:10px 0}.l-header-platformlogo{display:none}.l-header-buy-button{position:absolute;left:8px;top:0}.l-header-nav{background-color:#000;display:none;overflow-y:auto;position:fixed;bottom:0;left:0;top:56px;width:100%}.l-header-nav.active{display:block}.l-header-nav-button{float:right;padding:10.5px 0}.l-header-nav-item{display:block;font-size:15px;font-size:1.5rem;font-weight:700;letter-spacing:.05em;line-height:32px;padding:8px 0;text-align:center;width:100%}.l-header-nav-inner{color:#fff;cursor:pointer;text-decoration:none}.l-header-nav-inner>img{display:none}.l-header-nav-inner>span{font-weight:700}.l-header-subnav-box{background-color:#09734d;display:none;margin-top:8px}.l-header-subnav-box .l-header-nav-item:before{background-color:#00d280;content:"";display:inline-block;height:10px;width:10px}.l-header-subnav>.l-header-nav-inner{display:block;position:relative}.l-header-subnav>.l-header-nav-inner:after{background:url(img/menu/icon_arrow_nomal_01.png) no-repeat;background-size:contain;content:"";display:block;height:9px;margin:auto;position:absolute;bottom:-3px;left:-2px;right:0;-webkit-transition:background .2s;transition:background .2s;width:12px}.l-header-subnav:hover>.l-header-nav-inner:after{background:url(img/menu/icon_arrow_light_01.png) no-repeat;background-size:contain}.l-header-subnav:hover .l-header-subnav-box{display:block}.l-contents{padding-bottom:183px;padding-top:140px;position:relative}.l-footer{background:url(img/bg-black.jpg) repeat;color:#fff;padding:20px 10px;position:absolute;bottom:0;text-align:center;width:100%}.l-footer-logo{display:block;margin:0 auto 10px;text-decoration:none}.l-footer-copy{display:block;margin:0 auto 20px}.l-footer-sns{margin-top:10px}.l-article{background:url(img/bg-black.jpg);margin:0 auto 40px;padding:8px;width:95%;max-width:1024px}.l-article-inner{background:url(img/bg-box_02.jpg);padding:16px}.l-article.no-backimage{background:0 0}.l-article.no-backimage .l-article-inner{background:0 0}.l-sec{width:100%}.l-sec-inner{margin:auto;width:95%;max-width:1024px}.l-sec-heading{color:#fff;font-size:24px;font-size:2.4rem;font-weight:700;margin-bottom:32px;text-align:center;text-shadow:0 0 8px #000}.t-white{color:#fff;font-weight:inherit}.t-black{color:#000;font-weight:inherit}.t-darkgray{color:#555;font-weight:inherit}.t-gray{color:#bfbfbf;font-weight:inherit}.t-deeppink{color:#d52554;font-weight:inherit}.t-pink{color:#ff2481;font-weight:inherit}.t-deepgreen{color:#038c73;font-weight:inherit}.t-blue{color:#00baff;font-weight:inherit}.t-red{color:#e4222b;font-weight:inherit}.t-big{display:inline-block;font-size:1.2em;font-weight:inherit}.t-small{display:inline-block;font-size:.8em;font-weight:inherit}.t-em{display:inline-block;font-weight:700}.t-strong{display:inline-block;font-size:1.2em;font-weight:700}.t-sup{display:inline-block;font-size:.6em;vertical-align:super}.t-sub{display:inline-block;font-size:.6em;vertical-align:sub}.heading-primary{border-bottom:solid 2px currentColor;color:#038c73;font-size:18px;font-size:1.8rem;font-weight:700;line-height:1.5;margin-bottom:24px}.heading-primary:before{background-color:currentColor;content:"";display:inline-block;height:.8em;margin-right:8px;width:.8em}.heading-general{color:#038c73;font-size:16px;font-size:1.6rem;font-weight:700;line-height:1.2;margin-bottom:8px}.heading .block{display:inline-block;font-weight:inherit}.button{display:inline-block;line-height:1.5;padding:4px 8px;position:relative;text-align:center;text-decoration:none;vertical-align:top}.button:hover{text-decoration:none}.button a,.button a:hover{color:currentColor;display:block;text-decoration:none}.button-icon-l{margin-right:8px;position:relative;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.button-icon-r{margin-left:8px;position:relative;bottom:auto;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.button-primary{background-color:#038c73;color:#fff;font-weight:700}.button-general{background-color:#555;color:#fff}.button-submit{background-color:#038c73;border:solid 2px #85eea4;color:#fff;-webkit-box-shadow:1px 1px 5px #555;box-shadow:1px 1px 5px #555;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}.button-submit:hover{-webkit-box-shadow:none;box-shadow:none}.button-submit:focus{-webkit-box-shadow:none;box-shadow:none}.button-back{background-color:#fff;border:solid 2px #85eea4;color:#038c73;-webkit-box-shadow:1px 1px 5px #555;box-shadow:1px 1px 5px #555;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}.button-back:hover{-webkit-box-shadow:none;box-shadow:none}.button-back:focus{-webkit-box-shadow:none;box-shadow:none}.button-ps4{background-color:#0068bf;color:#fff;font-weight:700}.button-ps4:hover{background-color:#0084f2}.button-ns{background-color:#e60012;color:#fff;font-weight:700}.button-ns:hover{background-color:#ff1a2c}.button-pagetop{background-color:#038c73;color:#fff;cursor:pointer;display:none;height:48px;position:relative;right:0;-webkit-transition:background-color .2s;transition:background-color .2s;width:48px}.button-pagetop:hover{background-color:#00c5a1}.button-pagetop>img{position:absolute;left:45%;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg)}.button.size-s{font-size:13px;font-size:1.3rem;padding:8px}.button.size-m{font-size:16px;font-size:1.6rem;padding:8px 16px}.button.size-l{font-size:18px;font-size:1.8rem;padding:16px}.button.wide-s{width:200px}.button.wide-m{width:50%}.button.wide-l{width:100%}.button.r-square{border-radius:0}.button.r-round{border-radius:8px}.button.r-circle{border-radius:50px}.tag{display:inline-block;line-height:1.2;text-align:center;vertical-align:top}.tag.size-s{font-size:13px;font-size:1.3rem;padding:4px 6px 2px}.tag.size-m{font-size:14px;font-size:1.4rem;padding:6px 8px 4px}.tag.size-l{font-size:14px;font-size:1.4rem;padding:8px 10px 6px}.tag.r-square{border-radius:0}.tag.r-round{border-radius:3px}.tag.r-circle{border-radius:50px}.tag-primary{background-color:#d52554;color:#fff}.tag-general{background-color:#555;color:#fff}.tag-required{background-color:#b60000;color:#fff}.tag-platform{background-color:#fff;border:solid 1px #bfbfbf;font-weight:700}.list-square{padding-left:2em}.list-square>li{line-height:1.5;list-style-type:square;margin-bottom:.5em}.list-square>li:last-child{margin-bottom:0}.list-decimal{padding-left:2em}.list-decimal>li{line-height:1.5;list-style-type:decimal;margin-bottom:.5em}.list-decimal>li:last-child{margin-bottom:0}.list-dots{padding-left:2em}.list-dots>li{line-height:1.5;list-style-type:disc;margin-bottom:.5em}.list-dots>li:last-child{margin-bottom:0}.list-bracket{padding-left:2em}.list-bracket>li{counter-increment:count_bracket;line-height:1.5;margin-bottom:.5em;text-indent:-1.8em}.list-bracket>li:last-child{margin-bottom:0}.list-bracket>li:before{display:marker;content:counter(count_bracket) " ) "}.list-table-item{background-color:#fff;border:solid 2px #038c73;border-top:none;list-style:none}.list-table-item:first-child{border-top:solid 2px #038c73}.list-table-heading{background-color:#00c5a1;color:#fff;line-height:1.5;padding:4px}.list-table-subheading{background-color:#038c73;color:#fff;line-height:1.5;padding:4px}.list-table-body{padding:4px}.list-table-body>p{margin-bottom:.6em}.list-faq-q{background:url(img/icon-question_02.png) no-repeat 16px 12.5px;background-size:15px 26px;min-height:42px;line-height:1.5;padding:16px 16px 0 40px}.list-faq-a{background:url(img/icon-answer_02.png) no-repeat 16px 12.5px;background-size:15px 26px;min-height:42px;line-height:1.5;padding:16px 16px 16px 40px}.tbl{border-collapse:collapse;line-height:1.2;margin:auto;width:95%}.tbl-th{background-color:#00c5a1;border:2px solid #038c73;color:#fff;padding:8px;text-align:left}.tbl-th:nth-child(odd){background-color:#038c73}.tbl-th-sub{background-color:#555;border:2px solid #038c73;color:#fff;padding:8px}.tbl-td{background-color:#fff;border:2px solid #038c73;padding:8px}.input{font-size:16px;font-size:1.6rem;line-height:1.5}.input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.input-checkbox+label{display:inline-block;min-height:20px;line-height:1.5;margin-bottom:1.2em;margin-right:1.2em;outline:0;position:relative;padding-left:24px}.input-checkbox+label:before{background-color:#fff;border:solid 1px #bfbfbf;border-radius:3px;content:"";display:block;height:18px;display:block;position:absolute;left:0;top:0;width:18px}.input-checkbox:focus+label:before{border-color:#00c5a1;border-width:2px;left:-1px;top:-1px}.input-checkbox:checked+label:before{border-color:#00c5a1}.input-checkbox:checked+label:after{border:solid 2px transparent;border-right-color:#00c5a1;border-bottom-color:#00c5a1;border-radius:3px;content:"";display:block;height:10px;display:block;position:absolute;left:5px;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.input-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.input-radio+label{display:inline-block;min-height:20px;line-height:1.5;margin-bottom:1.2em;margin-right:1.2em;outline:0;position:relative;padding-left:24px}.input-radio+label:before{background-color:#fff;border:solid 1px #bfbfbf;border-radius:50%;content:"";display:block;height:18px;display:block;position:absolute;left:0;top:0;width:18px}.input-radio:focus+label:before{border-color:#00c5a1;border-width:2px;left:-1px;top:-1px}.input-radio:checked+label:before{border-color:#00c5a1}.input-radio:checked+label:after{background-color:#00c5a1;border-radius:50%;content:"";display:block;height:10px;display:block;position:absolute;left:5px;top:5px;width:10px}.input-radio:disabled+label{pointer-events:none}.input-radio:disabled+label:before{background-color:#bfbfbf}.input-text{background-color:#fff;border:solid 1px #bfbfbf;border-radius:3px;display:block;height:1.5em;padding:4px .5em}.input-text:placeholder-shown{color:#bfbfbf}.input-text::-webkit-input-placeholder{color:#bfbfbf}.input-text:-moz-placeholder{color:#bfbfbf}.input-text:-ms-input-placeholder{color:#bfbfbf}.input-textarea{background-color:#fff;border:solid 1px #bfbfbf;border-radius:3px;display:block;line-height:1.2;padding:.5em}.input-textarea:placeholder-shown{color:#bfbfbf}.input-textarea::-webkit-input-placeholder{color:#bfbfbf}.input-textarea:-moz-placeholder{color:#bfbfbf}.input-textarea:-ms-input-placeholder{color:#bfbfbf}.input-select-wrap{border:solid 1px #bfbfbf;border-radius:3px;display:inline-block;position:relative}.input-select-wrap:after{background-color:#fff;color:#00c5a1;content:"▼";display:block;line-height:1.8;pointer-events:none;position:absolute;bottom:1px;right:1px;top:1px;text-align:center;width:30px}.input-select{background-color:#fff;font-size:14px;font-size:1.4rem;display:block;line-height:1.5;padding:.2em .5em}.input.wide-xs{width:120px}.input.wide-s{width:200px}.input.wide-m{width:300px}.input.wide-l{width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex .flex-col{padding:8px}.flex .col-12{width:100%}.flex .col-10{width:83.33%}.flex .col-9{width:75%}.flex .col-8{width:66.66%}.flex .col-6{width:50%}.flex .col-4{width:33.33%}.flex .col-3{width:25%}.flex .col-2{width:16.66%}.flex .col-1{width:8.33%}.flex-reset-l [class*=col-],.flex-reset-m [class*=col-],.flex-reset-s [class*=col-]{width:100%}.more-box{display:none}.more-button{background-size:contain}.more-button.is-active>img{opacity:0}.more-txtbutton{cursor:pointer}.more-txtbutton span:first-child{display:inline-block}.more-txtbutton span:last-child{display:none}.more-txtbutton.is-active span:first-child{display:none}.more-txtbutton.is-active span:last-child{display:inline-block}.pager{margin:24px auto}.pager ul{font-size:0;text-align:center}.pager li{display:inline-block;font-size:16px;font-size:1.6rem;line-height:1.2;margin:4px;text-align:center}.pager a,.pager span{background-color:#555;color:#fff;display:block;padding:4px;text-decoration:none;width:27.2px}.pager a:hover{background-color:#bfbfbf}.pager .dots{background-color:transparent;color:#000}.pager .current{background-color:#038c73}.top-sec{padding:128px 0 40px}.hero{margin-bottom:128px}.hero-main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 80px;width:95%}.hero-main-col{width:100%}.hero-title{margin-bottom:72px;text-align:center}.hero-title-inner{margin:0 auto 32px}.hero-title-text{display:inline-block;margin:16px 24px;max-width:492px}.hero-platformlogo{text-align:center}.hero-platformlogo img{margin:0 8px 16px}.hero-update-block:first-child{margin-bottom:32px}.hero-update-head{border-bottom:solid 4px #bfbfbf;color:#fff;font-size:18px;font-size:1.8rem;font-weight:700;line-height:1.5;margin-bottom:16px;padding-bottom:4px}.hero-update-head.ns{border-color:#e60012}.hero-update-head.ps4{border-color:#0068bf}.hero-update-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-update-banner>li{padding:0 4px;width:50%;max-width:308px}.hero-manual{background-color:rgba(0,0,0,.6);padding:16px 16px;text-align:center}.hero-manual-inner{margin:auto;max-width:552px}.intro{margin-bottom:128px}.intro-keyvisual-container{position:relative}.intro-keyvisual{margin-bottom:40px;position:relative;text-align:center}.intro-keyvisual-text>img{margin:auto}.intro-menu{margin:0 auto 24px;max-width:456px}.intro-menu-button{margin-bottom:16px;text-align:center}.intro-menu-button:last-child{margin-bottom:0}.intro-trailer{margin:0 auto 24px;text-align:center;width:90%}.intro-catchcopy{margin-bottom:32px;text-align:center}.intro-catchcopy img{margin:auto}.intro-banner{margin-bottom:16px;text-align:center}.story-text>img{margin:auto}.slider-arrows{height:21px;margin-bottom:24px;position:relative;text-align:center}.slider-arrows .slick-arrow-next,.slider-arrows .slick-arrow-prev{display:inline-block;margin:0 5px;position:static}.about-box{position:relative;background:url(img/about/window_paper_01.png) no-repeat center center;background-size:auto 100%;margin:auto;position:relative;max-width:896px}.about-box-inner{margin:auto;padding:120px 16px;width:90%}.about-heading{margin-bottom:16px;text-align:center}.about-heading>img{width:194px}.top-dlc-area{background-color:rgba(0,0,0,.7);border:solid 3px #038c73;color:#fff;margin:auto;padding:16px;max-width:800px}.top-dlc-message{margin-bottom:16px;text-align:center}.top-dlc-message>p{display:inline-block;vertical-align:middle}.top-dlc-image{text-align:center}.app-area{background-color:rgba(0,0,0,.7);border:solid 3px #038c73;color:#fff;margin:auto;padding:16px;max-width:800px}.app-image{margin-bottom:16px}.app-info{padding:8px}.app-link{margin-bottom:16px}.app-link-item{padding:8px}.app-link-item:first-child{text-align:right}.app-link-item:last-child{text-align:left}.character-slider{margin:auto}.character .main-slider{background:url(img/character/img_characters_chara_all_BACK.png) no-repeat center top;background-size:contain;margin-bottom:24px;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.character .main-slider>li{outline:0;position:relative;vertical-align:top}.character .main-slider img{outline:0}.character .main-slider.slick-initialized{opacity:1}.character .sub-slider{margin-top:-72px;padding:0 70px;position:relative}.character .sub-slider-item{background-repeat:no-repeat;background-size:contain;cursor:pointer}.character .sub-slider .slick-slide{margin:0 4px}.character .sub-slider .slick-current img{opacity:0}.character .slider-nav-list{font-size:0;padding:0 8%;text-align:center}.character .slider-nav-list>li{display:inline-block;padding:0 4px 8px;vertical-align:top;width:33.33%;width:25%}.character .slider-nav-list>li.slick-active img{opacity:0}.character .slider-nav-item{background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .2s;transition:opacity .2s}.character-text{font-size:16px;font-size:1.6rem;font-weight:700;letter-spacing:.1em;line-height:1.3;margin:-8% auto 0;padding:0 8%;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;opacity:0}.character .slick-current .character-text{opacity:1;-webkit-transition:opacity 1s ease-in-out .5s;transition:opacity 1s ease-in-out .5s}.newfaq-list-container{background:url(img/bg-black.jpg);padding:8px}.newfaq-list-container .list-faq{background:url(img/bg-box_01.jpg)}.newfaq-list-container .list-faq-a{border-bottom:solid 1px #000}.screenshots-slider{margin:auto}.screenshots .main-slider{margin-bottom:24px}.screenshots .main-slider>li{vertical-align:top}.screenshots .main-slider .slick-slide img{border:solid 4px #038c73}.screenshots .sub-slider{padding:0 70px;position:relative}.screenshots .sub-slider .slick-slide{margin:0 4px}.screenshots .sub-slider .slick-slide img{border:solid 1px #fff;cursor:pointer}.screenshots .sub-slider .slick-current img{border:solid 1px #02ffd1}.screenshots .slider-nav-list{font-size:0;padding:0 8%;text-align:center}.screenshots .slider-nav-list>li{display:inline-block;padding:0 4px 8px;vertical-align:top;width:33.33%}.screenshots .slider-nav-list>li.slick-active img{border:solid 1px #02ffd1}.screenshots .slider-nav-list img{border:solid 1px #fff}.song-text{color:#fff;text-align:center}.song-text>img{height:32px;width:auto}.song-link{margin:auto;position:relative;max-width:600px}.song-link-button{display:inline-block;position:absolute;bottom:0;left:3%;width:60%}.spec-data-container{background-color:#f2f2f2;border:solid 8px #000;margin:auto;padding:8px 16px;position:relative}.spec-data{border-collapse:collapse;width:100%}.spec-data-head{background-color:#038c73;border-bottom:solid 1px #555;color:#fff;padding:8px 8px}.spec-data-body{border:solid 1px #555;border-bottom:none;display:block;line-height:1.5;padding:0;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word}.spec-data-body:last-child{border-bottom:solid 1px #555;margin-bottom:40px}.spec-data-body:before{background-color:#038c73;color:#fff;content:attr(data-label);display:block;padding:8px 16px}.spec-data-body-inner{display:block;padding:8px 16px}.special-heading{margin-bottom:16px;text-align:center}.special-text{color:#fff;padding:0 5%}.special-list{margin-bottom:32px}.special-list-item{margin-bottom:8px;max-width:300px}.special-list-inner{background:url(img/special/window_store_special_01.png) no-repeat;background-size:cover;height:530px;padding:62px 20px 0 30px;position:relative}.special-list h4{color:#fff;font-size:14px;font-size:1.4rem;height:50.4px;line-height:1.2;margin-bottom:16px;text-align:center}.special-list-link{margin-top:8px}.special-list-link a{background-color:rgba(3,140,115,.7);border:solid 2px #038c73;color:#fff;display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;font-size:1.2rem;margin-right:2px;padding:10px 0;text-align:center;text-decoration:none}.special-list-link a:hover{background-color:rgba(5,215,177,.7);border-color:#4fffdf;color:#fff}.special-list-link a:last-child{margin-right:0}.special-list-item.horizontal{background:url(img/special/window_store_special_02.png) no-repeat;background-size:contain;margin:auto;position:relative;width:90%;max-width:790px}.special-list-item.horizontal:after{content:"";display:block;padding-top:71.0369%}.special-list-item.horizontal .special-list-inner{background:0 0;height:auto;padding:6% 21% 0 22%;position:absolute;top:0}.trailer-list-item{padding:8px 8px 24px}.trailer-list-heading{color:#fff;font-size:16px;font-size:1.6rem;font-weight:700;line-height:1.5;margin-bottom:16px;text-align:center}.trailer-list-heading:after{background:url(img/line_green_01.png) no-repeat top center;background-size:90% auto;content:"";display:block;height:4px;width:100%}.trailer-list-heading>img{vertical-align:middle}.page-title{color:#fff;font-family:"Noto Sans TC",sans-serif;font-size:28px;font-size:2.8rem;margin:0 auto 24px;text-align:center;text-shadow:0 0 10px #000;width:90%;max-width:1024px}.page-head{margin-bottom:32px}.page-head-text{font-weight:700}.page-wrap{margin:auto;width:95%;max-width:1024px}.page-label{background-color:#000;padding:8px}.page-label:before{background-color:#e4222b;content:"";display:inline-block;height:20px;margin-right:4px;vertical-align:bottom;width:3px}.page-label>span{color:#fff;font-size:13px;font-size:1.3rem;font-weight:700;height:20px;line-height:20px}.page-label>img{display:none}.page-block{background:url(img/bg-black.jpg);margin:auto;padding:8px}.page-block-inner{background:url(img/bg-box_02.jpg);padding:16px}.sortform{margin-bottom:40px;text-align:right}.sortform-field{margin-bottom:16px}.sortform-field label{display:block;margin-bottom:4px;font-weight:700}.tab{border-bottom:solid 2px #555;margin-bottom:40px;padding:16px 16px 0;text-align:center}.tab-button{background-color:#d8d8d8;border-radius:8px 8px 0 0;color:#555;display:inline-block;font-size:15px;font-size:1.5rem;font-weight:700;height:42px;line-height:42px;margin:0 4px;text-align:center;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;width:100px}.tab-button:hover{background-color:#bfbfbf}.tab-button.is-current{background-color:#555;color:#fff;pointer-events:none;position:relative}.topics{margin-bottom:40px}.topics-list{background:url(img/bg-box_01.jpg)}.topics-list.no-backimage{background:0 0}.topics-list-container{background:url(img/bg-black.jpg);padding:8px}.topics-list-head{padding:16px 16px 8px}.topics-list-head .tag{margin-left:8px;vertical-align:middle}.topics-list-body{border-bottom:solid 1px #000;padding:8px 16px 16px}.topics-category{margin-bottom:32px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.topics-category-item{background-color:#bfbfbf;border:solid 1px #555;border-radius:3px;color:#555;font-size:11px;font-size:1.1rem;font-weight:700;line-height:1.5;margin:0 .66% 1%;padding:4px;width:32%}.topics-category-item:hover:after{width:100%}.topics-category-item a{display:block;color:#fff;text-decoration:none}.topics-category .is-current{background-color:currentColor}.topics-category .is-current a{pointer-events:none}.twitter{padding-top:128px}.update-leadtext{font-size:14px;font-size:1.4rem;margin-bottom:40px}.update-date{display:block;font-size:14px;font-size:1.4rem;font-weight:700;text-align:right}.update-index-item{background-color:#fff;border-radius:3px;margin-bottom:16px;padding:8px}.update-index-item:hover{background-color:#dcf7ea}.update-index-item:first-child{-webkit-box-shadow:0 2px 5px #555;box-shadow:0 2px 5px #555;margin-bottom:32px}.update-index-item a{color:currentColor;display:block;text-decoration:none}.update-index-item .heading-primary{margin-bottom:8px}.update-list-heading{color:#09734d;font-size:16px;font-size:1.6rem;font-weight:700;line-height:1.2;margin-bottom:5px}.update-list-body{font-size:14px;font-size:1.4rem;line-height:1.5;margin-bottom:30px}.dlc .l-article-inner{padding-left:0;padding-right:0}.dlc-menu{margin-bottom:40px;text-align:center}.dlc-menu-item{margin:0 4px 8px}.dlc-category{margin-bottom:32px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dlc-category-item{background-color:#eceae6;border:solid 1px #bfbfbf;border-radius:5px;-webkit-box-shadow:0 0 6px #555;box-shadow:0 0 6px #555;font-family:"Noto Sans TC",sans-serif;margin:8px;position:relative;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s;min-width:146px}.dlc-category-item:hover{-webkit-box-shadow:0 0 2px #555;box-shadow:0 0 2px #555}.dlc-category-item.is-current{-webkit-box-shadow:0 0 2px #555;box-shadow:0 0 2px #555;pointer-events:none}.dlc-category-item.is-current:after{background-color:currentColor;border-radius:5px;content:"";display:block;opacity:.1;pointer-events:none;position:absolute;bottom:0;left:0;right:0;top:0}.dlc-category-item a{color:currentColor;display:block;font-size:14px;font-size:1.4rem;padding:8px 16px;text-decoration:none;text-shadow:#fff 1px 0 0,#fff -1px 0 0,#fff 0 -1px 0,#fff 0 1px 0,#fff 1px 1px 0,#fff -1px 1px 0,#fff 1px -1px 0,#fff -1px -1px 0,#fff .5px 1px 0,#fff -.5px 1px 0,#fff .5px -1px 0,#fff -.5px -1px 0,#fff 1px .5px 0,#fff -1px .5px 0,#fff 1px -.5px 0,#fff -1px -.5px 0}.dlc-list{margin:8px auto}.dlc-list-item{background-color:rgba(255,255,255,.7);margin-bottom:16px;padding:16px}.dlc-list-icon{margin-bottom:24px;text-align:center}.dlc-link{margin-top:8px}.dlc-date{color:#038c73;line-height:1.5;margin-bottom:8px}.dlc-date .tag{margin-left:4px;vertical-align:middle}.dlc-name{color:#038c73;font-size:18px;font-size:1.8rem;font-weight:700;line-height:1.5;margin-bottom:4px}.dlc-price{color:#00c5a1;font-size:15px;font-size:1.5rem;font-weight:700;line-height:1.2}.dlc-description{border-top:solid 2px #038c73;margin-top:8px;padding:16px 8px}.dlc-platform{border-bottom:solid 2px #555;margin-bottom:40px;padding:16px 16px 0;text-align:center}.dlc-platform-button{background-color:#d8d8d8;border-radius:8px 8px 0 0;color:#555;display:inline-block;font-size:15px;font-size:1.5rem;font-weight:700;height:42px;line-height:42px;margin:0 4px;text-align:center;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;width:100px}.dlc-platform-button:hover{background-color:#bfbfbf}.dlc-platform-button.is-current{background-color:#555;color:#fff;pointer-events:none;position:relative}.event-area{margin-bottom:40px}.event-area:last-child{margin-bottom:0}.event-mainvisual{margin-bottom:16px}.event-textbox{background-color:rgba(0,0,0,.5);color:#fff;margin-bottom:24px;padding:16px}.event-textbox:last-child{margin-bottom:0}.event-list{line-height:1.5;overflow-y:auto;padding:15px}.event-list dt{margin-bottom:4px}.event-list dd{border-bottom:solid 1px #555;margin-bottom:16px;padding-bottom:16px}.event-list dd:last-child{border-bottom:0}.event-theme .event-area{background-color:rgba(0,0,0,.6);padding:8px}.event-theme.blue .event-area{border:solid 3px #1192ff}.event-theme.green .event-area{border:solid 3px #038c73}.event-theme.red .event-area{border:solid 3px #e4222b}.goods-heading{margin-bottom:32px;text-align:center}.goods-text{font-size:14px;font-size:1.4rem;font-weight:700}.goods-list{margin:auto}.series-block-top{margin:0 auto 32px;max-width:540px}.series-block-bottom{position:relative}.series-title{margin-bottom:16px}.series-screenshot-item{padding:2px}.series-screenshot-item>a{display:block}.series-cero-item{display:inline-block;vertical-align:middle}.series-store-buttons{text-align:center}.series-store-buttons>.button{margin:8px 4px}.oldfaq .list-faq-q{background:url(img/icon-question_01.png) no-repeat 16px 12.5px;background-size:15px 26px}.oldfaq .list-faq-a{background:url(img/icon-answer_01.png) no-repeat 16px 12.5px;background-size:15px 26px;border-bottom:solid 1px #000}.oldfaq .list-faq-a:last-child{border-bottom:0}.is-nav-active .l-header-nav{display:block}.disp-only-pc{display:none}.toggle-image{background-position:center center;background-repeat:no-repeat;background-size:cover;display:inline-block}.toggle-image>img{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.toggle-image:hover>img{opacity:1}.toggle-image-overlay{display:inline-block;position:relative}.toggle-image-overlay .layer{opacity:0;position:absolute;left:0;top:0;-webkit-transition:opacity .2s;transition:opacity .2s}.toggle-image-overlay:hover .layer{opacity:1}.toggle-image-opacity{background-color:#038c73;display:inline-block}.toggle-image-opacity img{-webkit-transition:opacity .2s;transition:opacity .2s}.toggle-image-opacity:hover>img{opacity:.8}.u-left{text-align:left}.u-right{text-align:right}.u-center{text-align:center}.clearfix{*zoom:1}.clearfix:after{content:"";display:block;clear:both}.u-mt0{margin-top:0}.u-mr0{margin-right:0}.u-mb0{margin-bottom:0}.u-ml0{margin-left:0}.u-mt5{margin-top:5px}.u-mr5{margin-right:5px}.u-mb5{margin-bottom:5px}.u-ml5{margin-left:5px}.u-mt10{margin-top:10px}.u-mr10{margin-right:10px}.u-mb10{margin-bottom:10px}.u-ml10{margin-left:10px}.u-mt15{margin-top:15px}.u-mr15{margin-right:15px}.u-mb15{margin-bottom:15px}.u-ml15{margin-left:15px}.u-mt20{margin-top:20px}.u-mr20{margin-right:20px}.u-mb20{margin-bottom:20px}.u-ml20{margin-left:20px}.u-mt25{margin-top:25px}.u-mr25{margin-right:25px}.u-mb25{margin-bottom:25px}.u-ml25{margin-left:25px}.u-mt30{margin-top:30px}.u-mr30{margin-right:30px}.u-mb30{margin-bottom:30px}.u-ml30{margin-left:30px}.u-mt35{margin-top:35px}.u-mr35{margin-right:35px}.u-mb35{margin-bottom:35px}.u-ml35{margin-left:35px}.u-mt40{margin-top:40px}.u-mr40{margin-right:40px}.u-mb40{margin-bottom:40px}.u-ml40{margin-left:40px}.u-mt45{margin-top:45px}.u-mr45{margin-right:45px}.u-mb45{margin-bottom:45px}.u-ml45{margin-left:45px}.u-mt50{margin-top:50px}.u-mr50{margin-right:50px}.u-mb50{margin-bottom:50px}.u-ml50{margin-left:50px}.u-pt0{padding-top:0}.u-pr0{padding-right:0}.u-pb0{padding-bottom:0}.u-pl0{padding-left:0}.u-pt5{padding-top:5px}.u-pr5{padding-right:5px}.u-pb5{padding-bottom:5px}.u-pl5{padding-left:5px}.u-pt10{padding-top:10px}.u-pr10{padding-right:10px}.u-pb10{padding-bottom:10px}.u-pl10{padding-left:10px}.u-pt15{padding-top:15px}.u-pr15{padding-right:15px}.u-pb15{padding-bottom:15px}.u-pl15{padding-left:15px}.u-pt20{padding-top:20px}.u-pr20{padding-right:20px}.u-pb20{padding-bottom:20px}.u-pl20{padding-left:20px}.u-pt25{padding-top:25px}.u-pr25{padding-right:25px}.u-pb25{padding-bottom:25px}.u-pl25{padding-left:25px}.u-pt30{padding-top:30px}.u-pr30{padding-right:30px}.u-pb30{padding-bottom:30px}.u-pl30{padding-left:30px}.u-pt35{padding-top:35px}.u-pr35{padding-right:35px}.u-pb35{padding-bottom:35px}.u-pl35{padding-left:35px}.u-pt40{padding-top:40px}.u-pr40{padding-right:40px}.u-pb40{padding-bottom:40px}.u-pl40{padding-left:40px}.u-pt45{padding-top:45px}.u-pr45{padding-right:45px}.u-pb45{padding-bottom:45px}.u-pl45{padding-left:45px}.u-pt50{padding-top:50px}.u-pr50{padding-right:50px}.u-pb50{padding-bottom:50px}.u-pl50{padding-left:50px}@media screen and (min-width:480px){.flex .col-s-12{width:100%}.flex .col-s-10{width:83.33%}.flex .col-s-9{width:75%}.flex .col-s-8{width:66.66%}.flex .col-s-6{width:50%}.flex .col-s-4{width:33.33%}.flex .col-s-3{width:25%}.flex .col-s-2{width:16.66%}.flex .col-s-1{width:8.33%}.flex-reset-s{display:block}.sortform-field label{display:inline-block}}@media screen and (min-width:600px){.l-sec-heading{font-size:32px;font-size:3.2rem}.flex .col-m-12{width:100%}.flex .col-m-10{width:83.33%}.flex .col-m-9{width:75%}.flex .col-m-8{width:66.66%}.flex .col-m-6{width:50%}.flex .col-m-4{width:33.33%}.flex .col-m-3{width:25%}.flex .col-m-2{width:16.66%}.flex .col-m-1{width:8.33%}.flex-reset-m{display:block}.hero-update-banner{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.about-heading>img{width:228px}.top-dlc-image{padding:0 8px}.app-image{margin-bottom:0}.topics-category{display:block}.topics-category-item{background-color:transparent;border:none;display:inline-block;font-size:16px;font-size:1.6rem;margin:0 8px 8px;position:relative;width:auto}.topics-category-item:after{background-color:currentColor;content:"";height:4px;position:absolute;bottom:0;left:0;position:absolute;left:50%;right:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.2s all;transition:.2s all;width:0}.topics-category-item a{color:#000}.topics-category .is-current{background-color:transparent}.topics-category .is-current:after{width:100%}.dlc-list-icon{margin-bottom:0;padding-right:16px}}@media screen and (min-width:960px){a:hover{text-decoration:none}.bg{background:url(img/bg-pc_01.jpg) no-repeat center top;background-attachment:fixed;background-size:cover}.bg-movie{display:block}.l-header-lang-button{display:inline-block}.l-header-platformlogo{display:block;position:absolute;top:18px;right:16px}.l-header-nav{display:block;height:56px;margin-left:150px;margin-right:180px;overflow-y:visible;position:static;width:auto}.l-header-nav-button{display:none}.l-header-nav-item{display:inline-block;margin-left:12px;padding:12px 0;text-align:left;width:auto;vertical-align:top}.l-header-nav-item:hover{background:url(img/menu/menu-hover.png) no-repeat center center;background-size:auto 32px}.l-header-nav-inner>img{display:block}.l-header-nav-inner>span{display:none}.l-header-subnav-box{display:block;height:0;margin-top:0;overflow:hidden;padding:0 15px 0 165px;position:absolute;left:0;right:0;top:56px;-webkit-transition:height .2s;transition:height .2s}.l-header-subnav:hover{background:0 0}.l-header-subnav>.l-header-nav-inner:after{bottom:-6px}.l-header-subnav:hover .l-header-subnav-box{height:56px}.l-contents{padding-bottom:140px}.l-footer{padding:30px 50px;text-align:left}.l-footer-logo{display:inline-block;margin:5px 10px 0 0}.l-footer-copy{display:inline-block;margin:5px auto 0}.l-footer-sns{float:right;margin:0}.l-article-inner{padding:24px}.button-primary:hover{background-color:#00c5a1}.button-general:hover{background-color:#6f6f6f}.flex .col-l-12{width:100%}.flex .col-l-10{width:83.33%}.flex .col-l-9{width:75%}.flex .col-l-8{width:66.66%}.flex .col-l-6{width:50%}.flex .col-l-4{width:33.33%}.flex .col-l-3{width:25%}.flex .col-l-2{width:16.66%}.flex .col-l-1{width:8.33%}.flex-reset-l{display:block}.hero-main{width:100%;max-width:1920px}.hero-title{margin-bottom:0;padding-left:60px;width:40%}.hero-title-inner{display:inline-block}.hero-update{padding-left:60px;width:60%}.hero-update-banner{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hero-manual-inner{max-width:1024px}.intro-keyvisual{background:url(img/bg-concrete.png) no-repeat center center;background-size:contain;padding:50px 0 100px}.intro-menu{position:absolute;right:25px;top:0;width:200px}.story{background:url(img/bg-story.png) no-repeat center center;background-size:contain;margin-top:128px;padding-bottom:128px}.about-box{background-size:100% 100%;width:83%}.about-box-inner{padding:120px;width:100%}.character-slider{padding:0 8%}.character-text{font-size:14px;font-size:1.4rem;padding:0;position:absolute;bottom:12%;left:8%;z-index:2;max-width:500px}.screenshots-slider{padding:0 8%}.song-text>img{height:48px}.spec-data tr:last-child .spec-data-head{border-bottom:none}.spec-data tr:last-child .spec-data-body{border-bottom:none}.spec-data-head{border-right:solid 1px #555}.spec-data.col-2 .spec-data-body{width:40%}.spec-data.col-3 .spec-data-body{width:26.66%}.spec-data-body{border:none;border-bottom:solid 1px #555;border-left:dashed 1px #555;display:table-cell;padding:8px 8px;vertical-align:middle;width:22.5%}.spec-data-body:before{content:none;display:none}.special-text{padding:0;text-align:center}.special-list-item.horizontal .special-list-inner{padding:7.5% 16% 0 17%}.special-list-item.horizontal h4{font-size:18px}.page-title{font-size:32px;font-size:3.2rem}.page-label{background-color:transparent;padding:0}.page-label:before{content:none}.page-label>span{display:none}.page-label>img{display:block}.sortform-field{display:inline-block;margin-right:8px;vertical-align:top}.topics{float:left;margin-bottom:0;width:70%}.twitter{float:right;padding-top:0;width:30%}.update-date{float:right;margin-top:4px}.event-theme .event-area{padding:16px}.goods-text{font-size:16px;font-size:1.6rem;text-align:center}.goods-list{width:90%}.series-block-top{padding-right:24px}.series-store-buttons{text-align:right}.disp-only-sp{display:none}.disp-only-pc{display:block}.u-left-pc{text-align:left}.u-right-pc{text-align:right}.u-center-pc{text-align:center}}