body:has(#charaDataCol.act){overflow:hidden}#charaDataCol{position:fixed;top:0;bottom:initial;left:initial;right:0;background:url(../images/common/bg.webp) center top;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%;height:100vh;height:100dvh;z-index:10000;opacity:0;pointer-events:none;box-sizing:border-box;overflow:auto;transition:opacity 0.3s}@media screen and (max-width: 767px){#charaDataCol{background-size:calc(2000 / 960 * 100%) auto}}@media screen and (min-width: 768px){#charaDataCol{background-size:100% auto}}#charaDataCol.act{opacity:1;pointer-events:all}#charaDataCol>.inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:-webkit-fit-content;height:fit-content;min-height:100%;position:relative;padding:5rem 0}#charaDataCol .box{position:relative;background:#fff;border-radius:calc(1rem / 3 * 4);box-sizing:border-box}@media screen and (max-width: 767px){#charaDataCol .box{width:calc(760 / 960 * 100vw)}}@media screen and (min-width: 768px){#charaDataCol .box{width:calc(1080 / 2000 * 100vw)}}#charaDataCol .box:has(>ul>li.act:first-child:last-child) .btnArrow{display:none}#charaDataCol .box .btnClose{position:absolute;top:0;bottom:initial;left:initial;right:0;background:url(../images/common/btn_close.png) center center no-repeat;background-size:cover;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:100}@media screen and (max-width: 767px){#charaDataCol .box .btnClose{width:calc(80 / 960 * 100vw);height:calc(80 / 960 * 100vw)}}@media screen and (min-width: 768px){#charaDataCol .box .btnClose{width:min(calc(80 / 2000 * 100vw * 1), calc(80px * 1));height:min(calc(80 / 2000 * 100vw * 1), calc(80px * 1))}}#charaDataCol .box .btnArrow{z-index:100}@media screen and (max-width: 767px){#charaDataCol .box .btnArrow{width:calc(70 / 960 * 100vw);height:calc(80 / 960 * 100vw);-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@media screen and (min-width: 768px){#charaDataCol .box .btnArrow{width:min(calc(70 / 2000 * 100vw * 1), calc(70px * 1));height:min(calc(80 / 2000 * 100vw * 1), calc(80px * 1));-webkit-transform:translateY(-50%);transform:translateY(-50%)}}#charaDataCol .box .btnArrow.btnPrev{background:url(../images/common/img_arrow_slider2_l.png) center center no-repeat;background-size:cover;position:absolute;top:50%;bottom:initial;left:initial;right:100%}@media screen and (max-width: 767px){#charaDataCol .box .btnArrow.btnPrev{margin-right:calc(-70 / 960 * 100vw - 0.5rem)}}@media screen and (min-width: 768px){#charaDataCol .box .btnArrow.btnPrev{margin-right:1rem}}#charaDataCol .box .btnArrow.btnNext{background:url(../images/common/img_arrow_slider2_r.png) center center no-repeat;background-size:cover;position:absolute;top:50%;bottom:initial;left:100%;right:initial}@media screen and (max-width: 767px){#charaDataCol .box .btnArrow.btnNext{margin-left:calc(-70 / 960 * 100vw - 0.5rem)}}@media screen and (min-width: 768px){#charaDataCol .box .btnArrow.btnNext{margin-left:1rem}}#charaDataCol .box ul li{position:relative;display:none;color:#4c4c4c;padding:1rem 0}#charaDataCol .box ul li::after{content:"";position:absolute;top:0;bottom:initial;left:initial;right:0;background-repeat:no-repeat;background-position:right top;height:100%;pointer-events:none;z-index:10}@media screen and (max-width: 767px){#charaDataCol .box ul li::after{background-size:120% auto !important;width:100%}}@media screen and (min-width: 768px){#charaDataCol .box ul li::after{background-size:100% auto !important;width:calc(760 / 2000 * 100vw)}}#charaDataCol .box ul li.act{display:block}#charaDataCol .box dl .catch,#charaDataCol .box dl .name{position:relative;z-index:20}#charaDataCol .box dl .catch{width:-webkit-fit-content;width:fit-content;min-height:1.8rem;color:#fff;font-weight:800;padding:0.1rem 1rem;border-radius:0 1em 1em 0;box-sizing:border-box}#charaDataCol .box dl .name{font-size:2rem;padding:1rem;font-weight:900;line-height:0.9em}@media screen and (min-width: 768px){#charaDataCol .box dl .name:not(:has(br.sp)) span{display:block;line-height:1em;margin:0.5em 0 0}}#charaDataCol .box dl .name span{font-weight:700}@media screen and (max-width: 767px){#charaDataCol .box dl .name span{position:relative;top:-0.25rem;font-size:1rem}}@media screen and (min-width: 768px){#charaDataCol .box dl .name span{font-size:calc(1rem / 6 * 5);margin-left:0.5rem}}@media screen and (max-width: 767px){#charaDataCol .box dl .img{width:100%;margin-bottom:-20rem}}@media screen and (min-width: 768px){#charaDataCol .box dl .img{position:absolute;top:50%;bottom:initial;left:initial;right:0;width:calc(760 / 2000 * 100vw);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:50}}#charaDataCol .box dl .img img{position:relative;z-index:50}#charaDataCol .box dl .detail{position:relative;padding:1rem;box-sizing:border-box;z-index:0}@media screen and (max-width: 767px){#charaDataCol .box dl .detail{padding-top:21rem}}#charaDataCol .box dl .detail::before{content:"";position:absolute;top:0;bottom:initial;left:0;right:initial;background:url(../images/character/bg_pattern.png) center top;width:100%;height:100%;mix-blend-mode:overlay;z-index:-1}@media screen and (max-width: 767px){#charaDataCol .box dl .detail::before{background-size:calc(572 / 960 * 100vw)}}@media screen and (min-width: 768px){#charaDataCol .box dl .detail::before{background-size:calc(572 / 2000 * 100vw)}}#charaDataCol .box dl .detail .stit{font-size:1.25em;line-height:1em;font-weight:900;text-align:center;margin-bottom:0.75rem}@media screen and (min-width: 768px){#charaDataCol .box dl .detail .stit{width:calc(480 / 2000 * 100vw)}}#charaDataCol .box dl .detail .detailInner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){#charaDataCol .box dl .detail .detailInner{width:calc(480 / 2000 * 100vw)}}#charaDataCol .box dl .detail dl{background:#fff;width:calc(50% - 0.25rem);border-radius:calc(1rem / 3 * 2);overflow:hidden}#charaDataCol .box dl .detail dl dt{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:fit-content;color:#fff;font-weight:700;line-height:1em;padding:0.3em 0.75rem;border-radius:0 0 1em 0;box-sizing:border-box}@media screen and (max-width: 767px){#charaDataCol .box dl .detail dl dt{font-weight:400;font-size:0.8em}}@media screen and (min-width: 768px){#charaDataCol .box dl .detail dl dt{font-weight:700;font-size:0.6em}}#charaDataCol .box dl .detail dl dd{text-align:center;line-height:1.5em;padding:0.25rem 0.5rem 0.5rem;box-sizing:border-box}@media screen and (min-width: 768px){#charaDataCol .box dl .detail dl dd{font-size:calc(1rem / 6 * 5)}}#charaDataCol .box dl .detail .introduction{width:100%;background:#fff;line-height:1.5em;border-radius:calc(1rem / 3 * 2);padding:0.5rem 1rem;margin-top:0.5rem}@media screen and (min-width: 768px){#charaDataCol .box dl .detail .introduction{min-height:12rem}}.charaList{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){.charaList li{width:calc((100% - 0.5rem) / 2)}.charaList li:nth-child(2n+1){margin-left:0}.charaList li:nth-child(n+3){margin-top:0.5rem}}@media screen and (min-width: 768px){.charaList li{width:calc((100% - 1.5rem) / 4)}.charaList li:nth-child(4n+1){margin-left:0}.charaList li:nth-child(n+5){margin-top:0.5rem}}.charaList li.comingsoon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;aspect-ratio:1 / 1;font-size:1.2em;border:solid calc(1rem / 6) #fff;border-radius:calc(1rem / 3 * 4);box-sizing:border-box;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.charaList li a{display:block;text-decoration:none}.charaList li a img{display:block;width:100%}.charaList li a p{position:absolute;top:initial;bottom:0;left:0;right:initial;width:100%;font-size:1.5em;font-weight:900;text-shadow:0 0 calc(1rem / 3) #fff,0 0 calc(1rem / 3) #fff,0 0 calc(1rem / 3) #fff;padding:0.15rem 1rem;box-sizing:border-box}.charaList li+li{margin-left:0.5rem}