@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)}.lower{background:url("../images/character/bg_l.webp") repeat-y top left/cover,url("../images/character/bg_r.webp") repeat-y top right/cover;background-size:20%,20%}@media screen and (min-width: 901px){.lower{background-size:150px,150px}}.charaList{position:relative;display:flex;justify-content:center;gap:calc(30vw/var(--deviceWide)*100);padding-bottom:calc(50vw/var(--deviceWide)*100);z-index:30;max-width:90%;margin-inline:auto}@media screen and (min-width: 901px){.charaList{gap:2rem;padding-bottom:3rem}}@media screen and (min-width: 901px){.charaList li{width:20%;max-width:171px}}.charaList li.active img{opacity:0}.charaList li a{display:block;transition:.2s}@media(any-hover: hover),(-ms-high-contrast: none){.charaList li a:hover{transform:translateY(5px)}.charaList li a:hover img{opacity:0}}.charaList li.playable a{background:url(../images/character/img_playable_on.png) no-repeat center/contain}.charaList li.kirito a{background:url(../images/character/img_kirito_on.png) no-repeat center/contain}.charaList li.asuna a{background:url(../images/character/img_asuna_on.png) no-repeat center/contain}.charaList li.iori a{background:url(../images/character/img_iori_on.png) no-repeat center/contain}.charaList li.argo a{background:url(../images/character/img_argo_on.png) no-repeat center/contain}.charaDetail{position:relative;background:linear-gradient(135deg, rgba(62, 138, 147, 0.5) 0%, rgba(64, 86, 97, 0.5) 80%);background-size:100%;background-repeat:no-repeat}@media screen and (min-width: 901px){.charaDetail{background-size:auto 110vh}}.charaDetail .charaDetailInner{padding-block:2rem;max-width:1920px;margin-inline:auto}@media screen and (min-width: 901px){.charaDetail .charaDetailInner{display:flex;gap:1rem}}@media screen and (min-width: 1281px){.charaDetail .charaDetailInner{padding-block:2rem 0}}.charaDetail .standing{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:100%}@media screen and (min-width: 901px){.charaDetail .standing{width:50%}}.charaDetail .detail{width:80%;margin-inline:auto;padding-top:calc(30vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){.charaDetail .detail{width:40%;margin-inline:0;padding-top:0}}@media screen and (min-width: 1281px){.charaDetail .detail{width:40%;margin-inline:0;padding-top:2rem}}.charaDetail .detail .name{position:relative;font-family:var(--font-tit);font-size:min(50*var(--ratio-em),var(--vw-to-px)*1rem/16*60/var(--device)*100);font-weight:300;border-bottom:1px solid var(--color-link-l);margin-left:-1rem;padding-left:1rem;padding-bottom:13px}@media screen and (max-width: 900px){.charaDetail .detail .name{width:100%}}@media screen and (min-width: 901px){.charaDetail .detail .name{width:calc(100% - 21px)}}@media screen and (min-width: 1281px){.charaDetail .detail .name{width:calc(100% - 20px)}}@media screen and (min-width: 901px){.charaDetail .detail .name::before{content:"";position:absolute;background:url(../images/character/img_name_l.png) no-repeat center left/contain;bottom:-23.8px;left:-30.1px;width:30.1px;height:23.8px}}@media screen and (min-width: 1281px){.charaDetail .detail .name::before{bottom:-34px;left:-43px;width:43px;height:34px}}.charaDetail .detail .name::after{content:"";position:absolute;bottom:-14px;right:-35px;background:url(../images/character/img_name_r.png) no-repeat center right/contain;width:35px;height:27px}.charaDetail .detail dl{display:flex;flex-wrap:wrap;padding-top:calc(40vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){.charaDetail .detail dl{padding-top:calc(30vw/var(--deviceWide)*100);padding-top:2rem}}.charaDetail .detail dl dt{width:2.5em;font-family:var(--font-tit);color:var(--color-link-l);font-weight:300;font-size:clamp(18*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100,20*var(--ratio-em))}@media screen and (min-width: 901px){.charaDetail .detail dl dt{font-size:min(25*var(--ratio-em),var(--vw-to-px)*1rem/16*30/var(--device)*100)}}.charaDetail .detail dl dd{font-weight:500;padding:.1rem 0;font-size:clamp(16*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em))}@media screen and (min-width: 901px){.charaDetail .detail dl dd{padding:.35rem 0;font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*25/var(--device)*100)}}.charaDetail .detail p{font-weight:400;font-size:clamp(14*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em));padding-top:calc(20vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){.charaDetail .detail p{font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*25/var(--device)*100)}}@media screen and (min-width: 1281px){.charaDetail .detail p{padding-top:0}}.charaDetail .detail p+p{padding-top:0}.charaDetail .detail .screen{margin-top:calc(50vw/var(--deviceWide)*100)}.charaDetail .detail a{display:block}#iori{background:url(../images/character/img_iori_bg_sp.webp) no-repeat top left/100% auto}@media screen and (min-width: 901px){#iori{background:url(../images/character/img_iori_bg.webp) no-repeat top left/100% auto}}#kirito{background:url(../images/character/img_kirito_bg_sp.webp) no-repeat top left/100% auto}@media screen and (min-width: 901px){#kirito{background:url(../images/character/img_kirito_bg.webp) no-repeat top left/100% auto}}#asuna{background:url(../images/character/img_asuna_bg_sp.webp) no-repeat top left/100% auto}@media screen and (min-width: 901px){#asuna{background:url(../images/character/img_asuna_bg.webp) no-repeat top left/100% auto}}
/*# sourceMappingURL=maps/character.css.map */