#character #detailCol .tabList{position:relative;width:-moz-fit-content;width:fit-content;margin-top:7.5rem;z-index:10}@media screen and (max-width: 767px){#character #detailCol .tabList>li{width:calc((100% - 1.5rem)/4)}}@media screen and (min-width: 768px){#character #detailCol .tabList>li{width:9rem}}@media(hover: hover){#character #detailCol .tabList>li:hover::after{opacity:1}}#character #detailCol .tabList>li::after{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000);opacity:.5;transition:opacity .3s}@media screen and (max-width: 767px){#character #detailCol .tabList>li:nth-child(-n+4){margin-top:0}}@media screen and (max-width: 767px){#character #detailCol .tabList>li:nth-child(4n+3){margin-left:.5rem}}#character #detailCol .tabList>li.act{background:#000}#character #detailCol .tabList>li.act::before{content:"";position:absolute;inset:0 auto auto 0;background:url(../images/character/obj_tl.png) left top no-repeat,url(../images/character/obj_br.png) right bottom no-repeat;width:calc(100% + .5rem);height:calc(100% + .5rem);margin:-0.25rem 0 0 -0.25rem;z-index:100;opacity:1;transition:opacity .3s}@media screen and (max-width: 767px){#character #detailCol .tabList>li.act::before{background-size:3.5rem}}@media screen and (min-width: 768px){#character #detailCol .tabList>li.act::before{background-size:2.5rem}}@starting-style{#character #detailCol .tabList>li.act::before{opacity:0}}#character #detailCol .tabList>li.act::after{opacity:1}#character #detailCol .tabList>li.act a::after{content:none !important}#character #detailCol .tabList>li a{padding:0;overflow:hidden}@media(hover: hover){#character #detailCol .tabList>li a img{transition:transform .3s}#character #detailCol .tabList>li a:hover{background:#000}#character #detailCol .tabList>li a:hover img{transform:scale(1.2)}}#character #detailCol .tabList>li a img{width:100%}#character #detailCol .tabContent{max-width:none;margin-top:0}#character #detailCol .tabContent>li{position:relative}#character #detailCol .tabContent>li.act .charaImgBox{opacity:1}@starting-style{#character #detailCol .tabContent>li.act .charaImgBox{opacity:0}}#character #detailCol .tabContent>li.act .charaImgBox .catch{opacity:1;filter:blur(0)}@starting-style{#character #detailCol .tabContent>li.act .charaImgBox .catch{opacity:0;filter:blur(50px)}}#character #detailCol .tabContent>li.act dl{opacity:1}@starting-style{#character #detailCol .tabContent>li.act dl{opacity:0}}#character #detailCol .tabContent>li .charaImgBox{position:relative;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto !important;transition:opacity 1s}@media screen and (max-width: 767px){#character #detailCol .tabContent>li .charaImgBox{padding-bottom:calc(920/960*100vw)}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li .charaImgBox{padding-bottom:calc(920/2000*100vw)}}#character #detailCol .tabContent>li .charaImgBox .btnZoom{position:absolute;inset:auto auto 0 auto;width:5.25rem}@media screen and (max-width: 767px){#character #detailCol .tabContent>li .charaImgBox .btnZoom{right:0;margin:0 2rem 2rem 0}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li .charaImgBox .btnZoom{left:0;margin:0 0 2rem 2rem}}#character #detailCol .tabContent>li .charaImgBox .catch{position:absolute;display:block;writing-mode:vertical-rl;font-size:2rem;font-weight:600;color:#fff;text-shadow:0 0 1rem #a22727,0 0 1rem #a22727,0 0 .5rem #a22727,0 0 .5rem #a22727,0 0 .5rem #a22727,0 0 .5rem #a22727;z-index:30;transition:opacity 1.5s .5s,filter 1.5s .5s}@media screen and (max-width: 767px){#character #detailCol .tabContent>li .charaImgBox .catch{top:4rem;left:6rem}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li .charaImgBox .catch{top:5rem;left:10rem}}#character #detailCol .tabContent>li .charaImgBox .catch span{display:flex;align-items:center;line-height:1em}#character #detailCol .tabContent>li .charaImgBox .catch em,#character #detailCol .tabContent>li .charaImgBox .catch strong{display:flex;align-items:center;line-height:1em}#character #detailCol .tabContent>li .charaImgBox .catch em{position:relative;right:-0.05rem;font-size:1.5em}#character #detailCol .tabContent>li .charaImgBox .catch strong{position:relative;right:.25rem;font-size:2.5em;letter-spacing:.1em;margin-top:.25rem}#character #detailCol .tabContent>li dl{background:url(../images/character/bg_black.webp) center top repeat-y;width:100%;text-align:center;margin-top:0;transition:opacity 1.5s .5s}@media screen and (max-width: 767px){#character #detailCol .tabContent>li dl{background-size:calc(1200/960*100vw) auto}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li dl{position:absolute;inset:auto auto 0 50%;background-size:calc(1200/2000*100vw) auto;transform:translate(-30%, 0)}}#character #detailCol .tabContent>li dl dt span{line-height:1em;padding:1rem 0}#character #detailCol .tabContent>li dl dt span.name{font-size:2.5rem;text-shadow:0 0 .5rem #bda65f,0 0 .5rem #bda65f,0 0 .5rem #574c2b;background:url(../images/character/bg_gold.webp) center top repeat-y}@media screen and (max-width: 767px){#character #detailCol .tabContent>li dl dt span.name{background-size:calc(1200/960*100vw) auto}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li dl dt span.name{background-size:calc(1200/2000*100vw) auto}}#character #detailCol .tabContent>li dl dt span.name small{display:block;font-size:.4em;line-height:1em;letter-spacing:.5em;margin-top:.75rem}#character #detailCol .tabContent>li dl dt span.cv{background:url(../images/character/bg_gold2.webp) center top repeat-y}@media screen and (max-width: 767px){#character #detailCol .tabContent>li dl dt span.cv{background-size:calc(1200/960*100vw) auto}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li dl dt span.cv{background-size:calc(1200/2000*100vw) auto}}#character #detailCol .tabContent>li dl dd{padding:2rem 3rem 3rem}#character #detailCol .tabContent>li dl dd .text,#character #detailCol .tabContent>li dl dd .notes{text-shadow:0 0 1rem #000,0 0 1rem #000,0 0 1rem #000}#character #detailCol .tabContent>li dl dd .notes{background:hsla(0,0%,100%,.1);font-family:"Noto Sans JP",sans-serif;padding:1rem;margin:1rem auto 0}@media screen and (max-width: 767px){#character #detailCol .tabContent>li dl dd .notes{width:calc(800/960*100vw)}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li dl dd .notes{width:calc(800/2000*100vw)}}#character #detailCol .tabContent>li dl dd .imgList{display:flex;justify-content:center;margin:2rem auto 0}@media screen and (max-width: 767px){#character #detailCol .tabContent>li dl dd .imgList li{width:calc(490/960*100vw)}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li dl dd .imgList li{width:calc(490/2000*100vw)}}#character #detailCol .tabContent>li dl dd .imgList li+li{margin-left:1rem}#character #detailCol .tabContent>li dl span{display:block}@media screen and (min-width: 768px){#character #detailCol .tabContent>li#chara_fz87vrjd .catch{margin-left:2rem}}@media screen and (min-width: 768px){#character #detailCol .tabContent>li#chara_15gvt91s .catch{margin-left:1rem}}#character #detailCol .tabContent>li#chara_zjrribyw .catch{margin-left:-3.5rem}
/*# sourceMappingURL=maps/character.css.map */