@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){body{background:none}}h1:has(img[src*=title]){position:relative;z-index:10}main{overflow:visible}#characterNav{position:relative;z-index:10;display:grid;width:-moz-fit-content;width:fit-content;margin-inline:auto}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#characterNav{grid-template-columns:repeat(3, calc(120 / var(--device_font-size) * 1rem));gap:calc(16/var(--device_font-size)*1rem) calc(24/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#characterNav{grid-template-columns:repeat(6, calc(100 / var(--device_font-size) * 1rem));gap:calc(16/var(--device_font-size)*1rem)}}#characterNav li{transform:translateZ(0);filter:drop-shadow(calc(5 / var(--device_font-size) * 1rem) calc(5 / var(--device_font-size) * 1rem) calc(10 / var(--device_font-size) * 1rem) var(--color_shadow))}#characterNav li a{display:block;position:relative;z-index:0;background:var(--chara_color);-webkit-mask:url(../images/character/mask_thumb.svg) no-repeat center/contain;mask:url(../images/character/mask_thumb.svg) no-repeat center/contain}#characterNav li a::before,#characterNav li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#characterNav li a::before{background:url(../images/character/line_thumb.svg) no-repeat center/contain;opacity:.2}#characterNav li a:after{z-index:10;background:url(../images/common/ico_line_short_b.svg) no-repeat center bottom calc(20 / var(--device_font-size) * 1rem)/30.8333333333% auto,url(../images/common/ico_line_long_b.svg) no-repeat center bottom calc(10 / var(--device_font-size) * 1rem)/calc(96 / var(--device_font-size) * 1rem) auto;translate:0 50%;opacity:0}#characterNav li a span{position:relative;z-index:0;display:block}#characterNav li a span::before,#characterNav li a span:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#characterNav li a span:before{z-index:10;background:url(../images/common/ico_arrow_b.svg) no-repeat center bottom calc(20 / var(--device_font-size) * 1rem)/auto calc(27/var(--device_font-size)*1rem);translate:0 50%;opacity:0}#characterNav li a span:after{z-index:10;background:url(../images/character/frame_thumb.svg) no-repeat center/contain;scale:1.1}@media(hover: hover)and (pointer: fine){#characterNav li a::before{transition:opacity .5s;will-change:opacity}#characterNav li a:after{transition:opacity .5s,translate .5s;will-change:opacity,translate}#characterNav li a span:before{transition:opacity .5s .3s,translate .5s .3s}#characterNav li a span:after{transition:scale .5s}#characterNav li a:hover::before{opacity:.6}#characterNav li a:hover:after{translate:0 0;opacity:1}#characterNav li a:hover span:before{translate:0 0;opacity:1}#characterNav li a:hover span:after{scale:1}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#characterNav li a:after{background:url(../images/common/ico_line_short_b.svg) no-repeat center bottom calc(17 / var(--device_font-size) * 1rem)/31% auto,url(../images/common/ico_line_long_b.svg) no-repeat center bottom calc(6 / var(--device_font-size) * 1rem)/calc(80 / var(--device_font-size) * 1rem) auto}#characterNav li a span:before{background:url(../images/common/ico_arrow_b.svg) no-repeat center bottom calc(15 / var(--device_font-size) * 1rem)/auto calc(23/var(--device_font-size)*1rem)}}#characterNav li a.active::before{opacity:.6}#characterNav li a.active:after{translate:0 0;opacity:1}#characterNav li a.active span:before{translate:0 0;opacity:1}#characterNav li a.active span:after{scale:1}#detailCol{position:relative;z-index:0;display:grid;margin-block:0}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol{width:100%}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol{display:grid;grid-template-columns:calc(550/1040*100%) calc(490/1040*100%);align-items:center}}#detailCol:after{content:"";overflow:hidden;position:absolute;z-index:-1}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol:after{top:calc(300/var(--device_font-size)*1rem);left:0;background:var(--img_bg_sp) no-repeat top left/100% auto;-webkit-mask:linear-gradient(to bottom, transparent 0%, white 10%, white 90%, transparent 100%);mask:linear-gradient(to bottom, transparent 0%, white 10%, white 90%, transparent 100%);aspect-ratio:750/1500;width:100%;height:auto}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol:after{left:50%;background:var(--img_bg_pc) no-repeat top center/min(2000 / var(--device_font-size) * 1rem, 2000px) auto;-webkit-mask:linear-gradient(to bottom, transparent 0%, white 10%, white 95%, transparent 100%);mask:linear-gradient(to bottom, transparent 0%, white 10%, white 95%, transparent 100%);max-width:100vw;width:min(2000/var(--device_font-size)*1rem,2000px);height:min(2000/var(--device_font-size)*1rem,2000px);translate:-50% 0}}@media screen and (min-width: 769px)and (orientation: landscape)and (min-width: 2001px),screen and (min-width: 960px)and (min-width: 2001px){#detailCol:after{-webkit-mask:linear-gradient(to bottom, transparent 0%, white 5%, white 95%, transparent 100%),linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);mask:linear-gradient(to bottom, transparent 0%, white 5%, white 95%, transparent 100%),linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);-webkit-mask-composite:source-in, xor;mask-composite:intersect;width:2000px}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .serif{margin-block:calc(80/var(--device_font-size)*1rem) calc(32/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .serif{grid-column:span 2;margin-block:calc(40/var(--device_font-size)*1rem) calc(64/var(--device_font-size)*1rem)}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .ill{width:calc(660/var(--device_font-size)*1rem);margin-inline:auto}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .ill{position:relative;z-index:0}#detailCol .ill img{position:absolute;top:50%;left:50%;width:calc(660/var(--device_font-size)*1rem);translate:-55% -50%}}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .ill~*{width:calc(630/var(--device_width)*100%);margin-inline:auto}}#detailColInner{display:grid;gap:calc(60/var(--device_font-size)*1rem);max-width:100%}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailColInner{margin-block-start:calc(80/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailColInner{align-items:flex-start;align-content:flex-start;gap:calc(30/var(--device_font-size)*1rem);margin-block-start:0}}#detailCol hgroup{display:grid;gap:calc(24/var(--device_font-size)*1rem)}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol hgroup{gap:calc(16/var(--device_font-size)*1rem)}}#detailCol hgroup .name{display:grid;grid-template-columns:auto minmax(auto, calc(124 / var(--device_font-size) * 1rem));gap:calc(8/var(--device_font-size)*1rem);justify-content:flex-start;align-items:flex-end;background:linear-gradient(to top, var(--color_gradation_01));-webkit-background-clip:text;background-clip:text;font-size:calc(48/var(--device_font-size)*1rem);font-weight:700;letter-spacing:0;line-height:1;color:rgba(0,0,0,0)}#detailCol hgroup .name:after{content:"";-webkit-mask:url(../images/common/ico_title_01.svg) no-repeat center/contain;mask:url(../images/common/ico_title_01.svg) no-repeat center/contain;background:linear-gradient(to top, var(--color_gradation_01));aspect-ratio:124/26;width:calc(124/var(--device_font-size)*1rem);height:auto;rotate:y 180deg}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol hgroup .name{grid-template-columns:auto minmax(auto, calc(104 / var(--device_font-size) * 1rem));font-size:calc(40/var(--device_font-size)*1rem)}#detailCol hgroup .name:after{width:calc(104/var(--device_font-size)*1rem)}}#detailCol hgroup .cv{background:linear-gradient(to top, var(--color_gradation_01));-webkit-background-clip:text;background-clip:text;font-size:calc(32/var(--device_font-size)*1rem);font-weight:700;letter-spacing:0;line-height:1;color:rgba(0,0,0,0)}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol hgroup .cv{font-size:calc(24/var(--device_font-size)*1rem)}}#detailCol .box{display:grid;margin:0;max-width:100%;padding-inline:calc(24/var(--device_font-size)*1rem)}#detailCol .box .profile{display:grid;justify-content:center;grid-template-columns:auto auto;gap:0 calc(56/var(--device_font-size)*1rem);font-size:calc(26/var(--device_font-size)*1rem)}#detailCol .box .profile dl{display:grid;grid-template-columns:max-content auto;align-items:center;gap:calc(24/var(--device_font-size)*1rem) calc(32/var(--device_font-size)*1rem)}#detailCol .box .profile dl dt{font-weight:700}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .box .profile{grid-template-columns:1fr 1fr;gap:0 calc(0/var(--device_font-size)*1rem);font-size:calc(18/var(--device_font-size)*1rem)}#detailCol .box .profile dl{gap:calc(20/var(--device_font-size)*1rem) calc(20/var(--device_font-size)*1rem)}}#detailCol .txt{display:grid;line-height:2;letter-spacing:0}#detailCol .txt .design{font-size:.8em;text-align:right}@media(max-width: 768px),(min-width: 769px)and (max-width: 959px)and (orientation: portrait){#detailCol .txt{gap:calc(32/var(--device_font-size)*1rem);font-size:calc(26/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .txt{gap:calc(24/var(--device_font-size)*1rem);font-size:calc(18/var(--device_font-size)*1rem)}}@media(min-width: 769px)and (orientation: landscape),(min-width: 960px){#detailCol .imgSlider{width:calc(490/var(--device_font-size)*1rem)}}#footerCol{position:relative;z-index:0}
/*# sourceMappingURL=maps/character.css.map */