:root{--animation: running}.boxDot{will-change:background-position-x;width:min(64/var(--w)*100vw,56px);height:auto;image-rendering:pixelated}@keyframes stepAnimationDot{100%{background-position-x:-1400%}}.boxDot{background-size:calc(100%*14) 100%;animation:stepAnimationDot .56s 0s steps(14) infinite;animation-play-state:var(--animation)}.boxDot.rid{background-image:url(../images/common/dots/rid_01.png);aspect-ratio:24/45}.boxDot.farah{background-image:url(../images/common/dots/farah_01.png);aspect-ratio:26/42}.boxDot.keel{background-image:url(../images/common/dots/keel_01.png);aspect-ratio:26/44}.boxDot.meredy{background-image:url(../images/common/dots/meredy_01.png);aspect-ratio:27/41}.boxDot.quickie{background-image:url(../images/common/dots/quickie_01.png);aspect-ratio:34/61;width:min(40/var(--w)*100vw,40px)}.boxDot.fog{background-image:url(../images/common/dots/fog_01.png);aspect-ratio:52/90}.boxDot.chat{background-image:url(../images/common/dots/chat_01.png);aspect-ratio:51/89}.animeFadeIn{will-change:opacity,filter;transition:opacity 1s,filter .5s;filter:blur(0)}.animeFadeIn:not(.isPlay){opacity:0;filter:blur(1rem)}#characterNav{position:relative;z-index:0}#characterNav:after{content:"";position:absolute;bottom:0;left:0;-webkit-mask:url(../images/common/bg_line_02.webp) repeat-x center/auto 100%;mask:url(../images/common/bg_line_02.webp) repeat-x center/auto 100%;background:var(--c_brown_250);width:100%;height:min(20/var(--w)*100vw,20px)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#characterNav{margin-top:calc(80/var(--f)*1rem);padding-bottom:calc(40/var(--f)*1rem + min(28/var(--w)*100vw,28px))}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#characterNav{margin-top:calc(40/var(--f)*1rem);padding-bottom:calc(40/var(--f)*1rem + min(28/var(--w)*100vw,28px))}}#characterNav ul{display:grid;margin-inline:auto}#characterNav ul a{--hover_scale: 1;position:relative;z-index:0;display:block}#characterNav ul a:before{content:"";position:absolute;z-index:10;inset:50%;aspect-ratio:1;width:54.0540540541%;height:auto;translate:-50% -50%;rotate:z -45deg;background:url(../images/common/ico_corner.svg) no-repeat bottom left/min(18 / var(--w) * 100vw, 18px);opacity:0}#characterNav ul a span{position:relative;z-index:0;display:block;aspect-ratio:1/1;clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%)}#characterNav ul a span:before,#characterNav ul a span:after{content:"";position:absolute;inset:50%;aspect-ratio:1;height:auto;translate:-50% -50%;rotate:z 45deg;will-change:rotate}#characterNav ul a span:before{z-index:20;width:71.6216216216%;border:min(7/var(--w)*100vw,5px) solid var(--c_background)}#characterNav ul a span:after{z-index:10;width:71.6216216216%;border:min(9/var(--w)*100vw,7px) solid var(--c_white)}@media(hover: hover)and (pointer: fine){#characterNav ul a:hover{--hover_scale: 1.1}}#characterNav ul a[aria-current=page]:before{opacity:1}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#characterNav ul{grid-template-columns:repeat(auto-fit, minmax(calc(175 / var(--w) * 100vw), 87.5px));justify-content:center;gap:min(32/var(--w)*100vw,16px);width:calc(630/var(--w)*100vw);margin-inline:auto}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#characterNav ul{grid-template-columns:repeat(6, min(148 / var(--w) * 100vw, 148px));gap:min(16/var(--w)*100vw,16px);width:-moz-fit-content;width:fit-content}}@media(hover: hover)and (pointer: fine){#characterNav ul img{scale:var(--hover_scale);transition:scale .5s}}#detailCol{display:grid;gap:2rem}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol{width:100%;padding-inline:calc(60/var(--w)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol{grid-template-columns:repeat(2, min(550 / var(--w) * 100vw, 550px));justify-content:center;width:100%;gap:min(64/var(--w)*100vw,64px) 0}}#detailCol hgroup{position:relative;z-index:0;display:grid;width:-moz-fit-content;width:fit-content;margin-inline:auto;font-weight:700;line-height:1;text-align:center}#detailCol hgroup h2{font-size:calc(48/var(--f)*1rem)}#detailCol hgroup:before{content:"";position:absolute;inset:0;background:var(--c_background)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol hgroup{gap:calc(24/var(--f)*1rem);min-height:calc(64/var(--w)*100vw);padding-inline:calc(96/var(--w)*100vw)}#detailCol hgroup h2{font-size:calc(48/var(--f)*1rem)}#detailCol hgroup:before{-webkit-mask:url(../images/common/ico_square.svg) no-repeat left center/calc(64 / var(--w) * 100vw),url(../images/common/ico_square.svg) no-repeat right center/calc(64 / var(--w) * 100vw);mask:url(../images/common/ico_square.svg) no-repeat left center/calc(64 / var(--w) * 100vw),url(../images/common/ico_square.svg) no-repeat right center/calc(64 / var(--w) * 100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol hgroup{grid-column:span 2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:min(32/var(--w)*100vw,32px);padding-inline:calc(min(28/var(--w)*100vw,28px) + min(32/var(--w)*100vw,32px));font-size:calc(24/var(--f)*1rem)}#detailCol hgroup h2{font-size:calc(48/var(--f)*1rem)}#detailCol hgroup:before{-webkit-mask:url(../images/common/ico_square.svg) no-repeat left center/min(28 / var(--w) * 100vw, 28px),url(../images/common/ico_square.svg) no-repeat right center/min(28 / var(--w) * 100vw, 28px);mask:url(../images/common/ico_square.svg) no-repeat left center/min(28 / var(--w) * 100vw, 28px),url(../images/common/ico_square.svg) no-repeat right center/min(28 / var(--w) * 100vw, 28px)}}#detailCol .ill{position:relative;z-index:0;width:100%}#detailCol .ill img{position:absolute;bottom:0;left:50%;width:auto;translate:var(--pos_x_ill) 0}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .ill{height:calc(var(--height_ill)/var(--w)*100vw)}#detailCol .ill img{height:calc(1326/var(--w)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .ill{height:min(var(--height_ill)/var(--w)*100vw,var(--height_ill)*1px)}#detailCol .ill img{height:min(1326/var(--w)*100vw,1326px)}}#detailColInner{position:relative;z-index:10;display:grid;align-content:flex-start;gap:2rem}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailColInner{padding-inline:min(30/var(--w)*100vw,30px)}}#detailCol .dot{display:grid;place-content:center;position:relative;z-index:0;width:100%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .dot .btnAnimationSwitch{bottom:calc(-40/var(--w)*100vw)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .dot{margin-bottom:-1rem}#detailCol .dot .boxDot{width:min(34/var(--w)*100vw,34px)}#detailCol .dot .btnAnimationSwitch{width:min(44/var(--w)*100vw,44px);bottom:max(-24/var(--w)*100vw,-24px)}}#detailCol .serif{font-weight:700;text-align:center;color:var(--c_background)}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .serif{font-size:calc(48/var(--f)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .serif{font-size:calc(32/var(--f)*1rem)}}#detailCol .profile{width:-moz-fit-content;width:fit-content;margin-inline:auto;line-height:1}#detailCol .profile dt{font-weight:700}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .profile{display:grid;grid-template-columns:max-content auto;gap:1rem;padding:calc(40/var(--w)*100vw) calc(80/var(--w)*100vw)}#detailCol .profile div{grid-column:span 2;display:grid;grid-template-columns:subgrid}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .profile{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;padding:min(32/var(--w)*100vw,32px) min(56/var(--w)*100vw,56px);font-size:calc(18/var(--f)*1rem)}#detailCol .profile div{display:grid;grid-template-columns:auto auto;gap:1rem}}#detailCol .txt{line-height:2;word-break:normal}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .txt{font-size:calc(18/var(--f)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .img{gap:2rem}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.rid{--pos_x_ill: -55%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.rid{--pos_x_ill: -55%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.farah{--pos_x_ill: -60%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.farah{--pos_x_ill: -65%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.keel{--pos_x_ill: -55%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.keel{--pos_x_ill: -60%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.meredy{--pos_x_ill: -55%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.meredy{--pos_x_ill: -60%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.fog{--pos_x_ill: -55%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.fog{--pos_x_ill: -60%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){.chat{--pos_x_ill: -55%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){.chat{--pos_x_ill: -58%}}
/*# sourceMappingURL=_maps/character.css.map */