#battle{position:relative}#battle header #titCol{display:block;margin:24vw auto 12vw;text-align:center}@media screen and (min-width: 751px){#battle header #titCol{margin:14.0625vw auto 7.03125vw}}@media screen and (min-width: 1280px){#battle header #titCol{margin:180px auto 90px}}#battle header #titCol h2{display:inline-block;padding:1.06667vw 5.33333vw 1.33333vw;background:#f50a64;font-size:8vw;font-weight:500;color:#fff;line-height:1;-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}@media screen and (min-width: 751px){#battle header #titCol h2{padding:.625vw 3.125vw .78125vw;font-size:4.6875vw}}@media screen and (min-width: 1280px){#battle header #titCol h2{padding:8px 40px 10px;font-size:60px}}#battle header #titCol h2 span{display:block;-webkit-transform:skewX(30deg);transform:skewX(30deg)}#battle #container main{display:block;width:100%;margin:13.33333vw auto 0}@media screen and (min-width: 751px){#battle #container main{margin:7.03125vw auto 0}}@media screen and (min-width: 1280px){#battle #container main{margin:90px auto 0}}#battle #container main.hasSsnav{margin-bottom:26.66667vw}@media screen and (min-width: 751px){#battle #container main.hasSsnav{margin-bottom:11.71875vw}}@media screen and (min-width: 1280px){#battle #container main.hasSsnav{margin-bottom:150px}}#battle #container main.hasSsnav #snav{margin:0 auto 40vw}@media screen and (min-width: 751px){#battle #container main.hasSsnav #snav{margin:0 auto 14.84375vw}}@media screen and (min-width: 1280px){#battle #container main.hasSsnav #snav{margin:0 auto 190px}}#battle #container main #snav{width:80vw;margin:0 auto}@media screen and (min-width: 751px){#battle #container main #snav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:87.5vw}}@media screen and (min-width: 1280px){#battle #container main #snav{width:1120px}}#battle #container main #snav li{width:100%;margin:2.66667vw auto 0}@media screen and (min-width: 751px){#battle #container main #snav li{width:calc((1vw * 1080 / 1280 * 100) / 3);margin:0}}@media screen and (min-width: 1280px){#battle #container main #snav li{width:calc(1080px / 3)}}#battle #container main #snav li .btn{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:100%;min-height:20vw;margin:0 auto}@media screen and (min-width: 751px){#battle #container main #snav li .btn{min-height:8.59375vw}}@media screen and (min-width: 1280px){#battle #container main #snav li .btn{min-height:110px}}#battle #container main #snav li .btn span{display:block;margin:0 auto;font-weight:400;line-height:1}#battle #container main #snav li .btn span.main{font-size:4.4vw;font-style:italic;position:relative;left:-.25em}@media screen and (min-width: 751px){#battle #container main #snav li .btn span.main{font-size:2.5vw}}@media screen and (min-width: 1280px){#battle #container main #snav li .btn span.main{font-size:32px}}#battle #container main #snav li .btn span.sub{margin:4vw auto 0;font-family:'Noto Sans JP', sans-serif;font-size:2.66667vw;position:relative;left:1em}@media screen and (min-width: 751px){#battle #container main #snav li .btn span.sub{margin:1.5625vw auto 0;font-size:1.25vw}}@media screen and (min-width: 1280px){#battle #container main #snav li .btn span.sub{margin:20px auto 0;font-size:16px}}#battle #container main #snav li.active .btn{background:#f50a64;box-shadow:none}@media screen and (min-width: 751px){#battle #container main #snav li.active .btn:hover{letter-spacing:initial;color:#fff;box-shadow:none}}#battle #container main #ssnav{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:96vw auto 0;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:99;text-align:center}@media screen and (max-width: 750px){#battle #container main #ssnav{background:#3fd1e7;background:linear-gradient(90deg, rgba(63,209,231,0.8) 0%, rgba(63,209,231,0.6) 100%)}}@media screen and (min-width: 751px){#battle #container main #ssnav{margin:25vw auto 2.34375vw}}@media screen and (min-width: 1280px){#battle #container main #ssnav{margin:320px auto 30px}}#battle #container main #ssnav ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 5.33333vw;position:relative;z-index:2}@media screen and (min-width: 751px){#battle #container main #ssnav ul{width:87.5vw;margin:0 auto;background:#3fd1e7;background:linear-gradient(90deg, rgba(63,209,231,0.8) 0%, rgba(63,209,231,0.6) 100%);-webkit-transform:skewX(-30deg);transform:skewX(-30deg);padding:0 3.125vw}}@media screen and (min-width: 1280px){#battle #container main #ssnav ul{width:1120px;padding:0 40px}}#battle #container main #ssnav ul li{display:block;margin:0 2.66667vw;font-size:4vw;letter-spacing:0}@media screen and (min-width: 751px){#battle #container main #ssnav ul li{width:auto;margin:0 1.5625vw;font-size:1.5625vw;-webkit-transform:skewX(30deg);transform:skewX(30deg)}}@media screen and (min-width: 1280px){#battle #container main #ssnav ul li{margin:0 20px;font-size:20px}}#battle #container main #ssnav ul li a{display:block;text-decoration:none;padding:4vw 0}#battle #container main #ssnav ul li a::before{content:'\30fb';display:inline-block;transition:.4s}@media screen and (min-width: 751px){#battle #container main #ssnav ul li a{padding:1.17188vw 0}#battle #container main #ssnav ul li a:hover{opacity:1}#battle #container main #ssnav ul li a:hover::before{text-shadow:0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff}}@media screen and (min-width: 1280px){#battle #container main #ssnav ul li a{padding:15px 0}}#battle #container main section:not(#concept){width:92vw;margin:0 auto}@media screen and (min-width: 751px){#battle #container main section:not(#concept){width:92.1875vw}}@media screen and (min-width: 1280px){#battle #container main section:not(#concept){width:1180px}}#battle #container main section:not(#concept) h3{display:block;margin:18vw 0 0;padding:0 0 0 4vw;font-size:12vw;letter-spacing:0;line-height:1.5;font-weight:400;position:relative}#battle #container main section:not(#concept) h3::before{content:'';display:block;width:.8vw;height:120%;background:#f50a64;position:absolute;top:0;left:0}@media screen and (min-width: 751px){#battle #container main section:not(#concept) h3{margin:7.03125vw 0 0;padding:0 0 0 1.95313vw;font-size:4.6875vw}#battle #container main section:not(#concept) h3::before{width:.3125vw}}@media screen and (min-width: 1280px){#battle #container main section:not(#concept) h3{margin:90px 0 0;padding:0 0 0 25px;font-size:60px}#battle #container main section:not(#concept) h3::before{width:4px}}#battle #container main section:not(#concept) h3 span{display:block}#battle #container main section:not(#concept) h3 span:nth-of-type(2){font-size:3.2vw;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main section:not(#concept) h3 span:nth-of-type(2){font-size:1.25vw}}@media screen and (min-width: 1280px){#battle #container main section:not(#concept) h3 span:nth-of-type(2){font-size:16px}}#battle #container main h4{display:block;margin:12vw 0 0;padding:0 0 2.66667vw;font-size:6.66667vw;line-height:1.5;font-weight:400;position:relative}#battle #container main h4::before{content:'';display:block;width:100%;height:.4vw;background:#f50a64;position:absolute;bottom:0;left:0}@media screen and (min-width: 751px){#battle #container main h4{margin:4.6875vw 0 0;padding:0 0 .78125vw;font-size:3.125vw}#battle #container main h4::before{height:.15625vw}}@media screen and (min-width: 1280px){#battle #container main h4{margin:60px 0 0;padding:0 0 10px;font-size:40px}#battle #container main h4::before{height:2px}}#battle #container main h4 span{display:block}#battle #container main h4 span:nth-of-type(2){font-size:3.2vw;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main h4 span:nth-of-type(2){font-size:1.25vw}}@media screen and (min-width: 1280px){#battle #container main h4 span:nth-of-type(2){font-size:16px}}#battle #container main h5{margin:16vw 0 0;font-family:'Noto Sans JP', sans-serif;font-style:italic;font-weight:800;color:#f50a64;font-size:5.6vw}#battle #container main h5:first-of-type{margin:8vw 0 0}@media screen and (min-width: 751px){#battle #container main h5{margin:4.6875vw 0 0;font-size:2.1875vw}#battle #container main h5:first-of-type{margin:3.90625vw 0 0}}@media screen and (min-width: 1280px){#battle #container main h5{margin:60px 0 0;font-size:28px}#battle #container main h5:first-of-type{margin:50px 0 0}}#battle #container main p{display:block;margin:8vw 0 0;line-height:2;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main p{margin:3.125vw 0 0}}@media screen and (min-width: 1280px){#battle #container main p{margin:40px 0 0}}#battle #container main a{color:#fff}#battle #container main .stit{display:block;margin:8vw 0 0;padding:0;font-size:4.4vw;font-weight:700;line-height:1}#battle #container main .stit::before{display:none}@media screen and (min-width: 751px){#battle #container main .stit{margin:3.125vw 0 0;font-size:1.71875vw}}@media screen and (min-width: 1280px){#battle #container main .stit{margin:40px 0 0;font-size:22px}}#battle #container main .stit+p{margin:4vw 0 0}@media screen and (min-width: 751px){#battle #container main .stit+p{margin:1.5625vw 0 0}}@media screen and (min-width: 1280px){#battle #container main .stit+p{margin:20px 0 0}}#battle #container main .catch{color:#3fd1e7;text-align:center}#battle #container main .catch span:nth-of-type(1){display:block;width:68.66667vw;margin:0 auto}@media screen and (min-width: 751px){#battle #container main .catch span:nth-of-type(1){width:40.23438vw}}@media screen and (min-width: 1280px){#battle #container main .catch span:nth-of-type(1){width:515px}}#battle #container main .catch span:nth-of-type(2){display:block;margin:8vw 0 0;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .catch span:nth-of-type(2){margin:3.125vw 0 0}}@media screen and (min-width: 1280px){#battle #container main .catch span:nth-of-type(2){margin:40px 0 0}}@media screen and (max-width: 750px){#battle #container main .description{width:100%;background:rgba(0,0,0,0.6)}}@media screen and (min-width: 751px){#battle #container main .description{width:100vw;margin:0 auto;padding:0 3.90625vw}}@media screen and (min-width: 1280px){#battle #container main .description{width:1280px;padding:0 50px}}#battle #container main .description p{display:block;margin:8vw 4vw;font-size:3.6vw;letter-spacing:0;font-weight:700;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .description p{margin:3.125vw 0vw;font-size:1.71875vw}}@media screen and (min-width: 1280px){#battle #container main .description p{margin:40px 0;font-size:22px}}#battle #container main .description p span{font-size:120%}#battle #container main .aboutBox{display:block;margin:10.66667vw 0 0;padding:0 8vw 8vw;background:rgba(2,1,8,0.3)}@media screen and (min-width: 751px){#battle #container main .aboutBox{margin:4.6875vw 0 0;padding:0 3.125vw 3.125vw}}@media screen and (min-width: 1280px){#battle #container main .aboutBox{margin:60px 0 0;padding:0 40px 40px}}#battle #container main .aboutBox .stit{display:inline-block;padding:.25em .5em;color:#fff;font-weight:700;background:#f50a64;-webkit-transform:skewX(-30deg);transform:skewX(-30deg);letter-spacing:0}#battle #container main .aboutBox .stit span{display:block;-webkit-transform:skewX(30deg);transform:skewX(30deg);line-height:1.2}#battle #container main .aboutBox .list{margin:5.33333vw 0 0;font-size:3.73333vw;font-weight:700;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .aboutBox .list{margin:1.5625vw 0 0;font-size:1.375vw}}@media screen and (min-width: 1280px){#battle #container main .aboutBox .list{margin:20px 0 0;font-size:17.6px}}#battle #container main .flexBox{display:block;margin:6vw auto 0}@media screen and (min-width: 751px){#battle #container main .flexBox{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;margin:2.34375vw auto 0}}@media screen and (min-width: 1280px){#battle #container main .flexBox{margin:30px auto 0}}@media screen and (min-width: 751px){#battle #container main .flexBox.center{-webkit-align-items:center;align-items:center}}#battle #container main .flexBox .img{width:92vw}@media screen and (min-width: 751px){#battle #container main .flexBox .img{width:47.65625vw}}@media screen and (min-width: 1280px){#battle #container main .flexBox .img{width:610px}}#battle #container main .flexBox .img a{display:block;border:1px solid #3fd1e7}@media screen and (min-width: 751px){#battle #container main .flexBox .img.arrow{height:32.96875vw;position:relative}#battle #container main .flexBox .img.arrow::before{content:'';display:block;width:6.09375vw;height:6.32813vw;background:url(../images/battle/ico_arrow.png) top center no-repeat;background-size:contain;position:absolute;top:18.59375vw;left:9.14063vw}}@media screen and (min-width: 1280px){#battle #container main .flexBox .img.arrow{height:422px}#battle #container main .flexBox .img.arrow::before{width:78px;height:81px;top:238px;left:117px}}@media screen and (min-width: 751px){#battle #container main .flexBox .img.arrow a{width:31.25vw;position:absolute}#battle #container main .flexBox .img.arrow a:nth-of-type(1){top:0;left:0}#battle #container main .flexBox .img.arrow a:nth-of-type(2){bottom:0;right:0}}@media screen and (min-width: 1280px){#battle #container main .flexBox .img.arrow a{width:400px}}@media screen and (max-width: 750px){#battle #container main .flexBox .img.arrow{border:1px solid #3fd1e7;line-height:0;font-size:0}#battle #container main .flexBox .img.arrow a{border:none}#battle #container main .flexBox .img.arrow .slick-prev{display:none}#battle #container main .flexBox .img.arrow .slick-prev::before{content:'';display:none}#battle #container main .flexBox .img.arrow .slick-next{display:block;background:url(../images/common/ico_arrow.png) top center no-repeat;background-size:contain;width:7.06667vw;height:9.06667vw;right:-2.66667vw;z-index:3;transition:.4s}#battle #container main .flexBox .img.arrow .slick-next::before{content:''}#battle #container main .flexBox .img.arrow .slick-next.slick-disabled{opacity:0}}#battle #container main .flexBox .img.slider{border:1px solid #3fd1e7;line-height:0;font-size:0}#battle #container main .flexBox .img.slider a{border:none}@media screen and (min-width: 751px){#battle #container main .flexBox .img .slick-dots{bottom:-2.34375vw}}@media screen and (min-width: 1280px){#battle #container main .flexBox .img .slick-dots{bottom:-30px}}#battle #container main .flexBox .img .slick-dots li button:before{color:#3fd1e7}#battle #container main .flexBox .detailList{letter-spacing:0}@media screen and (min-width: 751px){#battle #container main .flexBox .detailList{width:calc(100% - (1vw * 610 / 1280 * 100));margin-top:0;padding:0 0 0 4.6875vw}}@media screen and (min-width: 1280px){#battle #container main .flexBox .detailList{width:calc(100% - 610px);padding:0 0 0 60px}}#battle #container main .flexBox .list{margin-top:0}#battle #container main .flexBox .command{display:inline-block;height:4vw;width:auto;margin:0 1.33333vw;position:relative;top:-2px}@media screen and (min-width: 751px){#battle #container main .flexBox .command{height:1.5625vw;margin:0 .78125vw}}@media screen and (min-width: 1280px){#battle #container main .flexBox .command{height:20px;margin:0 10px}}#battle #container main .list{display:block;margin:8vw 0 0;font-size:3.73333vw;font-weight:400;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .list{margin:3.125vw 0 0;font-size:1.375vw}}@media screen and (min-width: 1280px){#battle #container main .list{margin:40px 0 0;font-size:17.6px}}#battle #container main .list li{display:block;margin:.8em 0 0;text-indent:-1em;padding-left:1em}#battle #container main .notice{display:block;margin:8vw 0 0}@media screen and (min-width: 751px){#battle #container main .notice{margin:3.125vw 0 0}}@media screen and (min-width: 1280px){#battle #container main .notice{margin:40px 0 0}}#battle #container main .notice.mtS{margin:2.66667vw 0 0}@media screen and (min-width: 751px){#battle #container main .notice.mtS{margin:.78125vw 0 0}}@media screen and (min-width: 1280px){#battle #container main .notice.mtS{margin:10px 0 0}}#battle #container main .notice li{display:block;margin:.5em 0 0;font-size:2.8vw;font-weight:400;text-indent:-1em;padding-left:1em;color:rgba(255,255,255,0.8)}@media screen and (min-width: 751px){#battle #container main .notice li{font-size:1.20313vw}}@media screen and (min-width: 1280px){#battle #container main .notice li{font-size:15.4px}}#battle #container main .detailList{margin:8vw 0 0;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .detailList{margin:3.125vw 0 0}}@media screen and (min-width: 1280px){#battle #container main .detailList{margin:40px 0 0}}#battle #container main .detailList dt{display:inline-block;min-width:53.33333vw;margin:5.33333vw 0 0;background:linear-gradient(90deg, rgba(2,1,8,0.8) 30%, rgba(2,1,8,0) 100%);font-size:3.6vw;font-weight:700;-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}#battle #container main .detailList dt:first-of-type{margin-top:0}@media screen and (min-width: 751px){#battle #container main .detailList dt{min-width:21.875vw;margin:2.34375vw 0 0;font-size:1.54688vw}}@media screen and (min-width: 1280px){#battle #container main .detailList dt{min-width:280px;margin:30px 0 0;font-size:19.8px}}#battle #container main .detailList dt span{display:block;padding:0 0 0 1em;-webkit-transform:skewX(30deg);transform:skewX(30deg)}#battle #container main .detailList dd{margin:2.66667vw 0 0;font-size:3.6vw;font-weight:400}@media screen and (min-width: 751px){#battle #container main .detailList dd{margin:.78125vw 0 0;font-size:1.375vw}}@media screen and (min-width: 1280px){#battle #container main .detailList dd{margin:10px 0 0;font-size:17.6px}}#battle #container main .tableCol{display:block;width:100%;margin:8vw auto 0}@media screen and (max-width: 750px){#battle #container main .tableCol{overflow-x:scroll;overflow-y:hidden;scrollbar-color:#3fd1e7 transparent;scrollbar-width:thin}#battle #container main .tableCol::-webkit-scrollbar{height:1.33333vw}#battle #container main .tableCol::-webkit-scrollbar-track{background-color:transparent}#battle #container main .tableCol::-webkit-scrollbar-thumb{box-shadow:inset 0 0 1000px #3fd1e7}}@media screen and (min-width: 751px){#battle #container main .tableCol{margin:3.125vw auto 0}}@media screen and (min-width: 1280px){#battle #container main .tableCol{margin:40px auto 0}}#battle #container main .tableCol table{overflow:hidden;width:100%;border:1px solid #fff;border-collapse:collapse;border-spacing:0;letter-spacing:0}#battle #container main .tableCol table th{background:rgba(255,255,255,0.1);width:auto;min-width:14vw;padding:4vw;border:1px solid #3fd1e7;word-break:keep-all;vertical-align:middle;color:#3fd1e7;font-size:4.8vw;font-weight:400}@media screen and (min-width: 751px){#battle #container main .tableCol table th{min-width:5.46875vw;padding:1.5625vw;font-size:1.875vw}}@media screen and (min-width: 1280px){#battle #container main .tableCol table th{min-width:70px;padding:20px;font-size:24px}}#battle #container main .tableCol table td{padding:4vw;word-break:keep-all;border-top:1px solid #fff;border-right:1px solid #fff;vertical-align:middle;font-size:3.6vw;font-weight:500;font-family:'Noto Sans JP', sans-serif}@media screen and (min-width: 751px){#battle #container main .tableCol table td{padding:1.5625vw;font-size:1.375vw}}@media screen and (min-width: 1280px){#battle #container main .tableCol table td{padding:20px;font-size:17.6px}}#battle #container main .tableCol table td span{display:block;margin-top:0.5em;font-size:2.4vw}@media screen and (min-width: 751px){#battle #container main .tableCol table td span{font-size:1.03125vw}}@media screen and (min-width: 1280px){#battle #container main .tableCol table td span{font-size:13.2px}}#battle #container main .tableCol table td .list{margin-top:0}#battle #container main .tableCol table td .list li:first-child{margin-top:0}#battle #container main .tableCol table tr:first-of-type th:nth-child(n+2){border-right:1px solid #fff}#battle #container main .totop{display:block;margin:16vw auto 2.66667vw;width:64vw;font-family:'Oswald', sans-serif;font-weight:300}@media screen and (min-width: 751px){#battle #container main .totop{margin:9.375vw auto 7.03125vw;width:34.375vw;font-size:1.71875vw}}@media screen and (min-width: 1280px){#battle #container main .totop{margin:120px auto 90px;width:440px;font-size:22px}}#battle #container main #concept{display:block;position:relative}#battle #container main #concept .bg{display:block;margin:24vw auto 10.66667vw;height:116.53333vw;background:url(../images/battle/concept/bg.webp) top center no-repeat;background-size:207.33333vw 116.53333vw}@media screen and (min-width: 751px){#battle #container main #concept .bg{margin:7.8125vw auto 0vw;height:87.8125vw;background-size:156.25vw 87.8125vw}}@media screen and (min-width: 1280px){#battle #container main #concept .bg{margin:100px auto 0px;height:1124px;background-size:2000px 1124px}}#battle #container main #concept .catch{position:absolute;top:-13.33333vw;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}@media screen and (min-width: 751px){#battle #container main #concept .catch{top:0}}#battle #container main #concept .description{display:block;position:absolute;top:72vw;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}@media screen and (min-width: 751px){#battle #container main #concept .description{top:57.03125vw}#battle #container main #concept .description::before{content:'';display:block;width:200vw;height:100%;background:rgba(0,0,0,0.6);-webkit-transform:skewX(-30deg);transform:skewX(-30deg);position:absolute;right:15.625vw}#battle #container main #concept .description p{position:relative;z-index:2}}@media screen and (min-width: 1280px){#battle #container main #concept .description{top:730px}#battle #container main #concept .description::before{right:120px}}#battle #container main #concept .ssSlider{position:relative;z-index:2}@media screen and (min-width: 751px){#battle #container main #concept .ssSlider{margin-top:-9.375vw}}@media screen and (min-width: 1280px){#battle #container main #concept .ssSlider{margin-top:-120px}}#battle #container main #concept .ssSlider .slick-slide{width:auto !important;height:37.33333vw}@media screen and (min-width: 751px){#battle #container main #concept .ssSlider .slick-slide{height:21.875vw}}@media screen and (min-width: 1280px){#battle #container main #concept .ssSlider .slick-slide{height:280px}}#battle #container main #concept .ssSlider .slick-slide img{width:auto !important;max-width:inherit !important;height:37.33333vw;max-height:37.33333vw}@media screen and (min-width: 751px){#battle #container main #concept .ssSlider .slick-slide img{height:21.875vw;max-height:21.875vw}}@media screen and (min-width: 1280px){#battle #container main #concept .ssSlider .slick-slide img{height:280px;max-height:280px}}#battle #container main #game_screen .img{margin:4vw auto 0}@media screen and (min-width: 751px){#battle #container main #game_screen .img{display:block;margin:2.34375vw auto 0;width:75vw;height:47.5vw;background:url(../images/battle/basic_operations/img_screen_01_pc.png) top center no-repeat;background-size:contain}#battle #container main #game_screen .img img{display:none}}@media screen and (min-width: 1280px){#battle #container main #game_screen .img{margin:30px auto 0;width:960px;height:608px}}#battle #container main #basic_operations .operation01{margin:4vw auto 0}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01{margin:2.34375vw auto 0;position:relative}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01{margin:30px auto 0}}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .img{display:block}#battle #container main #basic_operations .operation01 .img img{display:none}}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .img:nth-of-type(1){width:92.26563vw;height:35.07813vw;background:url(../images/battle/basic_operations/img_operations_01_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01 .img:nth-of-type(1){width:1181px;height:449px}}#battle #container main #basic_operations .operation01 .img:nth-of-type(2){margin:6.66667vw auto 0}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .img:nth-of-type(2){margin:2.34375vw auto 0;width:92.1875vw;height:8.59375vw;background:url(../images/battle/basic_operations/img_operations_02_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01 .img:nth-of-type(2){margin:30px auto 0;width:1180px;height:110px}}#battle #container main #basic_operations .operation01 .tableCol table{border-collapse:separate;border-spacing:0 2.66667vw;border:none}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .tableCol table{border-spacing:0 .78125vw}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01 .tableCol table{border-spacing:0 10px}}#battle #container main #basic_operations .operation01 .tableCol table th{padding:0;min-width:10vw}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .tableCol table th{min-width:1.71875vw}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01 .tableCol table th{min-width:22px}}#battle #container main #basic_operations .operation01 .tableCol table th.red{border-color:#f50a64;color:#f50a64}#battle #container main #basic_operations .operation01 .tableCol table td{padding:2vw 2.66667vw;border-top:1px solid rgba(255,255,255,0.6);border-right:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6)}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation01 .tableCol table td{padding:1.17188vw 1.5625vw}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation01 .tableCol table td{padding:15px 20px}}#battle #container main #basic_operations .operation02{margin:16vw auto 0}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation02{margin:6.25vw auto 0;position:relative}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation02{margin:80px auto 0}}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation02 .img{display:block}}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation02 .img:nth-of-type(1){width:37.5vw;position:absolute;top:13.51563vw;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}@media screen and (min-width: 1280px){#battle #container main #basic_operations .operation02 .img:nth-of-type(1){width:480px;top:173px}}#battle #container main #basic_operations .operation02 .img:nth-of-type(2){margin:8vw auto 0}@media screen and (min-width: 751px){#battle #container main #basic_operations .operation02 .img:nth-of-type(2){width:92.1875vw;height:84.375vw;background:url(../images/battle/basic_operations/img_operations_04_pc.png) top center no-repeat;background-size:contain}#battle #container main #basic_operations .operation02 .img:nth-of-type(2) img{display:none}}@media screen and (min-width: 751px) and (min-width: 1280px){#battle #container main #basic_operations .operation02 .img:nth-of-type(2){width:1180px;height:1080px}}#battle #container main #controller_style .flexBox .img:first-of-type{margin-bottom:1em}#battle #container main #controller_style .flexBox .img.arrowSlider .slick-prev{display:none}#battle #container main #controller_style .flexBox .img.arrowSlider .slick-prev::before{content:'';display:none}#battle #container main #controller_style .flexBox .img.arrowSlider .slick-next{display:block;background:url(../images/common/ico_arrow.png) top center no-repeat;background-size:contain;width:7.06667vw;height:9.06667vw;right:-2.66667vw;z-index:3;transition:.4s}@media screen and (min-width: 751px){#battle #container main #controller_style .flexBox .img.arrowSlider .slick-next{width:3.10547vw;height:3.98437vw;right:-1.5625vw}}@media screen and (min-width: 1280px){#battle #container main #controller_style .flexBox .img.arrowSlider .slick-next{width:39.75px;height:51px;right:-20px}}#battle #container main #controller_style .flexBox .img.arrowSlider .slick-next::before{content:''}#battle #container main #controller_style .flexBox .img.arrowSlider .slick-next.slick-disabled{opacity:0}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-prev{display:block;background:url(../images/common/ico_arrow.png) top center no-repeat;background-size:contain;width:7.06667vw;height:9.06667vw;left:-2.66667vw;-webkit-transform:translate(0, -50%) scale(-1, 1);transform:translate(0, -50%) scale(-1, 1);z-index:3;transition:.4s}@media screen and (min-width: 751px){#battle #container main #controller_style .flexBox .img.arrowPrev .slick-prev{width:3.10547vw;height:3.98437vw;left:-1.5625vw}}@media screen and (min-width: 1280px){#battle #container main #controller_style .flexBox .img.arrowPrev .slick-prev{width:39.75px;height:51px;left:-20px}}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-prev::before{content:''}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-prev.slick-disabled{opacity:0}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-next{display:block;background:url(../images/common/ico_arrow.png) top center no-repeat;background-size:contain;width:7.06667vw;height:9.06667vw;right:-2.66667vw;z-index:3;transition:.4s}@media screen and (min-width: 751px){#battle #container main #controller_style .flexBox .img.arrowPrev .slick-next{width:3.10547vw;height:3.98437vw;right:-1.5625vw}}@media screen and (min-width: 1280px){#battle #container main #controller_style .flexBox .img.arrowPrev .slick-next{width:39.75px;height:51px;right:-20px}}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-next::before{content:''}#battle #container main #controller_style .flexBox .img.arrowPrev .slick-next.slick-disabled{opacity:0}#battle #container main #controller_style .detailList .catch{background:transparent;text-align:left;-webkit-animation:none;animation:none;opacity:1;-webkit-transform:skewX(0);transform:skewX(0)}#battle #container main #controller_style .detailList .catch span{width:100%;padding:0;-webkit-transform:skewX(0);transform:skewX(0)}@media screen and (max-width: 750px){#battle.en #container main #snav li .btn span.main{font-size:5.6vw}}@media screen and (min-width: 751px){#battle.en #container main #basic_operations .operation01 .img:nth-of-type(2){background:url(../en/images/battle/basic_operations/img_operations_02_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 751px){#battle.en #container main #basic_operations .operation02 .img:nth-of-type(2){background:url(../en/images/battle/basic_operations/img_operations_04_pc.png) top center no-repeat;background-size:contain}}#battle.kr #container main #snav li .btn span.sub,#battle.kr #container main .catch span:nth-of-type(2),#battle.kr #container main .description p,#battle.kr #container main section:not(#concept) h3 span:nth-of-type(2),#battle.kr #container main h4 span:nth-of-type(2),#battle.kr #container main p,#battle.kr #container main h5,#battle.kr #container main .list,#battle.kr #container main .detailList,#battle.kr #container main .notice,#battle.kr #container main .tableCol table td,#battle.kr #container main .aboutBox .list{font-family:'Noto Sans KR', sans-serif;letter-spacing:0}@media screen and (min-width: 751px){#battle.kr #container main #basic_operations .operation01 .img:nth-of-type(2){background:url(../kr/images/battle/basic_operations/img_operations_02_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 751px){#battle.kr #container main #basic_operations .operation02 .img:nth-of-type(2){background:url(../kr/images/battle/basic_operations/img_operations_04_pc.png) top center no-repeat;background-size:contain}}#battle.sc #container main #snav li .btn span.sub,#battle.sc #container main .catch span:nth-of-type(2),#battle.sc #container main .description p,#battle.sc #container main section:not(#concept) h3 span:nth-of-type(2),#battle.sc #container main h4 span:nth-of-type(2),#battle.sc #container main p,#battle.sc #container main h5,#battle.sc #container main .list,#battle.sc #container main .detailList,#battle.sc #container main .notice,#battle.sc #container main .tableCol table td,#battle.sc #container main .aboutBox .list{font-family:'Noto Sans SC', sans-serif;letter-spacing:0}@media screen and (min-width: 751px){#battle.sc #container main #basic_operations .operation01 .img:nth-of-type(2){background:url(../sc/images/battle/basic_operations/img_operations_02_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 751px){#battle.sc #container main #basic_operations .operation02 .img:nth-of-type(2){background:url(../sc/images/battle/basic_operations/img_operations_04_pc.png) top center no-repeat;background-size:contain}}#battle.tc #container main #snav li .btn span.sub,#battle.tc #container main .catch span:nth-of-type(2),#battle.tc #container main .description p,#battle.tc #container main section:not(#concept) h3 span:nth-of-type(2),#battle.tc #container main h4 span:nth-of-type(2),#battle.tc #container main p,#battle.tc #container main h5,#battle.tc #container main .list,#battle.tc #container main .detailList,#battle.tc #container main .notice,#battle.tc #container main .tableCol table td,#battle.tc #container main .aboutBox .list{font-family:'Noto Sans TC', sans-serif;letter-spacing:0}@media screen and (min-width: 751px){#battle.tc #container main #basic_operations .operation01 .img:nth-of-type(2){background:url(../tc/images/battle/basic_operations/img_operations_02_pc.png) top center no-repeat;background-size:contain}}@media screen and (min-width: 751px){#battle.tc #container main #basic_operations .operation02 .img:nth-of-type(2){background:url(../tc/images/battle/basic_operations/img_operations_04_pc.png) top center no-repeat;background-size:contain}}

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