.characters .section-splatter{min-height:35rem}.chara-area-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto}.chara-row{display:flex;flex-wrap:wrap}.card-wrap{position:relative;display:inline-flex;transition:transform .35s ease;margin:.3rem;transform:skewX(-5deg)}@media screen and (max-width:767px){.chara-row{width:100%}.card-wrap{width:calc(20% - .6rem)}}.card-wrap::before{content:"";position:absolute;inset:-2.5px;background:linear-gradient(to top,red,#ff0);opacity:0;filter:blur(1px);z-index:-1;transition:opacity .35s ease}.card{width:6.5vw;height:13vw;position:relative;overflow:hidden;background-color:#1a1a1a}@media screen and (min-width:768px){.card:hover{background:linear-gradient(0deg,#6e0101 0,#ca1515 60%,#e64600 100%)}}@media screen and (max-width:767px){.card{width:100%;height:4.5rem}.card:active{background:linear-gradient(0deg,#6e0101 0,#ca1515 60%,#e64600 100%)}.card:focus{background:linear-gradient(0deg,#6e0101 0,#ca1515 60%,#e64600 100%)}}.card-hide{opacity:0;pointer-events:none}.card img{position:absolute;width:240%;height:auto;display:block;transform:skewX(5deg) translateX(-12%)}@media screen and (max-width:767px){.card img{width:210%;transform:skewX(5deg) translateX(-3%)}}.name-overlay{position:absolute;top:0;right:0;width:2rem;height:100%;background:linear-gradient(to left,#000cc 0,#00066 50%,#00000 100%);transform:translateX(100%);transition:transform .35s ease;display:flex;align-items:center;justify-content:center}.name-overlay span{color:#fff;font-size:1rem;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:1px}@media screen and (max-width:767px){.name-overlay{display:none}.name-overlay span{font-size:.8rem}}.card-wrap:hover{transform:scale(1.05) skewX(-5deg)}.card-wrap:hover::before{opacity:1}.card-wrap:hover .name-overlay{transform:translateX(0)}.chara-text-small{font-family:"Roboto Condensed",sans-serif;font-size:1.2rem;color:#e64600;margin:2rem auto;width:100%;text-align:center}.chara-name-wrapper{position:relative;display:flex;align-items:flex-start;flex-direction:row;width:100%}.chara-name-text{width:auto;margin-bottom:2rem}.chara-name-title{color:#e64600;font-size:1.5rem}@media screen and (max-width:767px){.chara-name-wrapper{flex-direction:column-reverse}.chara-name-title{font-size:1.4rem}}.chara-name-big{display:flex;align-items:flex-end;flex-wrap:nowrap}.chara-name-big .chara-name-big-main{font-size:5rem;line-height:1;color:#fff!important;font-family:"Roboto Condensed",sans-serif;font-weight:bolder;letter-spacing:5px}@media screen and (max-width:767px){.chara-name-big{flex-wrap:wrap;flex-direction:column;align-items:flex-start}.chara-name-big .chara-name-big-main{letter-spacing:2px;font-size:4rem}}.chara-name-big .chara-name-big-sub{font-size:2rem;color:#c2c2c2;margin-left:1rem;text-shadow:#000 3px 1px 5px}.command-list-wrapper a,.nav-arrow{color:#fff}@media screen and (max-width:767px){.chara-name-big .chara-name-big-sub{font-size:1.5rem;margin-left:0}}.chara-name-cv{font-size:1.2rem;background:linear-gradient(0deg,#ca0000 10%,#ff7b00 100%);padding:0 .5rem;display:inline}.chara-fullbody{height:100%;width:30%;position:absolute;top:0;right:0;z-index:-1}@media screen and (max-width:767px){.chara-fullbody{position:relative;display:flex;align-items:center;justify-items:center;width:80%;margin:1rem auto;right:auto}}.chara-fullbody img{position:absolute;height:100%;width:auto;left:50%;transform:translateX(-50%)}@media screen and (max-width:767px){.chara-fullbody img{position:relative;height:120vw;width:auto}}.chara-profile{position:relative}.chara-profile-wrapper{display:flex;align-items:flex-start;flex-direction:row;width:60%;z-index:10}.orange-line{border-bottom:2px solid #e64600;margin:2rem 0 .5rem;z-index:-5}.profile-fightstyle-wrapper{display:flex;align-items:center;flex-wrap:nowrap}.profile-fightstyle{font-size:2rem;line-height:1.5}.command-list-wrapper{transition:all .5s ease}.command-list{background:linear-gradient(135deg,#001974 0,#8f0024 100%);box-shadow:0 0 20px 5px rgba(0,0,0,.5);display:inline;padding:.5rem 2rem;margin-left:2rem;font-family:"Roboto Condensed",sans-serif}@media screen and (max-width:767px){.chara-profile-wrapper{width:100%}.profile-fightstyle-wrapper{flex-wrap:wrap;flex-direction:column;align-items:flex-start;margin-bottom:.5rem}.profile-fightstyle:lang(ja){margin-bottom:.75rem}.command-list{width:100%;margin-left:0}}.chara-modal-ss{margin:1rem 0;width:30vw}@media screen and (max-width:767px){.chara-modal-ss{width:88vw}}.chara-table{width:100%;margin:0 auto;border-collapse:collapse;table-layout:fixed}@media screen and (max-width:767px){.chara-table{width:auto;table-layout:auto}}.chara-table td,.chara-table th{padding:.2rem 1rem .2rem 0;text-align:left;white-space:normal;vertical-align:top}.chara-table td:nth-last-child(3),.chara-table th:nth-last-child(3){white-space:nowrap;width:5%;padding-right:2rem}.chara-table td:nth-last-child(3):lang(en),.chara-table th:nth-last-child(3):lang(en){width:10%}.chara-table td:nth-last-child(2),.chara-table th:nth-last-child(2){width:.5%}.chara-table td:nth-last-child(1),.chara-table th:nth-last-child(1){width:50%}.character-nav{position:absolute;top:0;width:100%;z-index:10}.nav-arrow{position:absolute;top:38rem;width:3%;margin:0 1rem;transition:all .3s ease}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}@media screen and (min-width:768px){.command-list-wrapper:hover{filter:brightness(1.5);transform:scale(1.05) skewX(-10deg)}.nav-arrow:hover{filter:brightness(2);opacity:1;scale:1.05}}@media screen and (max-width:767px){.nav-arrow{filter:none;opacity:1;top:70vh;width:5%}}.characters .swiper-pagination{text-align:left}