@media screen and (max-width: 750px){#character main h1{font-size:7.46667vw}}@media screen and (max-width: 750px){#character main #snav li{width:86.66667vw}#character main #snav li:nth-child(n+2){width:42vw}#character main #snav li:nth-child(n+2) p{padding:2.66667vw 0;position:relative}#character main #snav li:nth-child(n+2) p img{width:5.73333vw;position:absolute;left:2.66667vw;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#character main #snav li:nth-child(n+2) p span{position:relative;left:3.33333vw}}@media screen and (min-width: 751px){#character main #snav li{width:11.71875vw}#character main #snav li p{padding:1.5625vw 0;position:relative;cursor:pointer}#character main #snav li p img{width:2.73438vw;position:absolute;left:50%;top:-1.95313vw;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}@media screen and (min-width: 1280px){#character main #snav li{width:150px}#character main #snav li p{padding:20px 0}#character main #snav li p img{width:35px;top:-25px}}#character main #snav li[data-group="fighter"]{--category-color: #c10303}#character main #snav li[data-group="fighter"] p::before,#character main #snav li[data-group="fighter"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="fighter"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="fighter"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="fighter"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(193,3,3,0.5) 100%)}#character main #snav li[data-group="fighter"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(193,3,3,0.5) 100%)}#character main #snav li[data-group="fighter"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="fighter"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="fighter"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="tank"]{--category-color: #c16e03}#character main #snav li[data-group="tank"] p::before,#character main #snav li[data-group="tank"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="tank"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="tank"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="tank"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(193,110,3,0.5) 100%)}#character main #snav li[data-group="tank"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(193,110,3,0.5) 100%)}#character main #snav li[data-group="tank"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="tank"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="tank"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="rogue"]{--category-color: #9a959e}#character main #snav li[data-group="rogue"] p::before,#character main #snav li[data-group="rogue"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="rogue"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="rogue"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="rogue"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(154,149,158,0.5) 100%)}#character main #snav li[data-group="rogue"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(154,149,158,0.5) 100%)}#character main #snav li[data-group="rogue"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="rogue"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="rogue"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="ranger"]{--category-color: #c19f03}#character main #snav li[data-group="ranger"] p::before,#character main #snav li[data-group="ranger"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="ranger"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="ranger"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="ranger"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(193,159,3,0.5) 100%)}#character main #snav li[data-group="ranger"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(193,159,3,0.5) 100%)}#character main #snav li[data-group="ranger"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="ranger"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="ranger"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="mage"]{--category-color: #03c1bf}#character main #snav li[data-group="mage"] p::before,#character main #snav li[data-group="mage"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="mage"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="mage"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="mage"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(3,193,191,0.5) 100%)}#character main #snav li[data-group="mage"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(3,193,191,0.5) 100%)}#character main #snav li[data-group="mage"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="mage"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="mage"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="support"]{--category-color: #03c16e}#character main #snav li[data-group="support"] p::before,#character main #snav li[data-group="support"] p::after{background:var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="support"] p:hover{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="support"] p:hover{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="support"].select::before{background:linear-gradient(0deg, transparent 0%, rgba(3,193,110,0.5) 100%)}#character main #snav li[data-group="support"].select::after{background:linear-gradient(180deg, transparent 0%, rgba(3,193,110,0.5) 100%)}#character main #snav li[data-group="support"].select p{text-shadow:0 0 1.33333vw var(--category-color),0 0 .4vw var(--category-color)}@media screen and (min-width: 751px){#character main #snav li[data-group="support"].select p{text-shadow:0 0 .78125vw var(--category-color),0 0 .23438vw var(--category-color)}}@media screen and (min-width: 1280px){#character main #snav li[data-group="support"].select p{text-shadow:0 0 10px var(--category-color),0 0 3px var(--category-color)}}#character main #snav li[data-group="fighter"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c10303" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c10303" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c10303" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c10303" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main #snav li[data-group="tank"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c16e03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c16e03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c16e03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c16e03" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main #snav li[data-group="rogue"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%239a959e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%239a959e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%239a959e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%239a959e" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main #snav li[data-group="ranger"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c19f03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c19f03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c19f03" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%23c19f03" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main #snav li[data-group="mage"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c1bf" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c1bf" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c1bf" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c1bf" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main #snav li[data-group="support"] p{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c16e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c16e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c16e" width="3" height="3"/></svg>'),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 3"><rect fill="%2303c16e" width="3" height="3"/></svg>');background-repeat:no-repeat;background-position:left top, right top, left bottom, right bottom}#character main .setCol{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}#character main .setCol.aboutBottom .tabCol{-webkit-order:0;order:0}#character main .setCol.aboutBottom .aboutCol{-webkit-order:1;order:1;margin:0 auto 10.66667vw;padding:5.33333vw 0 0;position:relative}#character main .setCol.aboutBottom .aboutCol::before{content:'';display:block;width:100vw;height:.13333vw;background:rgba(0,187,255,0.3);position:absolute;top:0;left:-50%}@media screen and (min-width: 751px){#character main .setCol.aboutBottom .aboutCol{margin:0 auto 9.375vw;padding:3.125vw 0 0}#character main .setCol.aboutBottom .aboutCol::before{height:.07813vw}}@media screen and (min-width: 1280px){#character main .setCol.aboutBottom .aboutCol{margin:0 auto 120px;padding:40px 0 0}#character main .setCol.aboutBottom .aboutCol::before{height:1px}}#character main .aboutCol{display:block;margin:0 auto;margin:5.33333vw auto 0}@media screen and (min-width: 751px){#character main .aboutCol{margin:3.125vw auto 0}}@media screen and (min-width: 1280px){#character main .aboutCol{margin:40px auto 0}}#character main .aboutCol .description{display:block;width:86.66667vw;margin:0 auto;font-size:3.46667vw;line-height:2}@media screen and (min-width: 751px){#character main .aboutCol .description{width:50.78125vw;font-size:1.40625vw;text-align:center}}@media screen and (min-width: 1280px){#character main .aboutCol .description{width:650px;font-size:18px}}#character main .aboutCol .accordionList dt{display:block;width:86.66667vw;margin:5.33333vw auto 0;padding:3.33333vw;background:#1c1810;border:.4vw solid #dec284;box-shadow:0px 0px 4vw 0px rgba(255,194,51,0.4) inset;font-size:3.73333vw;line-height:1;text-align:center;text-decoration:none;color:#f9eed6;position:relative}#character main .aboutCol .accordionList dt::after{content:'';display:block;width:1.2vw;height:2.4vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.875 21.59"><path fill="%23fffcb2" d="M61.957,1520.8L51.1,1531.54v-3.58l7.823-7.26-7.823-7.19v-3.57l10.741,10.74h0Z" transform="translate(-51.094 -1509.94)" /></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:50%;right:4vw;-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);z-index:2;transition:.4s}#character main .aboutCol .accordionList dt.show::after{-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg)}@media screen and (min-width: 751px){#character main .aboutCol .accordionList dt{width:50.78125vw;margin:3.125vw auto 0;padding:1.5625vw;border:.23438vw solid #dec284;box-shadow:0px 0px 2.34375vw 0px rgba(255,194,51,0.4) inset;font-size:1.40625vw;transition:.4s}#character main .aboutCol .accordionList dt::after{width:.70313vw;height:1.40625vw;right:2.34375vw}#character main .aboutCol .accordionList dt:hover{cursor:pointer;box-shadow:0px 0px 0 0px rgba(255,194,51,0.4) inset}#character main .aboutCol .accordionList dt:hover::after{-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg)}}@media screen and (min-width: 1280px){#character main .aboutCol .accordionList dt{width:650px;margin:40px auto 0;padding:20px;border:3px solid #dec284;box-shadow:0px 0px 30px 0px rgba(255,194,51,0.4) inset;font-size:18px}#character main .aboutCol .accordionList dt::after{width:9px;height:18px;right:30px}}#character main .aboutCol .accordionList dd{display:none}#character main .aboutCol .accordionList dd .rollList{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:86.66667vw;margin:0 auto}@media screen and (min-width: 751px){#character main .aboutCol .accordionList dd .rollList{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:50.78125vw;margin:2.34375vw auto 0}}@media screen and (min-width: 1280px){#character main .aboutCol .accordionList dd .rollList{width:650px;margin:30px auto 0}}#character main .aboutCol .accordionList dd .rollList li{-webkit-flex:none;flex:none;display:block;width:24vw;margin:5.33333vw 0 0;text-align:center}@media screen and (min-width: 751px){#character main .aboutCol .accordionList dd .rollList li{width:auto;margin:0 1.5625vw}}@media screen and (min-width: 1280px){#character main .aboutCol .accordionList dd .rollList li{width:0 20px}}#character main .aboutCol .accordionList dd .rollList li img{width:15.33333vw}@media screen and (min-width: 751px){#character main .aboutCol .accordionList dd .rollList li img{width:5vw}}@media screen and (min-width: 1280px){#character main .aboutCol .accordionList dd .rollList li img{width:64px}}#character main .aboutCol .accordionList dd .rollList li p{display:block;margin:1.33333vw auto 0}@media screen and (min-width: 751px){#character main .aboutCol .accordionList dd .rollList li p{margin:0 auto}}#character main .contentCol{margin:6.66667vw auto 10.66667vw}@media screen and (min-width: 751px){#character main .contentCol{margin:3.90625vw auto 9.375vw}}@media screen and (min-width: 1280px){#character main .contentCol{margin:50px auto 120px}}#character main .contentCol.hide{display:none}#character main .contentCol .titCol{display:block;background:linear-gradient(90deg, rgba(0,51,70,0.6) 0%, rgba(0,172,237,0.6) 100%);padding:4vw 0;border-top:.13333vw solid rgba(0,162,221,0.6);position:relative;overflow:hidden}#character main .contentCol .titCol::before{content:'';display:block;width:67.86667vw;height:11.6vw;background:url(../images/character/bg_txt_fighter.svg) center center no-repeat;background-size:contain;position:absolute;bottom:0;right:0;opacity:0.5}@media screen and (min-width: 751px){#character main .contentCol .titCol{padding:2.34375vw 0;border-top:.07813vw solid rgba(0,162,221,0.6)}#character main .contentCol .titCol::before{width:29.82422vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol .titCol{padding:30px 0;border-top:1px solid rgba(0,162,221,0.6)}#character main .contentCol .titCol::before{width:381.75px;height:65.25px}}#character main .contentCol .titCol h2{padding:0 6.66667vw;-webkit-justify-content:flex-start;justify-content:flex-start;background:transparent;border:none}#character main .contentCol .titCol h2::before{display:none}@media screen and (min-width: 751px){#character main .contentCol .titCol h2{padding:0 calc(50% - (1vw * 590 / 1280 * 100))}}@media screen and (min-width: 1280px){#character main .contentCol .titCol h2{padding:0 calc(50% - 590px)}}#character main .contentCol .titCol h2 span:nth-of-type(1){margin:0;width:10.8vw}#character main .contentCol .titCol h2 span:nth-of-type(2){margin:0 0 0 2.66667vw;font-size:4.8vw;text-align:left;line-height:0}@media screen and (min-width: 751px){#character main .contentCol .titCol h2 span:nth-of-type(1){width:4.76563vw}#character main .contentCol .titCol h2 span:nth-of-type(2){margin:0 0 0 1.5625vw;font-size:2.10938vw}}@media screen and (min-width: 1280px){#character main .contentCol .titCol h2 span:nth-of-type(1){width:61px}#character main .contentCol .titCol h2 span:nth-of-type(2){margin:0 0 0 20px;font-size:27px}}#character main .contentCol .titCol .description{display:block;margin:1.33333vw auto 0;padding:0 6.66667vw;font-size:3.46667vw;line-height:2;letter-spacing:0;font-family:'Noto Serif JP', serif}@media screen and (min-width: 751px){#character main .contentCol .titCol .description{margin:.78125vw auto 0;padding:0 calc(50% - (1vw * 510 / 1280 * 100));font-size:1.40625vw}}@media screen and (min-width: 1280px){#character main .contentCol .titCol .description{margin:10px auto 0;padding:0 calc(50% - 510px);font-size:18px}}#character main .contentCol .titCol .description span{text-shadow:0 0 1.33333vw #006aff,0 0 .13333vw #3f85e8}@media screen and (min-width: 751px){#character main .contentCol .titCol .description span{text-shadow:0 0 .78125vw #006aff,0 0 .07813vw #3f85e8}}@media screen and (min-width: 1280px){#character main .contentCol .titCol .description span{text-shadow:0 0 10px #006aff, 0 0 1px #3f85e8}}#character main .contentCol .charaList{display:block;margin:10.66667vw auto 0}@media screen and (min-width: 751px){#character main .contentCol .charaList{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;width:93.75vw;margin:1.5625vw auto 0}#character main .contentCol .charaList:not(:has(>li:nth-child(2))){-webkit-justify-content:center;justify-content:center}#character main .contentCol .charaList:not(:has(>li:nth-child(2))) li{margin-right:0}}@media screen and (min-width: 1280px){#character main .contentCol .charaList{width:1200px;margin:20px auto 0}}#character main .contentCol .charaList li{display:block;margin:8vw auto 0}@media screen and (max-width: 750px){#character main .contentCol .charaList li:first-child{margin-top:0}}@media screen and (min-width: 751px){#character main .contentCol .charaList li{margin:3.125vw 3.125vw 0 0}#character main .contentCol .charaList li:nth-child(even){margin-right:0}}@media screen and (min-width: 1280px){#character main .contentCol .charaList li{margin:40px 40px 0 0}}#character main .contentCol .charaList li.new{position:relative}#character main .contentCol .charaList li.new::after{content:'NEW';display:inline-block;margin:0 0 0 .5em;padding:.4vw .66667vw;background:#fff;color:#000;font-size:2.13333vw;font-family:'Lato', 'Noto Sans JP', sans-serif;line-height:1;letter-spacing:0;box-shadow:0 0 1.33333vw #fff;text-shadow:none;position:absolute;top:-1.73333vw;left:6.66667vw;z-index:2}@media screen and (min-width: 751px){#character main .contentCol .charaList li.new::after{padding:.23438vw .39063vw;margin:0 0 0 .8em;font-size:.9375vw;box-shadow:0 0 .78125vw #fff;top:-1.01563vw;left:-1.79687vw}}@media screen and (min-width: 1280px){#character main .contentCol .charaList li.new::after{padding:3px 5px;font-size:12px;box-shadow:0 0 10px #fff;top:-13px;left:-23px}}#character main .contentCol .charaList li .btn{display:block;width:81.33333vw;margin:0 auto;position:relative}#character main .contentCol .charaList li .btn::before{content:'';display:block;width:calc(100% + (1vw * 20 / 750 * 100));height:calc(100% + (1vw * 20 / 750 * 100));background:rgba(255,255,255,0.1);outline:1px solid #747474;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:border-box}@media screen and (min-width: 751px){#character main .contentCol .charaList li .btn{width:45.3125vw}#character main .contentCol .charaList li .btn::before{width:calc(100% + (1vw * 20 / 1280 * 100));height:calc(100% + (1vw * 20 / 1280 * 100))}}@media screen and (min-width: 1280px){#character main .contentCol .charaList li .btn{width:580px}#character main .contentCol .charaList li .btn::before{width:calc(100% + 20px);height:calc(100% + 20px)}}#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::before{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23747474" d="M1076,2617v12h-3v-15h15v3h-12Z" transform="translate(-1073 -2614)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;top:-1.73333vw;left:-1.73333vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::after{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23747474" d="M1725,2614h-15v3h15v-3Zm0,0h-3v15h3v-15Z" transform="translate(-1710 -2614)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;top:-1.73333vw;right:-1.73333vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::before{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23747474" d="M1073,2988h15v-3h-15v3Zm0,0h3v-15h-3v15Z" transform="translate(-1073 -2973)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;bottom:-1.73333vw;left:-1.73333vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::after{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23747474" d="M1725,2988h-15v-3h15v3Zm0,0h-3v-15h3v15Z" transform="translate(-1710 -2973)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;bottom:-1.73333vw;right:-1.73333vw}@media screen and (min-width: 751px){#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::before{width:1.17188vw;height:1.17188vw;top:-1.01563vw;left:-1.01563vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::after{width:1.17188vw;height:1.17188vw;top:-1.01563vw;right:-1.01563vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::before{width:1.17188vw;height:1.17188vw;bottom:-1.01563vw;left:-1.01563vw}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::after{width:1.17188vw;height:1.17188vw;bottom:-1.01563vw;right:-1.01563vw}}@media screen and (min-width: 1280px){#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::before{width:15px;height:15px;top:-13px;left:-13px}#character main .contentCol .charaList li .btn .frame span:nth-of-type(1)::after{width:15px;height:15px;top:-13px;right:-13px}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::before{width:15px;height:15px;bottom:-13px;left:-13px}#character main .contentCol .charaList li .btn .frame span:nth-of-type(2)::after{width:15px;height:15px;bottom:-13px;right:-13px}}#character main .contentCol .charaList li .btn img{display:block;width:100%;margin:0 auto;-webkit-transform:scale(0.99, 0.99);transform:scale(0.99, 0.99);position:relative;z-index:2}@media screen and (min-width: 751px){#character main .contentCol .charaList li .btn{transition:.4s}#character main .contentCol .charaList li .btn::before,#character main .contentCol .charaList li .btn::after{transition:.4s}#character main .contentCol .charaList li .btn .frame span::before,#character main .contentCol .charaList li .btn .frame span::after{transition:.4s}#character main .contentCol .charaList li .btn .thumb{transition:.4s}#character main .contentCol .charaList li .btn .thumb::before,#character main .contentCol .charaList li .btn .thumb::after{transition:.4s}#character main .contentCol .charaList li .btn img{transition:.2s}#character main .contentCol .charaList li .btn:hover::before{width:100%;height:100%;outline-color:#fff}#character main .contentCol .charaList li .btn:hover::after{opacity:0}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::before{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23fff" d="M1076,2617v12h-3v-15h15v3h-12Z" transform="translate(-1073 -2614)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;top:-1.73333vw;left:-1.73333vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::after{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23fff" d="M1725,2614h-15v3h15v-3Zm0,0h-3v15h3v-15Z" transform="translate(-1710 -2614)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;top:-1.73333vw;right:-1.73333vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::before{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23fff" d="M1073,2988h15v-3h-15v3Zm0,0h3v-15h-3v15Z" transform="translate(-1073 -2973)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;bottom:-1.73333vw;left:-1.73333vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::after{content:'';display:block;width:2vw;height:2vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path fill="%23fff" d="M1725,2988h-15v-3h15v3Zm0,0h-3v-15h3v15Z" transform="translate(-1710 -2973)" /></svg>');background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;bottom:-1.73333vw;right:-1.73333vw}}@media screen and (min-width: 751px) and (min-width: 751px){#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::before{width:1.17188vw;height:1.17188vw;top:-1.01563vw;left:-1.01563vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::after{width:1.17188vw;height:1.17188vw;top:-1.01563vw;right:-1.01563vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::before{width:1.17188vw;height:1.17188vw;bottom:-1.01563vw;left:-1.01563vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::after{width:1.17188vw;height:1.17188vw;bottom:-1.01563vw;right:-1.01563vw}}@media screen and (min-width: 751px) and (min-width: 1280px){#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::before{width:15px;height:15px;top:-13px;left:-13px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::after{width:15px;height:15px;top:-13px;right:-13px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::before{width:15px;height:15px;bottom:-13px;left:-13px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::after{width:15px;height:15px;bottom:-13px;right:-13px}}@media screen and (min-width: 751px){#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::before{width:2.1875vw;height:2.1875vw;top:-.3125vw;left:-.3125vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::after{width:2.1875vw;height:2.1875vw;top:-.3125vw;right:-.3125vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::before{width:2.1875vw;height:2.1875vw;bottom:-.3125vw;left:-.3125vw}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::after{width:2.1875vw;height:2.1875vw;bottom:-.3125vw;right:-.3125vw}}@media screen and (min-width: 751px) and (min-width: 1280px){#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::before{width:28px;height:28px;top:-4px;left:-4px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(1)::after{width:28px;height:28px;top:-4px;right:-4px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::before{width:28px;height:28px;bottom:-4px;left:-4px}#character main .contentCol .charaList li .btn:hover .frame span:nth-of-type(2)::after{width:28px;height:28px;bottom:-4px;right:-4px}}@media screen and (min-width: 751px){#character main .contentCol .charaList li .btn:hover .thumb{border:none;border-color:#dbf5ff}#character main .contentCol .charaList li .btn:hover .thumb::before{background:#fff}#character main .contentCol .charaList li .btn:hover .thumb::after{opacity:0}#character main .contentCol .charaList li .btn:hover img{-webkit-transform:scale(1, 1);transform:scale(1, 1)}}#character main .contentCol .charaList li .dlc{position:absolute;right:0;bottom:0;font-family:'Noto Serif JP', serif;text-decoration:none;font-size:0.8em;margin:0 1% 1% 0;z-index:10}@media screen and (max-width: 750px){#character main .contentCol .charaList li .dlc{font-size:0.7em;margin:0 9.75% 1% 0}}#character main .contentCol .charaList li .dlc:hover{color:#000}#character main .contentCol .charaList li .store{position:absolute;right:0;bottom:0;font-family:'Noto Serif JP', serif;text-decoration:none;font-size:0.8em;margin:0 1% 1% 0;z-index:10}@media screen and (max-width: 750px){#character main .contentCol .charaList li .store{font-size:0.7em;margin:0 9.75% 1% 0}}#character main .contentCol .charaList li .store:hover{color:#000}#character main .contentCol .charaList li .update{position:absolute;right:0;bottom:0;font-family:'Noto Serif JP', serif;text-decoration:none;font-size:0.8em;margin:0 1% 1% 0;z-index:10}@media screen and (max-width: 750px){#character main .contentCol .charaList li .update{font-size:0.7em;margin:0 9.75% 1% 0}}#character main .contentCol[data-group="fighter"] .titCol{background:linear-gradient(90deg, rgba(54,0,0,0.6) 0%, rgba(182,19,19,0.6) 100%);border-top:.13333vw solid rgba(255,89,89,0.6)}#character main .contentCol[data-group="fighter"] .titCol::before{width:67.86667vw;height:11.6vw;background:url(../images/character/bg_txt_fighter.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="fighter"] .titCol{border-top:.07813vw solid rgba(255,89,89,0.6)}#character main .contentCol[data-group="fighter"] .titCol::before{width:29.82422vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="fighter"] .titCol{border-top:1px solid rgba(255,89,89,0.6)}#character main .contentCol[data-group="fighter"] .titCol::before{width:381.75px;height:65.25px}}#character main .contentCol[data-group="fighter"] .titCol h2 span,#character main .contentCol[data-group="fighter"] .titCol .description span{text-shadow:0 0 1.33333vw red,0 0 .13333vw #e83f3f}@media screen and (min-width: 751px){#character main .contentCol[data-group="fighter"] .titCol h2 span,#character main .contentCol[data-group="fighter"] .titCol .description span{text-shadow:0 0 .78125vw red,0 0 .07813vw #e83f3f}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="fighter"] .titCol h2 span,#character main .contentCol[data-group="fighter"] .titCol .description span{text-shadow:0 0 10px #ff0000, 0 0 1px #e83f3f}}#character main .contentCol[data-group="tank"] .titCol{background:linear-gradient(90deg, rgba(54,30,0,0.6) 0%, rgba(181,111,20,0.6) 100%);border-top:.13333vw solid rgba(255,183,89,0.6)}#character main .contentCol[data-group="tank"] .titCol::before{width:43.2vw;height:11.33333vw;background:url(../images/character/bg_txt_tank.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="tank"] .titCol{border-top:.07813vw solid rgba(255,183,89,0.6)}#character main .contentCol[data-group="tank"] .titCol::before{width:18.98438vw;height:4.98047vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="tank"] .titCol{border-top:1px solid rgba(255,183,89,0.6)}#character main .contentCol[data-group="tank"] .titCol::before{width:243px;height:63.75px}}#character main .contentCol[data-group="tank"] .titCol h2 span,#character main .contentCol[data-group="tank"] .titCol .description span{text-shadow:0 0 1.33333vw #ff9100,0 0 .13333vw #e89f3f}@media screen and (min-width: 751px){#character main .contentCol[data-group="tank"] .titCol h2 span,#character main .contentCol[data-group="tank"] .titCol .description span{text-shadow:0 0 .78125vw #ff9100,0 0 .07813vw #e89f3f}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="tank"] .titCol h2 span,#character main .contentCol[data-group="tank"] .titCol .description span{text-shadow:0 0 10px #ff9100, 0 0 1px #e89f3f}}#character main .contentCol[data-group="rogue"] .titCol{background:linear-gradient(90deg, rgba(50,47,52,0.6) 0%, rgba(154,149,158,0.6) 100%);border-top:.13333vw solid rgba(192,186,197,0.6)}#character main .contentCol[data-group="rogue"] .titCol::before{width:55.46667vw;height:11.6vw;background:url(../images/character/bg_txt_rogue.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="rogue"] .titCol{border-top:.07813vw solid rgba(192,186,197,0.6)}#character main .contentCol[data-group="rogue"] .titCol::before{width:24.375vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="rogue"] .titCol{border-top:1px solid rgba(192,186,197,0.6)}#character main .contentCol[data-group="rogue"] .titCol::before{width:312px;height:65.25px}}#character main .contentCol[data-group="rogue"] .titCol h2 span,#character main .contentCol[data-group="rogue"] .titCol .description span{text-shadow:0 0 1.33333vw #c0bac5,0 0 .13333vw #d8d2dd}@media screen and (min-width: 751px){#character main .contentCol[data-group="rogue"] .titCol h2 span,#character main .contentCol[data-group="rogue"] .titCol .description span{text-shadow:0 0 .78125vw #c0bac5,0 0 .07813vw #d8d2dd}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="rogue"] .titCol h2 span,#character main .contentCol[data-group="rogue"] .titCol .description span{text-shadow:0 0 10px #c0bac5, 0 0 1px #d8d2dd}}#character main .contentCol[data-group="ranger"] .titCol{background:linear-gradient(90deg, rgba(54,44,0,0.6) 0%, rgba(181,152,20,0.6) 100%);border-top:.13333vw solid rgba(255,225,89,0.6)}#character main .contentCol[data-group="ranger"] .titCol::before{width:66.13333vw;height:11.6vw;background:url(../images/character/bg_txt_ranger.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="ranger"] .titCol{border-top:.07813vw solid rgba(255,225,89,0.6)}#character main .contentCol[data-group="ranger"] .titCol::before{width:29.0625vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="ranger"] .titCol{border-top:1px solid rgba(255,225,89,0.6)}#character main .contentCol[data-group="ranger"] .titCol::before{width:372px;height:65.25px}}#character main .contentCol[data-group="ranger"] .titCol h2 span,#character main .contentCol[data-group="ranger"] .titCol .description span{text-shadow:0 0 1.33333vw #ffd000,0 0 .13333vw #e8c93f}@media screen and (min-width: 751px){#character main .contentCol[data-group="ranger"] .titCol h2 span,#character main .contentCol[data-group="ranger"] .titCol .description span{text-shadow:0 0 .78125vw #ffd000,0 0 .07813vw #e8c93f}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="ranger"] .titCol h2 span,#character main .contentCol[data-group="ranger"] .titCol .description span{text-shadow:0 0 10px #ffd000, 0 0 1px #e8c93f}}#character main .contentCol[data-group="mage"] .titCol{background:linear-gradient(90deg, rgba(0,54,53,0.6) 0%, rgba(20,181,178,0.6) 100%);border-top:.13333vw solid rgba(89,255,252,0.6)}#character main .contentCol[data-group="mage"] .titCol::before{width:45.86667vw;height:11.6vw;background:url(../images/character/bg_txt_mage.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="mage"] .titCol{border-top:.07813vw solid rgba(89,255,252,0.6)}#character main .contentCol[data-group="mage"] .titCol::before{width:20.15625vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="mage"] .titCol{border-top:1px solid rgba(89,255,252,0.6)}#character main .contentCol[data-group="mage"] .titCol::before{width:258px;height:65.25px}}#character main .contentCol[data-group="mage"] .titCol h2 span,#character main .contentCol[data-group="mage"] .titCol .description span{text-shadow:0 0 1.33333vw #00fffb,0 0 .13333vw #3fe8e5}@media screen and (min-width: 751px){#character main .contentCol[data-group="mage"] .titCol h2 span,#character main .contentCol[data-group="mage"] .titCol .description span{text-shadow:0 0 .78125vw #00fffb,0 0 .07813vw #3fe8e5}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="mage"] .titCol h2 span,#character main .contentCol[data-group="mage"] .titCol .description span{text-shadow:0 0 10px #00fffb, 0 0 1px #3fe8e5}}#character main .contentCol[data-group="support"] .titCol{background:linear-gradient(90deg, rgba(0,54,30,0.6) 0%, rgba(20,181,111,0.6) 100%);border-top:.13333vw solid rgba(89,255,183,0.6)}#character main .contentCol[data-group="support"] .titCol::before{width:74.53333vw;height:11.6vw;background:url(../images/character/bg_txt_support.svg) center center no-repeat;background-size:contain}@media screen and (min-width: 751px){#character main .contentCol[data-group="support"] .titCol{border-top:.07813vw solid rgba(89,255,183,0.6)}#character main .contentCol[data-group="support"] .titCol::before{width:32.75391vw;height:5.09766vw}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="support"] .titCol{border-top:1px solid rgba(89,255,183,0.6)}#character main .contentCol[data-group="support"] .titCol::before{width:419.25px;height:65.25px}}#character main .contentCol[data-group="support"] .titCol h2 span,#character main .contentCol[data-group="support"] .titCol .description span{text-shadow:0 0 1.33333vw #00ff91,0 0 .13333vw #3fe89f}@media screen and (min-width: 751px){#character main .contentCol[data-group="support"] .titCol h2 span,#character main .contentCol[data-group="support"] .titCol .description span{text-shadow:0 0 .78125vw #00ff91,0 0 .07813vw #3fe89f}}@media screen and (min-width: 1280px){#character main .contentCol[data-group="support"] .titCol h2 span,#character main .contentCol[data-group="support"] .titCol .description span{text-shadow:0 0 10px #00ff91, 0 0 1px #3fe89f}}

/*# sourceMappingURL=maps/character.css.map */