@charset "UTF-8";/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.text-accent{color:#355bae}.bg-accent{background:#355bae}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration:underline}.font-sans{font-family:YakuHanJP,source-han-sans-japanese,sans-serif;font-weight:300;font-style:normal}.font-sans-h{font-family:YakuHanJP,source-han-sans-japanese,sans-serif;font-weight:900;font-style:normal}.font-accent{font-family:genkaimincho,sans-serif;font-weight:800;font-style:normal}.font-en{font-family:calluna,serif;font-weight:400;font-style:normal}.font-en-b{font-family:calluna,serif;font-weight:700;font-style:normal}.p-1{padding-top:1%;padding-bottom:1%;padding-left:1%;padding-right:1%}.py-1{padding-top:1%;padding-bottom:1%}.px-1{padding-left:1%;padding-right:1%}.pt-1{padding-top:1%}.pb-1{padding-bottom:1%}.m-1{margin-top:1%;margin-bottom:1%;margin-left:1%;margin-right:1%}.my-1{margin-top:1%;margin-bottom:1%}.mx-1{margin-left:1%;margin-right:1%}.mt-1{margin-top:1%}.mb-1{margin-bottom:1%}.p-2{padding-top:2%;padding-bottom:2%;padding-left:2%;padding-right:2%}.py-2{padding-top:2%;padding-bottom:2%}.px-2{padding-left:2%;padding-right:2%}.pt-2{padding-top:2%}.pb-2{padding-bottom:2%}.m-2{margin-top:2%;margin-bottom:2%;margin-left:2%;margin-right:2%}.my-2{margin-top:2%;margin-bottom:2%}.mx-2{margin-left:2%;margin-right:2%}.mt-2{margin-top:2%}.mb-2{margin-bottom:2%}.p-3{padding-top:3%;padding-bottom:3%;padding-left:3%;padding-right:3%}.py-3{padding-top:3%;padding-bottom:3%}.px-3{padding-left:3%;padding-right:3%}.pt-3{padding-top:3%}.pb-3{padding-bottom:3%}.m-3{margin-top:3%;margin-bottom:3%;margin-left:3%;margin-right:3%}.my-3{margin-top:3%;margin-bottom:3%}.mx-3{margin-left:3%;margin-right:3%}.mt-3{margin-top:3%}.mb-3{margin-bottom:3%}.p-4{padding-top:4%;padding-bottom:4%;padding-left:4%;padding-right:4%}.py-4{padding-top:4%;padding-bottom:4%}.px-4{padding-left:4%;padding-right:4%}.pt-4{padding-top:4%}.pb-4{padding-bottom:4%}.m-4{margin-top:4%;margin-bottom:4%;margin-left:4%;margin-right:4%}.my-4{margin-top:4%;margin-bottom:4%}.mx-4{margin-left:4%;margin-right:4%}.mt-4{margin-top:4%}.mb-4{margin-bottom:4%}.p-5{padding-top:5%;padding-bottom:5%;padding-left:5%;padding-right:5%}.py-5{padding-top:5%;padding-bottom:5%}.px-5{padding-left:5%;padding-right:5%}.pt-5{padding-top:5%}.pb-5{padding-bottom:5%}.m-5{margin-top:5%;margin-bottom:5%;margin-left:5%;margin-right:5%}.my-5{margin-top:5%;margin-bottom:5%}.mx-5{margin-left:5%;margin-right:5%}.mt-5{margin-top:5%}.mb-5{margin-bottom:5%}.p-6{padding-top:6%;padding-bottom:6%;padding-left:6%;padding-right:6%}.py-6{padding-top:6%;padding-bottom:6%}.px-6{padding-left:6%;padding-right:6%}.pt-6{padding-top:6%}.pb-6{padding-bottom:6%}.m-6{margin-top:6%;margin-bottom:6%;margin-left:6%;margin-right:6%}.my-6{margin-top:6%;margin-bottom:6%}.mx-6{margin-left:6%;margin-right:6%}.mt-6{margin-top:6%}.mb-6{margin-bottom:6%}.p-7{padding-top:7%;padding-bottom:7%;padding-left:7%;padding-right:7%}.py-7{padding-top:7%;padding-bottom:7%}.px-7{padding-left:7%;padding-right:7%}.pt-7{padding-top:7%}.pb-7{padding-bottom:7%}.m-7{margin-top:7%;margin-bottom:7%;margin-left:7%;margin-right:7%}.my-7{margin-top:7%;margin-bottom:7%}.mx-7{margin-left:7%;margin-right:7%}.mt-7{margin-top:7%}.mb-7{margin-bottom:7%}.p-8{padding-top:8%;padding-bottom:8%;padding-left:8%;padding-right:8%}.py-8{padding-top:8%;padding-bottom:8%}.px-8{padding-left:8%;padding-right:8%}.pt-8{padding-top:8%}.pb-8{padding-bottom:8%}.m-8{margin-top:8%;margin-bottom:8%;margin-left:8%;margin-right:8%}.my-8{margin-top:8%;margin-bottom:8%}.mx-8{margin-left:8%;margin-right:8%}.mt-8{margin-top:8%}.mb-8{margin-bottom:8%}.p-9{padding-top:9%;padding-bottom:9%;padding-left:9%;padding-right:9%}.py-9{padding-top:9%;padding-bottom:9%}.px-9{padding-left:9%;padding-right:9%}.pt-9{padding-top:9%}.pb-9{padding-bottom:9%}.m-9{margin-top:9%;margin-bottom:9%;margin-left:9%;margin-right:9%}.my-9{margin-top:9%;margin-bottom:9%}.mx-9{margin-left:9%;margin-right:9%}.mt-9{margin-top:9%}.mb-9{margin-bottom:9%}.p-10{padding-top:10%;padding-bottom:10%;padding-left:10%;padding-right:10%}.py-10{padding-top:10%;padding-bottom:10%}.px-10{padding-left:10%;padding-right:10%}.pt-10{padding-top:10%}.pb-10{padding-bottom:10%}.m-10{margin-top:10%;margin-bottom:10%;margin-left:10%;margin-right:10%}.my-10{margin-top:10%;margin-bottom:10%}.mx-10{margin-left:10%;margin-right:10%}.mt-10{margin-top:10%}.mb-10{margin-bottom:10%}.p-11{padding-top:11%;padding-bottom:11%;padding-left:11%;padding-right:11%}.py-11{padding-top:11%;padding-bottom:11%}.px-11{padding-left:11%;padding-right:11%}.pt-11{padding-top:11%}.pb-11{padding-bottom:11%}.m-11{margin-top:11%;margin-bottom:11%;margin-left:11%;margin-right:11%}.my-11{margin-top:11%;margin-bottom:11%}.mx-11{margin-left:11%;margin-right:11%}.mt-11{margin-top:11%}.mb-11{margin-bottom:11%}.p-12{padding-top:12%;padding-bottom:12%;padding-left:12%;padding-right:12%}.py-12{padding-top:12%;padding-bottom:12%}.px-12{padding-left:12%;padding-right:12%}.pt-12{padding-top:12%}.pb-12{padding-bottom:12%}.m-12{margin-top:12%;margin-bottom:12%;margin-left:12%;margin-right:12%}.my-12{margin-top:12%;margin-bottom:12%}.mx-12{margin-left:12%;margin-right:12%}.mt-12{margin-top:12%}.mb-12{margin-bottom:12%}.p-13{padding-top:13%;padding-bottom:13%;padding-left:13%;padding-right:13%}.py-13{padding-top:13%;padding-bottom:13%}.px-13{padding-left:13%;padding-right:13%}.pt-13{padding-top:13%}.pb-13{padding-bottom:13%}.m-13{margin-top:13%;margin-bottom:13%;margin-left:13%;margin-right:13%}.my-13{margin-top:13%;margin-bottom:13%}.mx-13{margin-left:13%;margin-right:13%}.mt-13{margin-top:13%}.mb-13{margin-bottom:13%}.p-14{padding-top:14%;padding-bottom:14%;padding-left:14%;padding-right:14%}.py-14{padding-top:14%;padding-bottom:14%}.px-14{padding-left:14%;padding-right:14%}.pt-14{padding-top:14%}.pb-14{padding-bottom:14%}.m-14{margin-top:14%;margin-bottom:14%;margin-left:14%;margin-right:14%}.my-14{margin-top:14%;margin-bottom:14%}.mx-14{margin-left:14%;margin-right:14%}.mt-14{margin-top:14%}.mb-14{margin-bottom:14%}.p-15{padding-top:15%;padding-bottom:15%;padding-left:15%;padding-right:15%}.py-15{padding-top:15%;padding-bottom:15%}.px-15{padding-left:15%;padding-right:15%}.pt-15{padding-top:15%}.pb-15{padding-bottom:15%}.m-15{margin-top:15%;margin-bottom:15%;margin-left:15%;margin-right:15%}.my-15{margin-top:15%;margin-bottom:15%}.mx-15{margin-left:15%;margin-right:15%}.mt-15{margin-top:15%}.mb-15{margin-bottom:15%}.p-16{padding-top:16%;padding-bottom:16%;padding-left:16%;padding-right:16%}.py-16{padding-top:16%;padding-bottom:16%}.px-16{padding-left:16%;padding-right:16%}.pt-16{padding-top:16%}.pb-16{padding-bottom:16%}.m-16{margin-top:16%;margin-bottom:16%;margin-left:16%;margin-right:16%}.my-16{margin-top:16%;margin-bottom:16%}.mx-16{margin-left:16%;margin-right:16%}.mt-16{margin-top:16%}.mb-16{margin-bottom:16%}.p-17{padding-top:17%;padding-bottom:17%;padding-left:17%;padding-right:17%}.py-17{padding-top:17%;padding-bottom:17%}.px-17{padding-left:17%;padding-right:17%}.pt-17{padding-top:17%}.pb-17{padding-bottom:17%}.m-17{margin-top:17%;margin-bottom:17%;margin-left:17%;margin-right:17%}.my-17{margin-top:17%;margin-bottom:17%}.mx-17{margin-left:17%;margin-right:17%}.mt-17{margin-top:17%}.mb-17{margin-bottom:17%}.p-18{padding-top:18%;padding-bottom:18%;padding-left:18%;padding-right:18%}.py-18{padding-top:18%;padding-bottom:18%}.px-18{padding-left:18%;padding-right:18%}.pt-18{padding-top:18%}.pb-18{padding-bottom:18%}.m-18{margin-top:18%;margin-bottom:18%;margin-left:18%;margin-right:18%}.my-18{margin-top:18%;margin-bottom:18%}.mx-18{margin-left:18%;margin-right:18%}.mt-18{margin-top:18%}.mb-18{margin-bottom:18%}.p-19{padding-top:19%;padding-bottom:19%;padding-left:19%;padding-right:19%}.py-19{padding-top:19%;padding-bottom:19%}.px-19{padding-left:19%;padding-right:19%}.pt-19{padding-top:19%}.pb-19{padding-bottom:19%}.m-19{margin-top:19%;margin-bottom:19%;margin-left:19%;margin-right:19%}.my-19{margin-top:19%;margin-bottom:19%}.mx-19{margin-left:19%;margin-right:19%}.mt-19{margin-top:19%}.mb-19{margin-bottom:19%}.p-20{padding-top:20%;padding-bottom:20%;padding-left:20%;padding-right:20%}.py-20{padding-top:20%;padding-bottom:20%}.px-20{padding-left:20%;padding-right:20%}.pt-20{padding-top:20%}.pb-20{padding-bottom:20%}.m-20{margin-top:20%;margin-bottom:20%;margin-left:20%;margin-right:20%}.my-20{margin-top:20%;margin-bottom:20%}.mx-20{margin-left:20%;margin-right:20%}.mt-20{margin-top:20%}.mb-20{margin-bottom:20%}.fs-12{font-size:.6666666667rem}.fs-14{font-size:.7777777778rem}.fs-16{font-size:.8888888889rem}.fs-18{font-size:1rem}.fs-20{font-size:1.1111111111rem}.fs-22{font-size:1.2222222222rem}.fs-24{font-size:1.3333333333rem}.fs-26{font-size:1.4444444444rem}.fs-28{font-size:1.5555555556rem}.fs-32{font-size:1.7777777778rem}.fs-36{font-size:2rem}.fs-42{font-size:2.3333333333rem}.fs-54{font-size:3rem}.fs-72{font-size:4rem}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. *//*! * ress.css • v4.0.0 * MIT License * github.com/filipelinhares/ress */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */footer{background:#111;color:#eee}.footer-border{border-bottom:solid 1px #333}.footer-linkbtn{padding:30px 0;text-align:center}.footer-linkbtn .btn-outline{margin:10px;font-size:.8em}@media screen and (min-width:960px){.footer-linkbtn .btn-outline{display:inline-block}}.footer-spec{padding:30px 0}.footer-spec dl div{margin:20px 0}@media screen and (min-width:960px){.footer-spec dl div{display:flex}}.footer-spec dl dt{font-size:.7rem;color:#aeaeae}@media screen and (min-width:960px){.footer-spec dl dt{width:30%}}.footer-sns-share{padding:30px 0;text-align:center}.footer-sns-share .title{display:inline-block;margin-right:20px}.footer-sns-share .btns{display:inline-block}.footer-sns-share .sns-btn{display:inline-block;width:40px;height:40px;margin:0 10px;padding:5px 0;border-radius:50%;text-align:center;transition:.2s}.footer-sns-share .sns-btn:hover{transform:scale(1.1)}.footer-sns-share .sns-btn.x{background:#fff}.footer-sns-share .sns-btn.facebook{background:#1877f2}.footer-sns-share .sns-btn.line{background:#00b900}.footer-brand{padding:20px 0;text-align:center}.footer-brand .brand{display:inline-block;margin:0 10px}@media screen and (min-width:960px){.footer-brand .brand{margin:0 20px}}.footer-brand .brand-switch{width:180px}@media screen and (min-width:960px){.footer-brand .brand-switch{width:182px}}.footer-brand .brand-cero{width:40px}@media screen and (min-width:960px){.footer-brand .brand-cero{width:50px}}.footer-notice{padding:20px 0}@media screen and (min-width:600px){.footer-notice{text-align:center}}.footer-notice ul{list-style:none}.footer-notice li{margin:10px 0;color:#aaa;font-size:.5555555556rem}@media screen and (min-width:960px){.footer-notice li{margin:5px 0;font-size:.6666666667rem}}.footer-notice svg{fill:#aaa}.footer-banner{padding:30px 0}.footer-copyright{padding:20px 0}.footer-copyright ul{text-align:center}@media screen and (min-width:960px){.footer-copyright ul{text-align:right}}.footer-copyright ul li{display:block;list-style:none}@media screen and (min-width:960px){.footer-copyright ul li{display:inline-block;border-left:solid 1px #333}.footer-copyright ul li:last-child{border-right:solid 1px #333}}.footer-copyright ul a{display:block;padding:10px 2vw;color:#aaa;font-size:.7em;line-height:1.2}@media screen and (min-width:960px){.footer-copyright ul a{padding:0 20px}}.footer-copyright-logo{margin:20px 0 0 0;text-align:center}@media screen and (min-width:960px){.footer-copyright-logo{margin:0;text-align:left}}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.landing-loader{z-index:900;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#1d3260,#050912);overflow:hidden}.landing-loader .landing-loader-inner{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%}.loader,.loader:after{border-radius:50%;width:5em;height:5em}.loader{position:relative;text-indent:-9999em;border-top:.6em solid rgba(255,255,255,.3);border-right:.6em solid rgba(255,255,255,.3);border-bottom:.6em solid rgba(255,255,255,.3);border-left:.6em solid #eee;transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#555;border-radius:10px;box-shadow:0 0 3px #000}::-webkit-scrollbar-thumb:hover{background:#444}:root{font-size:18px}*,:after,:before{box-sizing:border-box}body,html{font-size:18px;line-height:1.6;color:#eee;overflow-x:hidden}.gwrap{z-index:0;position:relative;width:100%;height:100%;overflow-x:hidden!important;overflow-y:auto;font-family:YakuHanJP,source-han-sans-japanese,sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto}img{vertical-align:bottom}a{text-decoration:none;outline:0}.lum-lightbox-inner img{max-width:100%!important;height:auto!important}.bg-movie-wrap{position:fixed;z-index:-1000;top:0;right:0;left:0;bottom:0;overflow:hidden;background-image:url("https://www.falcom.co.jp/kuro/switch/assets/common/bg.webp");background-size:cover;background-position:center center}.bg-movie-wrap::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}#bg-movie{position:absolute;z-index:-999;top:50%;left:50%;transform:translate(-50%,-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}.no-script{z-index:1000;position:fixed;display:none;top:0;left:0;width:100%;padding:10px;text-align:center;font-size:.8rem;background:#355bae;color:#111}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.row{display:flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap:wrap}.row img{max-width:100%;height:auto}.flex-wrap{display:flex;align-items:center;justify-content:center}.flex-end{align-self:flex-end}.flex-center{align-self:center}.col-xs-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width:100px){.col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xs-9{flex:0 0 75%;max-width:75%}.col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xs-12{flex:0 0 100%;max-width:100%}.h-xs{display:none!important}.v-xs{display:block!important}}.col-sm-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width:600px){.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.h-sm{display:none!important}.v-sm{display:block!important}}.col-md-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width:960px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.h-md{display:none!important}.v-md{display:block!important}}.col-lg-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width:1280px){.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.h-lg{display:none!important}.v-lg{display:block!important}}@media screen and (min-width:100px){.xs-order-1{order:1}.xs-order-2{order:2}.xs-order-3{order:3}.xs-order-4{order:4}.xs-order-5{order:5}}@media screen and (min-width:600px){.sm-order-1{order:1}.sm-order-2{order:2}.sm-order-3{order:3}.sm-order-4{order:4}.sm-order-5{order:5}}@media screen and (min-width:960px){.md-order-1{order:1}.md-order-2{order:2}.md-order-3{order:3}.md-order-4{order:4}.md-order-5{order:5}}@media screen and (min-width:1280px){.lg-order-1{order:1}.lg-order-2{order:2}.lg-order-3{order:3}.lg-order-4{order:4}.lg-order-5{order:5}}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.btn{position:relative;display:block;padding:15px 40px;color:#fff;text-decoration:none;text-align:center;border-radius:5px;outline:0;cursor:pointer;filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .5));text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:.2s;font-size:.9rem}.btn:hover{filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .1)) grayscale(25%);box-shadow:0 0 5px rgba(0,0,0,.75) inset}.btn.disabled{filter:grayscale(50%) opacity(75%);pointer-events:none}.btn-accent{background:linear-gradient(to bottom,#355bae,#17284c)}.btn-accent2{background:linear-gradient(to bottom,#d20d0d,#5a0606)}.btn-accent3{background:linear-gradient(to bottom,#c8c815,#555509)}.btn-inline{display:inline-block}.btn-outline{position:relative;display:block;padding:3px 40px;border:solid 1px #eee;color:#eee;text-align:center;text-decoration:none;outline:0;cursor:pointer;transition:.2s}.btn-outline:hover{opacity:.75}.btn-outline.disabled{pointer-events:none;opacity:.5}.btn-icon::after{content:"";position:absolute;width:15px;height:15px;top:50%;right:10px;transform:translateY(-50%);background-repeat:no-repeat;background-size:cover}.btn-icon-exlink::after{background-image:url("https://www.falcom.co.jp/kuro/switch/assets/common/icon/ex-link.svg")}.btn-icon-arrow::after{background-image:url("https://www.falcom.co.jp/kuro/switch/assets/common/icon/arrow-right.svg")}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.headline{padding:0 20px;text-align:center;line-height:1.2;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.headline .headline-s1{font-size:7vw}@media screen and (min-width:960px){.headline .headline-s1{font-size:2.6666666667rem}}.headline .headline-s2{font-size:3vw}@media screen and (min-width:960px){.headline .headline-s2{font-size:1rem}}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.toppage-firstview{position:relative;padding:0 0 10px 0;width:100%;min-height:120vh;background:#272727}@media screen and (min-width:960px){.toppage-firstview{padding:0 0 200px 0;background:linear-gradient(to right,#1d3260,#000 50%)}}.toppage-firstview::after{content:"";z-index:1;position:absolute;top:0;left:0;width:100%;height:25vh;background:linear-gradient(to bottom,#000,rgba(0,0,0,0))}@media screen and (min-width:960px){.toppage-firstview::after{display:none}}.toppage-firstview .switch-logo{z-index:2;position:relative;width:100px}@media screen and (min-width:960px){.toppage-firstview .switch-logo{width:auto}}.toppage-firstview .switch-logo img{max-width:100%;height:auto}.toppage-firstview #effect{position:absolute;bottom:0;left:0}.toppage-firstview-content{z-index:2;position:relative;padding:50vh 5% 0 5%}@media screen and (min-width:960px){.toppage-firstview-content{width:50%;padding:0 2%}}.toppage-firstview-content .title img{width:100%;height:auto}.toppage-firstview-content .catchcopy{margin:30px 0 50px 0;text-align:center;font-size:4.5vw}@media screen and (min-width:960px){.toppage-firstview-content .catchcopy{font-size:1.5555555556rem}}.toppage-firstview-content .catchcopy span{letter-spacing:-10px}.toppage-firstview-content .platform{margin:10px 0}.toppage-firstview-content .platform span{padding:3px 30px;border:solid 1px #eee}.toppage-firstview-content .release{font-size:9vw}.toppage-firstview-content .release span{font-size:6vw}@media screen and (min-width:960px){.toppage-firstview-content .release{font-size:3rem}.toppage-firstview-content .release span{font-size:1.7777777778rem}}.toppage-firstview-content .update{margin:50px 0}.toppage-firstview-content .update .head{margin:30px 0;line-height:20px}.toppage-firstview-content .update .head img{margin:0 10px 0 0}.toppage-firstview-content .update ul{list-style:none}.toppage-firstview-content .update ul li{margin:20px 0}.toppage-firstview-content .update .block .date{font-size:.7777777778rem}.toppage-firstview-content .update .block .value{font-size:.8888888889rem}.toppage-firstview-content .update .block a{color:#eee;text-decoration:underline}.toppage-firstview-content .scroll{display:none;z-index:3;position:absolute;bottom:-30%;left:30px;text-align:center}@media screen and (min-width:960px){.toppage-firstview-content .scroll{display:block}}.toppage-firstview-illust{z-index:0;position:absolute;top:0;right:0;width:100%;height:100vh;background-image:url("https://www.falcom.co.jp/kuro/switch/assets/toppage/main.webp");background-size:cover;background-position:50% 70%}@media screen and (min-width:960px){.toppage-firstview-illust{width:50vw;height:100%}}.toppage-firstview-illust .inner{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,rgba(39,39,39,0) 50%,#272727)}@media screen and (min-width:960px){.toppage-firstview-illust .inner{background:linear-gradient(to right,#000,rgba(0,0,0,0) 40%)}}.toppage-about{position:relative}.toppage-about .inner{position:relative;width:100%;padding:10px 0 100px 0;background:linear-gradient(to bottom,#272727 70%,rgba(39,39,39,0))}@media screen and (min-width:960px){.toppage-about .inner{padding:100px 0;transform:rotate(5deg) translateY(-100px)}.toppage-about .inner::before{content:"";position:absolute;top:0;left:-20%;width:140%;height:100%;background:linear-gradient(to bottom,#272727 70%,rgba(39,39,39,0))}}.toppage-about .catch{position:relative;margin:10px 0}@media screen and (min-width:960px){.toppage-about .catch{margin:30px 0}}.toppage-about .catch .text{position:relative;padding:10px 20px;font-size:4vw;line-height:1.2;letter-spacing:-1px;background:#fff;color:#272727}@media screen and (min-width:960px){.toppage-about .catch .text{display:inline-block;padding:0 20px;height:70px;line-height:70px;font-size:2rem}.toppage-about .catch .text::before{content:"";position:absolute;top:0;left:0;width:300px;height:70px;transform:translateX(-300px);background:linear-gradient(to left,#fff,rgba(255,255,255,0))}}.toppage-system{position:relative;margin:10vh 0 20vh 0}.toppage-system-battle{position:relative;margin:0 0 15% 0}@media screen and (min-width:960px){.toppage-system-battle{display:flex;justify-content:center;align-items:center;margin:0}}.toppage-system-battle .image{z-index:1;position:relative;width:75%}@media screen and (min-width:960px){.toppage-system-battle .image{width:50%}}.toppage-system-battle .image img{max-width:100%;height:auto;transform:scale(1.15);filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .5))}.toppage-system-battle .text{z-index:2;position:absolute;left:20px;filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .75))}@media screen and (min-width:960px){.toppage-system-battle .text{z-index:0;position:relative;padding:5%;width:50%}}.toppage-system-battle .text .s1{position:relative;line-height:20px}@media screen and (min-width:960px){.toppage-system-battle .text .s1{margin:0 0 10px 0}}.toppage-system-battle .text .s1 img{margin:0 5px 0 0}.toppage-system-battle .text .s2{position:relative;display:inline-block;padding:5px 0;font-size:8vw;line-height:1.2}@media screen and (min-width:960px){.toppage-system-battle .text .s2{font-size:2.6666666667rem}}.toppage-system-battle .text .s2::after{display:none;z-index:-1;content:"";position:absolute;top:0;width:500px;height:1px;background:rgba(255,255,255,.5)}@media screen and (min-width:960px){.toppage-system-battle .text .s2::after{display:block}}.toppage-system-battle.command{position:relative}.toppage-system-battle.command .text{top:-70px}@media screen and (min-width:960px){.toppage-system-battle.command .text{transform:translateX(50px)}}.toppage-system-battle.command .s2::after{right:0}.toppage-system-battle.command .cross{z-index:2;position:absolute;bottom:-50%;left:25%;font-size:25vw;line-height:1;filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .5))}@media screen and (min-width:960px){.toppage-system-battle.command .cross{bottom:-150px;left:40%;font-size:240px}}.toppage-system-battle.field{position:relative}.toppage-system-battle.field .text{bottom:-70px}.toppage-system-battle.field .catch{z-index:3;position:absolute;bottom:50%;right:5%;white-space:nowrap;writing-mode:vertical-rl}@media screen and (min-width:960px){.toppage-system-battle.field .catch{bottom:25%;right:10px}}.toppage-system-battle.field .catch .s1,.toppage-system-battle.field .catch .s2{padding:20px 0;margin:0 10px;background:#eee;color:#111;font-size:6vw;line-height:1.4;letter-spacing:1px;filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .75))}@media screen and (min-width:960px){.toppage-system-battle.field .catch .s1,.toppage-system-battle.field .catch .s2{font-size:2rem}}.toppage-system-battle.field .catch .s2{transform:translateY(50px)}.toppage-system-battle.field .s2::after{left:0}.toppage-system-bottom{margin:150px 0 0 0}.toppage-system-bottom .catch{padding:0 5%;text-align:center;font-size:3vw}@media screen and (min-width:960px){.toppage-system-bottom .catch{font-size:1.1111111111rem}}.toppage-system-bottom .movie{margin:100px 0 0 0;padding:0 10%;text-align:center}@media screen and (min-width:960px){.toppage-system-bottom .movie{padding:0 20%}}.toppage-system-bottom .movie .title{margin:20px 0 0 0}.toppage-system-new{margin:150px 0 0 0}.toppage-system-new .catch{margin:50px 0;text-align:center;font-size:6vw;line-height:1.4}@media screen and (min-width:960px){.toppage-system-new .catch{margin:80px 0;font-size:2rem}}@media screen and (min-width:960px){.toppage-system-new .catch br{display:none}}.toppage-system-new .description{font-size:.8888888889rem}@media screen and (min-width:960px){.toppage-system-new .description{font-size:1.1111111111rem}}.toppage-system-swiper{position:relative;margin:20px 0 0 0;padding:0 0 70px 0;overflow:hidden}.toppage-system-swiper a{display:block;overflow:hidden;filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .5))}.toppage-system-swiper a img{transition:.3s}.toppage-system-swiper a:hover img{transform:scale(1.05)}.toppage-system-swiper .swiper-pagination-bullet{width:15px;height:15px;margin:0 10px!important;background:#fff;border-radius:0;transition:.2s}.toppage-system-swiper .swiper-pagination-bullet:hover{transform:scale(1.2)}.toppage-character{position:relative}.toppage-character-container-wrap{position:relative}.toppage-character-container-wrap::before{content:"";z-index:-2;position:absolute;bottom:0;left:0;width:100%;height:40%;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-clip-path:polygon(0 0,0% 100%,100% 100%,100% 70%);clip-path:polygon(0 0,0% 100%,100% 100%,100% 70%)}@media screen and (min-width:960px){.toppage-character-container-wrap::before{height:400px}}.toppage-character-main-wrap{position:relative}.toppage-character-main-wrap .headline{position:relative}@media screen and (min-width:960px){.toppage-character-main-wrap .headline{position:absolute;top:40%;right:0;width:50%}}.toppage-character-main{position:relative;display:flex;justify-content:center;align-items:center}@media screen and (min-width:960px){.toppage-character-main{align-items:flex-end}}.toppage-character-main .illust{width:60%}@media screen and (min-width:960px){.toppage-character-main .illust{width:50%}}.toppage-character-main .illust img{max-width:100%;height:auto}.toppage-character-main .text{width:40%}@media screen and (min-width:960px){.toppage-character-main .text{width:50%}}.toppage-character-main .character-illust{padding:30px 0;text-shadow:1px 1px 5px rgba(0,0,0,.5)}@media screen and (min-width:960px){.toppage-character-main .character-illust{padding:50px}}.toppage-character-main .character-illust .head{position:relative;font-size:.7777777778rem;line-height:1}@media screen and (min-width:960px){.toppage-character-main .character-illust .head{font-size:1.1111111111rem}}.toppage-character-main .character-illust .head img{display:none;margin:0 5px 0 0}@media screen and (min-width:960px){.toppage-character-main .character-illust .head img{display:inline-block}}.toppage-character-main .character-illust .head::before{z-index:-1;content:"";position:absolute;bottom:-5px;left:-50%;height:1px;width:130%;background:rgba(255,255,255,.5)}@media screen and (min-width:960px){.toppage-character-main .character-illust .head::before{width:100%}}.toppage-character-main .character-illust .name{font-size:5vw}@media screen and (min-width:960px){.toppage-character-main .character-illust .name{font-size:1.7777777778rem}}.toppage-character-swiper{position:relative}.toppage-character-swiper .swiper-button-next,.toppage-character-swiper .swiper-button-prev{filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .85));transition:.2s}.toppage-character-swiper .swiper-button-next:hover,.toppage-character-swiper .swiper-button-prev:hover{opacity:.75}.toppage-character-swiper .swiper-button-next:after,.toppage-character-swiper .swiper-button-prev:after{content:""}.toppage-character-tail{position:relative;display:block}.toppage-character-tail::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75))}.toppage-character-tail img{width:100%;height:auto}.toppage-character-tail .text{position:absolute;left:0;bottom:0;width:100%;padding:0 10px}.toppage-character-tail .text .cv{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:2.5vw}@media screen and (min-width:960px){.toppage-character-tail .text .cv{font-size:.8888888889rem}}.toppage-character-tail .text .cv span{padding:0 10px;margin:0 10px 0 0;background:#355bae}.toppage-character-tail .text .name{padding:0 0 5px 0;font-size:3.5vw}@media screen and (min-width:960px){.toppage-character-tail .text .name{font-size:1.2222222222rem}}.toppage-movie{padding:80px 0 20px 0}@media screen and (min-width:960px){.toppage-movie{padding:150px 0 50px 0}}.toppage-movie-swiper{position:relative;margin:50px 0 50px 0;padding:20px 10% 70px 10%}@media screen and (min-width:960px){.toppage-movie-swiper{padding:50px 20% 100px 20%}}.toppage-movie-swiper .swiper-slide{pointer-events:none;opacity:.5;transition:.3s}.toppage-movie-swiper .swiper-slide.swiper-slide-active{pointer-events:all;opacity:1}.toppage-movie-swiper .swiper-pagination-bullet{width:15px;height:15px;margin:0 10px!important;background:#fff;border-radius:0;transition:.2s}.toppage-movie-swiper .swiper-pagination-bullet:hover{transform:scale(1.2)}.toppage-movie-swiper .swiper-button-next,.toppage-movie-swiper .swiper-button-prev{top:40%;filter:drop-shadow(1px 1px 5px rgba(0, 0, 0, .85));transition:.2s}.toppage-movie-swiper .swiper-button-next:hover,.toppage-movie-swiper .swiper-button-prev:hover{opacity:.75}.toppage-movie-swiper .swiper-button-next:after,.toppage-movie-swiper .swiper-button-prev:after{content:""}.toppage-movie-content .title{padding:20px 0;text-align:center}.toppage-movie-tail{position:relative;display:block;overflow:hidden;filter:drop-shadow(0 0 10px rgba(0, 0, 0, .5))}.toppage-movie-tail::after,.toppage-movie-tail::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:1}.toppage-movie-tail::before{z-index:2;transition:.7s;transform:scale(1.2);background-image:url("https://www.falcom.co.jp/kuro/switch/assets/toppage/movie/base.png")}.toppage-movie-tail::after{z-index:3;transition:.3s;transform:scale(1.1);background-image:url("https://www.falcom.co.jp/kuro/switch/assets/toppage/movie/play.png")}.toppage-movie-tail:hover::before{opacity:0;transform:scale(1)}.toppage-movie-tail:hover::after{opacity:0;transform:scale(1)}.toppage-movie-tail:hover img{transform:scale(1.05)}.toppage-movie-tail img{width:100%;height:auto;transition:.5s}.toppage-product{padding:80px 0 50px 0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width:960px){.toppage-product{padding:100px 0}}.toppage-product-nav{margin:80px 0 50px 0;border-bottom:solid 1px rgba(255,255,255,.25)}@media screen and (min-width:960px){.toppage-product-nav{margin:100px 0 50px 0}}.toppage-product-nav .button-wrap{display:flex}@media screen and (min-width:960px){.toppage-product-nav .button-wrap{display:block}}.toppage-product-nav-btn{padding:10px 5px;margin:0 5px;flex-basis:auto;font-size:3vw;background:linear-gradient(to bottom,#294787,#111e39);border-radius:3px 3px 0 0;transition:.2s}@media screen and (min-width:600px){.toppage-product-nav-btn{font-size:1rem}}@media screen and (min-width:960px){.toppage-product-nav-btn{padding:10px 20px}}.toppage-product-nav-btn.is-active{background:linear-gradient(to bottom,#4d74c9,#233c73)}.toppage-product-nav-btn:hover{filter:opacity(.8)}.toppage-product-nav-btn img{display:none;margin:0 10px 0 0;vertical-align:middle;opacity:.5}@media screen and (min-width:960px){.toppage-product-nav-btn img{display:inline-block}}@media screen and (min-width:960px){.toppage-product-swiper{padding:50px 0}}.toppage-product-swiper .swiper-slide{filter:opacity(0);transition:.2s}.toppage-product-swiper .swiper-slide.swiper-slide-active{filter:opacity(1)}.toppage-product-content{position:relative;padding:0 5%}.toppage-product-content .content{padding:20px 0 0 0}@media screen and (min-width:960px){.toppage-product-content .content{padding:0 5%}}.toppage-product-content .image{padding:0 5%}.toppage-product-content .name{padding:5px 0;font-size:6vw;font-weight:400;border-bottom:solid 1px rgba(255,255,255,.25)}@media screen and (min-width:960px){.toppage-product-content .name{font-size:1.7777777778rem}}.toppage-product-content .release{margin:20px 0 0 0}.toppage-product-content .price{margin:0 0 30px 0}.toppage-product-content .price .value{padding:0 5px;font-size:2rem}.toppage-product-content .update{margin:20px 0}.toppage-product-content .update p{margin:20px 0;font-size:.8888888889rem}.toppage-product-content .attention{margin:20px 0;padding:0 20px;font-size:.7rem}.toppage-product-bonus{position:relative;margin:30px 0}@media screen and (min-width:960px){.toppage-product-bonus{padding:0 7.5%}}.toppage-product-bonus .row{align-items:center;justify-content:center}.toppage-product-bonus h4{padding:10px 0;font-family:YakuHanJP,source-han-sans-japanese,sans-serif;font-weight:300;font-style:normal;border-bottom:solid 1px rgba(255,255,255,.25)}.toppage-product-bonus .title{margin:10px 0 0 0;font-size:clamp(22px, 5vw, 36px);font-family:YakuHanJP,source-han-sans-japanese,sans-serif;font-weight:900;font-style:normal;line-height:1.2}.toppage-product-bonus .description{margin:30px 0}.toppage-product-bonus .description p{margin:15px 0}.toppage-store{padding:100px 0 0 0}.toppage-store-content{margin:100px 5%}.toppage-store-box{padding:20px;margin:0 0 30px 0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toppage-store-box .store{position:relative;padding:20px 0;text-align:center;line-height:1.2}.toppage-store-box .store small{font-weight:400;font-size:.7em}.toppage-store-box .store::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,rgba(204,204,204,0),rgba(204,204,204,.5),rgba(204,204,204,0))}.toppage-store-box .item{margin:20px 0;text-align:center;font-size:.8rem}.toppage-store-box .image{position:relative;margin:20px 0;padding:20px}.toppage-store-box .image .zoom{position:absolute;bottom:10px;right:10px;height:60px;width:60px;color:#fff;border-radius:50%;border:solid 2px #fff;font-size:.6666666667rem;text-align:center;line-height:60px;transition:.2s;background:rgba(0,0,0,.5)}.toppage-store-box .image .zoom:hover{transform:scale(1.1)}.toppage-store-box .link a{margin:10px 0}.store-bonus-notice{padding:0 0 0 20px;font-size:.7rem}.store-bonus-notice li{margin:10px 0;line-height:1.4}/*! * THE LEGEND OF HEROES: KURO NO KISEKI for PS5 * (C) 2022 Nihon Falcom Corporation. All rights reserved. */.savedata-container{padding:100px 0}.savedata-container .ps4,.savedata-container .ps5{display:inline-block;padding:0 5px;margin:0 5px;border-radius:3px}.savedata-container .ps4{background:#0070cc}.savedata-container .ps5{background:#fff;color:#000}.savedata-container p{margin:20px 0}.savedata-head-1{position:relative;display:flex;margin:30px 0}.savedata-head-1 .num{width:40px;height:40px;padding:5px;line-height:30px;font-size:1.3333333333rem;text-align:center;background:linear-gradient(to bottom,#355bae,#17284c)}@media screen and (min-width:960px){.savedata-head-1 .num{font-size:2.6666666667rem;width:60px;height:60px;line-height:50px}}.savedata-head-1 .title{padding:0 0 0 10px;line-height:40px;font-size:1rem}@media screen and (min-width:960px){.savedata-head-1 .title{font-size:1.5555555556rem;line-height:60px}}.savedata-head-2{position:relative;display:inline-block;margin:20px 0;padding:10px 20px;border:solid 1px #fff;border-radius:10px;font-weight:700}@media screen and (min-width:960px){.savedata-head-2{padding:10px 40px;font-size:1.1111111111rem;border-radius:50px}}.savedata-prepare{margin:100px 0;padding:0 15px}.savedata-prepare-case{margin:30px 0}@media screen and (min-width:960px){.savedata-prepare-case{margin:50px 0}}.savedata-transfer{margin:100px 0;padding:0 15px}.savedata-transfer-notice{margin:30px 0}@media screen and (min-width:960px){.savedata-transfer-notice{margin:50px 0}}.savedata-trophy-list{margin:40px 0;padding:0 5%}@media screen and (min-width:960px){.savedata-trophy-list{padding:0 10%}}.savedata-trophy-list>div{margin:30px 0;padding:0 0 0 15px;border-left:solid 5px #355bae}@media screen and (min-width:960px){.savedata-trophy-list>div{margin:10px 0;padding:0;border-left:none}}.savedata-trophy-list>div dd{font-size:.8rem}@media screen and (min-width:960px){.savedata-trophy-list>div{display:flex}.savedata-trophy-list>div dt{width:30%;padding:0 0 0 20px;border-left:solid 5px #355bae}.savedata-trophy-list>div dd{width:70%;font-size:1rem}} /*# sourceMappingURL=main.min.css.map */