body.en-US .main_h2 {
  width: 10.34rem;
}
@media (max-width: 750px) {
  body.en-US .main_h2 {
    width: 6.51rem;
  }
}
body.id .main_h2, body .id-ID .main_h2 {
  width: 10.84rem;
}
@media (max-width: 750px) {
  body.id .main_h2, body .id-ID .main_h2 {
    width: 6.51rem;
  }
}
body.zh-TW .main_h2 {
  width: 7.26rem;
}
@media (max-width: 750px) {
  body.zh-TW .main_h2 {
    width: 3.91rem;
  }
}
body.th .main_h2 {
  width: 8.5rem;
}
@media (max-width: 750px) {
  body.th .main_h2 {
    width: 4.45rem;
  }
}
body.th .link_ul {
  width: 9rem;
}
@media (max-width: 750px) {
  body.th .link_ul {
    width: 4rem;
  }
}

@media (max-width: 750px) {
  .arena {
    margin: 1.15rem auto 0;
  }
}

main {
  display: block;
  position: relative;
  padding-top: 4.8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#93c8d8), color-stop(50%, #93c8d8), color-stop(50%, #fff), to(#fff));
  background: linear-gradient(to bottom, #93c8d8 0%, #93c8d8 50%, #fff 50%, #fff 100%);
}
@media (max-width: 750px) {
  main {
    width: 7.5rem;
    padding-top: 4.8rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#93c8d8), color-stop(70%, #93c8d8), to(#fff));
    background: linear-gradient(to bottom, #93c8d8 0%, #93c8d8 70%, #fff 100%);
  }
}
main .main_bg {
  position: relative;
}
main .main_ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
main .main_ul .main_li {
  position: absolute;
}
main .main_ul .main_li a {
  display: block;
  position: relative;
}
main .main_ul .main_li.main_li--01 {
  top: 44vw;
  left: 8.8vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--01 {
    top: 4.3rem;
    left: 0.7rem;
  }
}
main .main_ul .main_li.main_li--02 {
  position: relative;
}
main .main_ul .main_li.main_li--02 .main_subul {
  position: relative;
}
main .main_ul .main_li.main_li--02 .main_subul .main_subli {
  position: absolute;
}
main .main_ul .main_li.main_li--02 .main_subul .main_subli.main_subli--01 {
  top: 34.7vw;
  left: 50.4vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--02 .main_subul .main_subli.main_subli--01 {
    top: 3.55rem;
    left: 3.88rem;
  }
}
main .main_ul .main_li.main_li--02 .main_subul .main_subli.main_subli--02 {
  top: 56.8vw;
  left: 52.9vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--02 .main_subul .main_subli.main_subli--02 {
    top: 5.25rem;
    left: 4.05rem;
  }
}
main .main_ul .main_li.main_li--03 {
  top: 44vw;
  left: 30vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--03 {
    top: 4.3rem;
    left: 2.3rem;
  }
}
main .main_ul .main_li.main_li--04 {
  top: 36vw;
  left: 23.5vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--04 {
    top: 3.6rem;
    left: 1.8rem;
  }
}
main .main_ul .main_li.main_li--05 {
  top: 44.1vw;
  left: 44.2vw;
}
@media (max-width: 750px) {
  main .main_ul .main_li.main_li--05 {
    top: 4.3rem;
    left: 3.4rem;
  }
}
main .main_ul .main_li.clicked .pin-info {
  opacity: 1;
}
main .main_ul .set {
  width: 10.34%;
  display: block;
  z-index: 1;
}
main .main_ul .set img {
  -webkit-animation: 3s linear infinite rotation;
          animation: 3s linear infinite rotation;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
main .main_ul .set .slidelink {
  cursor: pointer;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  opacity: 1;
  -webkit-animation: 1s mappin infinite alternate;
          animation: 1s mappin infinite alternate;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.03rem 0.03rem #fde71a, 0 0 0.05rem 0.03rem #fde71a;
          box-shadow: 0 0 0.03rem 0.03rem #fde71a, 0 0 0.05rem 0.03rem #fde71a;
}
@media (max-width: 750px) {
  main .main_ul .set .slidelink {
    width: 3vw;
    height: 3vw;
  }
}
main .main_ul .arrow {
  width: 21.319%;
  display: block;
}
main .main_ul .arrow .arrowimg {
  overflow: hidden;
  width: 0%;
}
main .main_ul .arrow .arrowimg .arrowspan {
  display: block;
  width: 21vw;
  height: 21vw;
}
main .main_ul .arrow .arrowimg .arrowspan img {
  width: 100%;
  height: 100%;
}
main .main_ul .arrow .slidelink {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 21.5vw;
  cursor: pointer;
}
main .main_ul .arrow .slidelink::before {
  content: "";
  display: inline-block;
  background-image: url("../img/arena/arrow02.png");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  -webkit-animation: 5s arrowanime infinite forwards;
          animation: 5s arrowanime infinite forwards;
  width: 100%;
  height: 21.5vw;
}
main .main_ul .arrow.on .arrowimg {
  -webkit-animation: 2s arrowimg forwards;
          animation: 2s arrowimg forwards;
}
main .main_ul .arrow.on .slidelink::before {
  background: none;
}
main .main_ul .pin-info {
  position: absolute;
  bottom: calc(100% + 0.1rem);
  left: 60%;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
  font-size: 0.2rem;
  font-weight: 700;
  color: #fff;
  padding: 0 0.5em 0.02rem;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.03rem solid #fde71a;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  text-shadow: 1px 1px 0 #164360, 0.02rem 0.02rem 0 #164360, 0.03rem 0.03rem 0 #164360;
}
@media (max-width: 750px) {
  main .main_ul .pin-info {
    font-size: 0.16rem;
    left: 67%;
  }
}
main .main_ul .pin-info::before {
  content: "";
  display: block;
  width: 0.03rem;
  height: 0.3rem;
  background-color: #fde71a;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(38deg);
          transform: rotate(38deg);
}
@-webkit-keyframes arrowimg {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes arrowimg {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes mappin {
  0% {
    -webkit-transform: translateY(-0.05rem) scale(1);
            transform: translateY(-0.05rem) scale(1);
    -webkit-box-shadow: 0 0 0.04rem 0.03rem #fde71a, 0 0 0.06rem 0.03rem #fde71a;
            box-shadow: 0 0 0.04rem 0.03rem #fde71a, 0 0 0.06rem 0.03rem #fde71a;
  }
  100% {
    -webkit-transform: translateY(0) scale(1.05);
            transform: translateY(0) scale(1.05);
    -webkit-box-shadow: 0 0 0.03rem 0 #fde71a, 0 0 0.05rem 0 #fde71a;
            box-shadow: 0 0 0.03rem 0 #fde71a, 0 0 0.05rem 0 #fde71a;
  }
}
@keyframes mappin {
  0% {
    -webkit-transform: translateY(-0.05rem) scale(1);
            transform: translateY(-0.05rem) scale(1);
    -webkit-box-shadow: 0 0 0.04rem 0.03rem #fde71a, 0 0 0.06rem 0.03rem #fde71a;
            box-shadow: 0 0 0.04rem 0.03rem #fde71a, 0 0 0.06rem 0.03rem #fde71a;
  }
  100% {
    -webkit-transform: translateY(0) scale(1.05);
            transform: translateY(0) scale(1.05);
    -webkit-box-shadow: 0 0 0.03rem 0 #fde71a, 0 0 0.05rem 0 #fde71a;
            box-shadow: 0 0 0.03rem 0 #fde71a, 0 0 0.05rem 0 #fde71a;
  }
}
@-webkit-keyframes arrowanime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes arrowanime {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}
main .main_h2 {
  position: absolute;
  top: 2.4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 5.48rem;
  -webkit-filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5));
}
@media (max-width: 750px) {
  main .main_h2 {
    top: 2.9rem;
    width: 5.49rem;
  }
}
main .main_txt {
  font-size: 0.22rem;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 5rem;
  text-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.2rem #fff;
  line-height: 1.8;
  font-weight: 500;
  width: 10rem;
  margin: 0 auto;
}
@media (max-width: 750px) {
  main .main_txt {
    font-size: 0.26rem;
    top: 5.5rem;
    line-height: 1.6;
    width: 6.6rem;
  }
}

.sec_slideul {
  margin: -30vw auto 1.9rem !important;
  width: 9.2rem;
}
@media (max-width: 750px) {
  .sec_slideul {
    width: 7.5rem;
    margin: 0.6rem auto 1.5rem !important;
  }
}
.sec_slideul.item {
  margin: 0rem auto 1.9rem !important;
}
@media (max-width: 750px) {
  .sec_slideul.item {
    padding-bottom: 0.4rem;
    margin: -0.2rem auto 1.9rem !important;
  }
}
@media (max-width: 750px) {
  .sec_slideul.item .slick-prev {
    top: 46%;
  }
}
@media (max-width: 750px) {
  .sec_slideul.item .slick-next {
    top: 46%;
  }
}
.sec_slideul .sec_slideli {
  width: 9.2rem;
  padding: 0 0.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli {
    width: 7.5rem;
  }
}
.sec_slideul .sec_slideli .slide_area {
  width: 8.4rem;
  border-left: solid #fb7823 0.08rem;
  border-top: solid #fb7823 0.08rem;
  border-right: solid #8346e5 0.08rem;
  border-bottom: solid #8346e5 0.08rem;
  padding: 0.5rem 0;
  background: #fff;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area {
    width: 5.9rem;
    margin: 0 auto;
    padding: 0.3rem 0 0.2rem;
  }
}
.sec_slideul .sec_slideli .slide_area.arena {
  display: grid;
  grid-template-columns: 2.42rem 1fr;
  padding: 0.25rem;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area.arena {
    grid-template-columns: 1.8rem 1fr;
    padding: 1.07rem 0.25rem 1.4rem;
    display: block;
  }
}
.sec_slideul .sec_slideli .slide_area.arena .arena_img {
  border: solid #fb7823 0.03rem;
  width: 2.42rem;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area.arena .arena_img {
    width: 2.52rem;
    border: solid #fb7823 0.04rem;
    margin: 0 auto 0.2rem;
  }
}
.sec_slideul .sec_slideli .slide_area.arena .arena_txtarea {
  margin-top: 0.14rem;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area.arena .arena_txtarea {
    margin-top: 0rem;
  }
}
.sec_slideul .sec_slideli .slide_area.arena .arena_txtarea .arena_ttl {
  font-size: 0.28rem;
  font-weight: 900;
  color: #fff;
  clip-path: polygon(0 0%, 100% 0, 93% 100%, 0% 100%);
  background: rgb(103, 45, 197);
  background: linear-gradient(97deg, #ff5918 0%, #fa7923 100%, black 100%, #fb7823 100%, black 100%);
  padding: 0 1.6rem 0 0.2rem;
  font-weight: 900;
  margin-bottom: 0.2rem;
  display: inline-block;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area.arena .arena_txtarea .arena_ttl {
    position: absolute;
    top: 0.45rem;
    clip-path: none;
    -webkit-transform: skewX(-32deg);
            transform: skewX(-32deg);
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 3.6rem;
    padding: 0 0.1rem;
  }
  .sec_slideul .sec_slideli .slide_area.arena .arena_txtarea .arena_ttl span {
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
    display: block;
    text-align: center;
  }
}
.sec_slideul .sec_slideli .slide_area.arena .arena_txtarea .arena_txt {
  font-size: 0.22rem;
  font-weight: 700;
  padding-left: 0.3rem;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area.arena .arena_txtarea .arena_txt {
    padding-left: 0rem;
  }
}
.sec_slideul .sec_slideli .slide_area .slide_img {
  margin: 0 auto 0.2rem;
  width: 5.92rem;
  border: solid #fb7823 0.04rem;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area .slide_img {
    width: 5rem;
    margin: 0 auto 0.4rem;
  }
}
.sec_slideul .sec_slideli .slide_area .slide_txt {
  font-size: 0.22rem;
  font-weight: 700;
  width: 6.6rem;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .sec_slideul .sec_slideli .slide_area .slide_txt {
    width: 5rem;
    font-size: 0.24rem;
    padding: 0 0.1rem;
  }
}

.slick-prev,
.slick-next {
  width: 0.54rem;
  height: 0.54rem;
}

.slick-prev:before,
.slick-next:before {
  width: 0.5rem;
  height: 0.54rem;
  display: block;
  margin: 0 auto;
}

.slick-prev:before {
  content: "";
  background: url("../common/img/slick_arrow_b.svg");
  background-size: cover;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slick-next:before {
  content: "";
  background: url("../common/img/slick_arrow_b.svg");
  background-size: cover;
}

.slick-prev {
  left: -0.5rem;
  top: 51%;
  z-index: 1;
}
@media (max-width: 750px) {
  .slick-prev {
    left: 0.2rem;
    top: 55%;
  }
}

.slick-next {
  right: -0.5rem;
  top: 51%;
}
@media (max-width: 750px) {
  .slick-next {
    right: 0.2rem;
    top: 55%;
  }
}

.slick-dots li {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.05rem;
}

.slick-dots li button {
  width: 0.2rem;
  height: 0.2rem;
  padding: 0.05rem;
}

.slick-dots li button:before {
  font-size: 0.06rem;
  line-height: 0.2rem;
  width: 0.2rem;
  height: 0.2rem;
  content: "";
  opacity: 1;
  color: black;
  background: url("../common/img/slick_dot.png") no-repeat center/contain;
  opacity: 0.6;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
}

.slick-dots {
  bottom: -0.45rem;
}