@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: (1em / 16)}main{position:relative}main::before{content:"";position:absolute;display:block;z-index:0}@media screen and (max-width: 767px){main::before{background:url(../images/character/bg_character_sp.png) left top no-repeat;background-size:100% auto;left:-3.125%;width:125.2083333333%;padding-bottom:50%}}@media screen and (min-width: 768px){main::before{width:146.0625%;max-width:2337px;background:url(../images/character/bg_character.png) left top no-repeat;background-size:100% auto;top:0;left:50%;transform:translateX(-45%);padding-bottom:min(660px,660vw/var(--device)*100)}}#characterCol{position:relative}@media screen and (max-width: 767px){#characterCol{background:url(../images/top/bg_movie_sp.png) left -13vw no-repeat/100% auto}}@media screen and (min-width: 768px){#characterCol{background:url(../images/top/bg_movie.png) left top no-repeat;background-size:min(880px,880vw/var(--device)*100) auto}}@media screen and (max-width: 767px){#characterCol h1{text-align:right;padding-top:39.5833333333%}}@media screen and (min-width: 768px){#characterCol h1{text-align:left;max-width:1600px;padding-top:min(90px,90vw/var(--device)*100);margin:0 auto}}#characterCol h1 img{filter:drop-shadow(0 0 10px rgba(0, 19, 51, 0.3)) drop-shadow(0 0 10px rgba(0, 19, 51, 0.4)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 3px rgba(0, 19, 51, 0.4))}@media screen and (max-width: 767px){#characterCol h1 img{width:95.8333333333%}}@media screen and (min-width: 768px){#characterCol h1 img{width:100.3125%;max-width:1605px}}#characterCol .js_tab__list{display:flex;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 767px){#characterCol .js_tab__list{margin:4.1666666667% 0 0}}@media screen and (min-width: 768px){#characterCol .js_tab__list{gap:1em;max-width:1100px;margin:min(50px,50vw/var(--device)*100) auto 0}}#characterCol .js_tab__list button{display:block;box-sizing:border-box;border:2px solid var(--color-yellow);background:#000;padding:.5em 0;text-decoration:none;font-weight:bold;text-align:center;color:var(--color-yellow);font-size:1em}@media screen and (min-width: 768px){#characterCol .js_tab__list button{width:100%;font-size:1.2em}}#characterCol .js_tab__list button[aria-selected=true]{border:2px solid #000;background:var(--color-yellow);color:#000}@media screen and (max-width: 767px){#characterCol .js_tab__list button{width:43%;margin:.5em}}@media screen and (min-width: 768px){#characterCol .js_tab__list button{width:30%}}@media screen and (min-width: 768px){#characterCol .js_tab__list button.last{margin-left:0}}@media(any-hover: hover),(-ms-high-contrast: none){#characterCol .js_tab__list button{transition:.3s}#characterCol .js_tab__list button:hover{border:2px solid #000;background:var(--color-yellow);color:#000}}#characterCol .flexBox{position:relative;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(17, 55, 134, 0.75) 100%);box-sizing:border-box}@media screen and (max-width: 767px){#characterCol .flexBox{margin:4.1666666667% 0 0 4.1666666667%;padding:5.2083333333% 9.375% 9.375% 5.2083333333%;border-radius:5.2083333333vw 0 0 5.2083333333vw}}@media screen and (min-width: 768px){#characterCol .flexBox{padding:min(50px,50vw/var(--device)*100);border-radius:min(50px,50vw/var(--device)*100) min(50px,50vw/var(--device)*100) 0 0;margin:min(50px,50vw/var(--device)*100) auto 0}}#characterCol .characterList{display:flex;flex-wrap:wrap}@media screen and (max-width: 767px){#characterCol .characterList{justify-content:space-between;gap:1.5em 0;font-size:.8em}}@media screen and (min-width: 768px){#characterCol .characterList{justify-content:center;max-width:1600px;margin:0 auto;text-align:left;gap:min(30px,30vw/var(--device)*100) 1.2%}}#characterCol .characterList li{position:relative}@media screen and (max-width: 767px){#characterCol .characterList li{width:47%}}@media screen and (min-width: 768px){#characterCol .characterList li{width:19%}}@media screen and (max-width: 767px){#characterCol .characterList li p{margin:3.125% auto 0}}@media screen and (min-width: 768px){#characterCol .characterList li p{margin:min(5px,5vw/var(--device)*100) auto 0}}#characterCol .characterList li .icon-new{position:absolute;top:min(-10px,-10vw/var(--device)*100);left:min(-3px,-3vw/var(--device)*100);color:#000;background-color:var(--color-yellow);z-index:99;font-size:.9em;font-weight:900;text-transform:uppercase;transform:skewX(-15deg) scale(1.15, 1);padding:min(3px,3vw/var(--device)*100) min(25px,25vw/var(--device)*100);clip-path:polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%)}#characterCol .characterList li.dlc{position:relative}#characterCol .characterList li.dlc .imgBox{position:relative}@media screen and (max-width: 767px){#characterCol .characterList li.dlc .imgBox{border-color:#ff3c3c}}@media screen and (min-width: 768px){#characterCol .characterList li.dlc .imgBox{border-color:#ff3c3c}}#characterCol .characterList li.dlc .imgBox .icon-dlc{position:absolute;bottom:-2px;right:-2px;color:#000;background-color:#ff3c3c;font-size:1.2em;font-weight:800;transform:skewX(-15deg) scale(1.15, 1);padding:min(3px,3vw/var(--device)*100) min(25px,25vw/var(--device)*100);clip-path:polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%)}#characterCol .btnBack{display:block}@media screen and (max-width: 767px){#characterCol .btnBack{margin-top:6.25%}}@media screen and (min-width: 768px){#characterCol .btnBack{width:34.75%;max-width:556px;margin:0 auto;margin-top:min(60px,60vw/var(--device)*100)}}img[class*=dot]{bottom:0}.notice{text-align:center}@media screen and (max-width: 767px){.notice{font-size:.8em;margin-top:3.125%}}@media screen and (min-width: 768px){.notice{margin-top:min(30px,30vw/var(--device)*100)}}@media screen and (max-width: 767px){.dotL01{margin:0 0 -72.9166666667% -62.5%}}@media screen and (min-width: 768px){.dotL01{margin:0 0 min(-575px,-575vw/var(--device)*100) min(-850px,-850vw/var(--device)*100)}}@media screen and (min-width: 768px){.dotS01{margin:0 0 min(-225px,-225vw/var(--device)*100) min(100px,100vw/var(--device)*100)}}.btnDlc{position:relative;color:#000;padding:.8em;width:auto;text-decoration:none;font-weight:700;text-align:center;display:block;font-weight:800;z-index:99;letter-spacing:.02em;font-size:1.5rem;background-color:#000;border:2px solid #b3e6ff;color:#b3e6ff}.btnDlc:visited{color:#b3e6ff}@media screen and (max-width: 767px){.btnDlc{margin-top:10.4166666667%;font-size:.95rem;margin:0 auto 1em}}@media screen and (min-width: 1350px){.btnDlc{font-size:2rem}}@media screen and (min-width: 768px){.btnDlc{max-width:60%;margin:0 auto 2em;margin-top:min(50px,50vw/var(--device)*100)}}.btnDlc mark{background-color:rgba(0,0,0,0);color:#ff5b5b;padding-inline:.2em}@media(any-hover: hover),(-ms-high-contrast: none){.btnDlc{transition:.2s}.btnDlc:hover{transform:translateY(5px)}}.btnDlc::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);background:url(../images/common/ico_btn_dlc.png) no-repeat;background-size:contain;width:1em;height:1em}@media screen and (max-width: 767px){.btnDlc::after{right:.7em}}@media screen and (min-width: 768px){.btnDlc::after{right:1em}}
/*# sourceMappingURL=maps/character.css.map */