.mainvisual__effect,
.mainvisual__txt_wrap,
.mainvisual__line {
  display: none;
}

.top__bnr {
  position: absolute;
  left: 4.26667vw;
  bottom: calc(4.26667vw + 49px);
  width: 43vw;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin: 0;
}

.owl-theme .owl-dots .owl-dot span {
  height: 4px;
  width: 4px;
}

.top__battle {
  position: absolute;
  left: 4.26667vw;
  bottom: calc(16.53333vw + 68px);
  width: 43vw;
  box-shadow: 0px 0px 10px rgba(203, 255, 0, 0.8);
}

.top__battle a {
  display: block;
  height: 100%;
}

html,
body,
.c-main {
  height: 100%;
}

.mainvisual {
  overflow: hidden;
}

.mainvisual__line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #dcff00;
}

.mainvisual__curtain {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
}

.mainvisual__txt {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 500vw;
  height: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.mainvisual__txt.-diff {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.mainvisual__txt.-white {
  mix-blend-mode: normal;
}

.mainvisual__txt__item {
  position: relative;
  width: 6vw;
  height: 6vw;
  background: url(../../../img/top/ttl_paradoxlive.svg) no-repeat 0 0/auto 100%;
  margin-right: 2vw;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.-white .mainvisual__txt__item {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.mainvisual__txt__item.-p {
  background-position: -1.25% 0;
}

.mainvisual__txt__item.-a {
  background-position: 8.5% 0;
}

.mainvisual__txt__item.-a1 {
  margin-left: -1vw;
}

.mainvisual__txt__item.-r {
  background-position: 19.5% 0;
}

.mainvisual__txt__item.-d {
  background-position: 41.5% 0;
}

.mainvisual__txt__item.-o {
  background-position: 52.6% 0;
  margin-right: 10vw;
}

.mainvisual__txt__item.-x {
  background-position: 63.8% 0;
  position: absolute;
  top: 50%;
  left: 51.7%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mainvisual__txt__item.-l {
  background-position: 74.5% 0;
}

.mainvisual__txt__item.-i {
  margin-left: -2vw;
  background-position: 83% 0;
}

.mainvisual__txt__item.-v {
  margin-left: -1.5vw;
  background-position: 91.25% 0;
}

.mainvisual__txt__item.-e {
  margin-left: -0.25vw;
  background-position: 101.25% 0;
}

@-webkit-keyframes light_anim {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes light_anim {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@-webkit-keyframes light_anim_2 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  80% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  82.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  85% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  87.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  92.5% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  95% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes light_anim_2 {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  80% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  82.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  85% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  87.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  92.5% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  95% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@-webkit-keyframes light_anim_2_nrw {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  82.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  85% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  87.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  92.5% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  95% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes light_anim_2_nrw {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  82.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  85% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  87.5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  92.5% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  95% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.top__pv {
  position: absolute;
  bottom: 12vw;
  right: 0;
  width: 45vw;
  height: 25vw;
}

.top__pv__ttl {
  width: 16vw;
  margin-bottom: 5px;
}

.top__pv__thumb {
  position: relative;
  display: block;
}

.top__pv__thumb:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  width: 30px;
  height: 30px;
  background: url(../../../img/common/ico/ico_play.svg) 0 0/100%;
}

.top__pv__thumb:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.top__pv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mainvisual__layer {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../../img/top/mainvisual_4th/ph_main_nrw.jpg) center/cover;
  height: 100%;
  width: 100%;
}

.mainvisual__layer:before {
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(8, 0, 31, 0.45) 12%, rgba(8, 0, 31, 0.3) 75%, transparent);
  background: linear-gradient(top, rgba(8, 0, 31, 0.45) 12%, rgba(8, 0, 31, 0.3) 75%, transparent);
  content: '';
  height: 35.86667vw;
  width: 100%;
}

.mainvisual__layer:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(bottom, #08001f 20%, rgba(8, 0, 31, 0.9) 60%, rgba(8, 0, 31, 0.4) 80%, transparent);
  background: linear-gradient(bottom, #08001f 20%, rgba(8, 0, 31, 0.9) 60%, rgba(8, 0, 31, 0.4) 80%, transparent);
  content: '';
  height: 46.66667vw;
  width: 100%;
}

@media (min-width: 769px) {

  .top__bnr {
    position: fixed;
    left: 20px;
    bottom: 57px;
    width: 240px;
  }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 4px;
    margin-left: 104px;
  }

  .owl-theme .owl-dots .owl-dot span {
    height: 5px;
    width: 5px;
  }

  .top__battle {
    position: fixed;
    left: 20px;
    bottom: 148px;
    width: 240px;
  }

  .top__pv {
    position: fixed;
    bottom: 55px;
    right: 20px;
    height: 158px;
    width: 280px;
  }

  .top__pv__ttl {
    width: 75px;
    margin-bottom: 5px;
  }

  .top__pv__thumb:after {
    width: 40px;
    height: 40px;
  }

  .mainvisual__layer {
    background-image: url(../../../img/top/mainvisual_4th/ph_main.jpg);
    height: 141.40625vw;
  }

  .mainvisual__layer:before {
    background: -webkit-linear-gradient(top, rgba(20, 28, 66, 0.6), transparent);
    background: linear-gradient(top, rgba(20, 28, 66, 0.6), transparent);
    height: 170px;
    position: fixed;
  }

  .mainvisual__layer:after {
    display: none;
  }
}

@media (max-width: 768px) {

  .mainvisual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}