@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1rem / 16);--device: 750}@media(min-width: 750px){:root{--device: 1600}}:root{--color-txt: #58301c;--color-txt2: #7d3306;--color-link: #cf2c00;--color-white: #fffcf8;--color-nsw2: #cc000e;--color-ps5: #0061b2;--color-xbox: #328212;--color-pcdg: #32383a;--color-steam: #375e80}#news{--color-link: #960a00}#movie{--color-base: #636363}#story{--color-base: #76350e;--color-bg: #fff2cb;--color-line: #ffd087}#game{--color-base: #0c7500;--color-line: #e1f99c}#character{--color-base: #d43766;--color-bg: #fff4fc;--color-line: #ffd2f0}#spec{--color-base: #c56902;--color-bg: #f5ecdf;--color-line: #e8cfab}footer{--color-link: #ffdf47;--color-line: #b4f9fd}#special{--color-base: #0f6575;--color-bg: #f8fffe}.frame{--color-base: #0f6575}#special{position:relative}#special::before{content:"";position:absolute;top:min(1vw, 20px);right:min(12.5vw, 250px);background:url(../images/special/bg.webp) no-repeat left top/100%;width:min(17.8vw, 356px);height:min(20.95vw, 419px);z-index:1}@media screen and (max-width: 750px){#special::before{top:2.6666666667vw;right:2.6666666667vw;width:33.2266666667vw;height:39.1066666667vw}}#special .hdl2{margin-top:min(3.75vw, 75px)}@media screen and (max-width: 750px){#special .hdl2{margin-top:10vw}}#special .hdl2::before{background:url(../images/special/tit_other.webp) no-repeat left top/100%}#special #snav{position:relative;display:grid;grid-template-rows:subgrid;grid-template-columns:repeat(5, 1fr);gap:min(1.5vw, 30px);z-index:20}@media screen and (max-width: 1600px){#special #snav{grid-template-columns:repeat(3, 1fr)}}@media screen and (max-width: 750px){#special #snav{gap:4vw;grid-template-columns:repeat(2, 1fr)}}#special #snav li{transition:.2s}@media(hover: hover){#special #snav li:hover{transform:translateY(5px)}}#special #snav li a{display:grid;place-items:center;min-height:4em;text-align:center;text-decoration:none;min-height:4rem;height:100%;color:var(--color-bg);background-color:var(--color-base);border:3px solid var(--color-bg);padding:min(0.5vw, 10px) min(1vw, 20px);line-height:1.3;font-size:clamp(18 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (18 / var(--device) * 100)),18 * var(--ratio-em))}@media screen and (max-width: 1600px){#special #snav li a{font-size:clamp(17 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (17 / var(--device) * 100)),17 * var(--ratio-em))}}@media screen and (max-width: 750px){#special #snav li a{border:2px solid var(--color-bg);font-size:clamp(14 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (16 / var(--device) * 100)),16 * var(--ratio-em));padding:2vw 2.6666666667vw}}#special #snav li.active{position:relative}#special #snav li.active a{color:var(--color-base);background-color:var(--color-bg);border:3px solid var(--color-base)}#special #snav li.active::before{content:"";position:absolute;top:-18px;left:-15px;background:url(../images/common/snav_act.webp) no-repeat left top/100%;width:38px;height:38px;z-index:1}@media screen and (max-width: 1600px){#special #snav li.active::before{top:-2vw;left:-1.5vw}}@media screen and (max-width: 750px){#special #snav li.active::before{top:-3.7333333333vw;left:-2vw;width:7.3333333333vw;height:7.3333333333vw}}#special #snav li.active::after{content:"";position:absolute;bottom:0;right:-0.5vw;background:url(../images/common/nav_act.webp) no-repeat left top/100%;width:41px;height:22px;z-index:1}@media screen and (max-width: 750px){#special #snav li.active::after{right:-1.3333333333vw;width:8vw;height:4.4vw}}#special h2{position:relative;display:block;margin-inline:auto;text-align:center;margin-top:min(3.75vw, 75px);z-index:99}@media screen and (max-width: 750px){#special h2{margin-top:10vw}}#special h2.col1 img{display:block;height:min(2.5vw, 50px);max-height:110px;width:auto}@media screen and (max-width: 1600px){#special h2.col1 img{height:3.75vw}}@media screen and (max-width: 750px){#special h2.col1 img{height:6vw}}#special h2.col2 img{display:block;height:min(5.5vw, 110px);max-height:110px;width:auto}@media screen and (max-width: 1600px){#special h2.col2 img{height:8.25vw}}@media screen and (max-width: 750px){#special h2.col2 img{height:13.2vw}}#special h2.col3 img{display:block;height:min(8.5vw, 170px);max-height:170px;width:auto}@media screen and (max-width: 1600px){#special h2.col3 img{height:12.75vw}}@media screen and (max-width: 750px){#special h2.col3 img{height:20.4vw}}#special h2 span{position:relative;display:inline-block;height:auto;padding:min(1.5vw, 30px) min(5vw, 100px);background-color:var(--color-bg)}@media screen and (max-width: 750px){#special h2 span{padding:4vw 5.3333333333vw}}#special h2 span::before{content:"";position:absolute;top:-10px;left:0;background:url(../images/special/shape_l.webp) repeat-y left top/contain;width:min(1.5vw, 30px);height:calc(100% + 20px);z-index:1}@media screen and (max-width: 750px){#special h2 span::before{top:-5px;width:2.8vw;height:calc(100% + 10px)}}#special h2 span::after{content:"";position:absolute;top:-10px;right:0;background:url(../images/special/shape_r.webp) repeat-y left top/contain;width:min(1.5vw, 30px);height:calc(100% + 20px);z-index:1}@media screen and (max-width: 750px){#special h2 span::after{top:-5px;width:2.8vw;height:calc(100% + 10px)}}#special .imgBox{max-width:-moz-max-content;max-width:max-content;margin-inline:auto}#special .hdl3{position:relative;background-color:var(--color-txt2);color:var(--color-white);padding:min(0.1vw, 2px) min(0.5vw, 10px) min(0.2vw, 4px);font-size:clamp(24 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (24 / var(--device) * 100)),24 * var(--ratio-em))}@media screen and (max-width: 1600px){#special .hdl3{font-size:clamp(22 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (22 / var(--device) * 100)),22 * var(--ratio-em))}}@media screen and (max-width: 750px){#special .hdl3{padding:.2666666667vw 1.3333333333vw 2vw;font-size:clamp(18 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (18 / var(--device) * 100)),18 * var(--ratio-em))}}#special .hdl3::before{content:"";background-image:linear-gradient(to right, #FFF, #FFF 4px, transparent 4px, transparent 8px);background-size:8px 8px;background-repeat:repeat-x;position:absolute;bottom:4px;left:0;height:1px;width:100%;z-index:9999 !important}#special .hdl4{position:relative;color:var(--color-txt2);font-size:clamp(22 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (22 / var(--device) * 100)),22 * var(--ratio-em));font-weight:700;margin-bottom:min(0.5vw, 10px);margin-left:1.3em}@media screen and (max-width: 1600px){#special .hdl4{font-size:clamp(22 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (22 / var(--device) * 100)),22 * var(--ratio-em))}}@media screen and (max-width: 750px){#special .hdl4{font-size:clamp(18 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (18 / var(--device) * 100)),18 * var(--ratio-em));margin-bottom:1.3333333333vw;margin-left:1.5em}}#special .hdl4::before{content:"";position:absolute;background:url(../images/special/tit_icon.webp) no-repeat top center/contain;top:.3em;left:-1.3em;width:1em;height:1em}@media screen and (max-width: 750px){#special .hdl4::before{left:-1.5em;width:1.1em;height:1.1em}}#special .hdl5{position:relative;color:#b83100;font-size:clamp(22 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (22 / var(--device) * 100)),22 * var(--ratio-em));margin-bottom:min(0.5vw, 10px)}@media screen and (max-width: 1600px){#special .hdl5{font-size:clamp(20 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (20 / var(--device) * 100)),20 * var(--ratio-em))}}@media screen and (max-width: 750px){#special .hdl5{font-size:clamp(16 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (16 / var(--device) * 100)),16 * var(--ratio-em));margin-bottom:2vw}}#special .frame{margin-top:-100px;padding:150px min(5vw, 100px) min(2.5vw, 50px);color:var(--color-txt2)}@media screen and (max-width: 1600px){#special .frame{margin-top:-5vw;padding-top:8.5vw}}@media screen and (max-width: 750px){#special .frame{margin-top:-13.3333333333vw;padding:16vw 4vw 4vw}}#special .frame p,#special .frame li{color:var(--color-txt2)}#special .frame a:not(.btn){color:var(--color-base)}@media screen and (min-width: 751px){#special .col1+.frame{margin-top:-50px;padding-top:100px}}@media screen and (max-width: 1600px){#special .col1+.frame{margin-top:-2.5vw;padding-top:5vw}}@media screen and (min-width: 751px){#special .col3+.frame{margin-top:-120px;padding-top:190px}}@media screen and (max-width: 1600px){#special .col3+.frame{margin-top:-7.5vw;padding-top:10.5vw}}#special dl{font-weight:600;font-size:clamp(19 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (19 / var(--device) * 100)),19 * var(--ratio-em))}@media screen and (max-width: 1600px){#special dl{font-size:clamp(16 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (16 / var(--device) * 100)),16 * var(--ratio-em))}}@media screen and (max-width: 750px){#special dl{font-size:clamp(14 * var(--ratio-em), calc(var(--vw-to-px) * var(--ratio-em) * (16 / var(--device) * 100)),16 * var(--ratio-em))}}#special #release_cp .dlBox div{display:flex;gap:0 1rem;width:100%}@media screen and (max-width: 750px){#special #release_cp .dlBox div{justify-content:space-between}}@media screen and (max-width: 500px){#special #release_cp .dlBox div{display:block}}@media screen and (min-width: 751px){#special #release_cp .dlBox div dt{width:40%}}@media screen and (max-width: 1200px){#special #release_cp .dlBox div dt{width:50%}}@media screen and (max-width: 750px){#special #release_cp .dlBox div dt{width:auto}}@media screen and (min-width: 751px){#special #release_cp .dlBox div dd{width:calc(100% - (40% + 1rem))}}@media screen and (max-width: 1200px){#special #release_cp .dlBox div dd{width:calc(100% - (50% + 1rem))}}@media screen and (max-width: 750px){#special #release_cp .dlBox div dd{width:auto}}
/*# sourceMappingURL=maps/special.css.map */