.main_visual {
  margin-left: 320px;
  padding-bottom: 60px;
}
.main_visual .series {
  width: 5%;
  float: left;
  position: relative;
  overflow: hidden;
}
.main_visual .series.current {
  width: 60%;
}
.main_visual .series .visual {
  position: relative;
}
.main_visual .series .visual .main_img {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  display: block;
  left: 50%;
}
.main_visual .series .visual h2 {
  position: absolute;
  left: 0;
  display: none;
  opacity: 0;
  top: 50%;
}
.main_visual .series .visual .close_title {
  position: relative;
  z-index: 3;
}
.main_visual .series .visual .enter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -58px;
  display: none;
  opacity: 0;
  z-index: 5;
}
.main_visual .series .visual a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.main_visual .series .visual:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 0;
}
.main_visual .series .bottom {
  padding-top: 10px;
}
.main_visual .series .bottom .name {
  opacity: 0;
  margin-bottom: 15px;
}
.main_visual .series .bottom .icon {
  text-align: center;
}
.main_visual .series.s1 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/aincrad.jpg");
}
.main_visual .series.s1 .visual h2 {
  margin-top: -254px;
}
.main_visual .series.s2 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/fairydance.jpg");
}
.main_visual .series.s2 .visual h2 {
  margin-top: -254px;
}
.main_visual .series.s3 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/extraedition.jpg");
}
.main_visual .series.s3 .visual h2 {
  margin-top: -254px;
}
.main_visual .series.s4 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/phantombullet.jpg");
}
.main_visual .series.s4 .visual h2 {
  margin-top: -257px;
}
.main_visual .series.s5 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/calibur.jpg");
}
.main_visual .series.s5 .visual h2 {
  margin-top: -140px;
}
.main_visual .series.s6 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/mothers.jpg");
}
.main_visual .series.s6 .visual h2 {
  margin-top: -298px;
}
.main_visual .series.s7 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/movie.jpg");
}
.main_visual .series.s7 .visual h2 {
  margin-top: -236px;
}
.main_visual .series.s8 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/alicization05.jpg");
  -webkit-background-position: top center;
  background-position: top center;
}
.main_visual .series.s8 .visual h2 {
  margin-top: -181px;
}
/*******************/
.main_visual .series.s9 .visual .main_img {
  background-image: url("../img/global_top/mainvisual/progressive_s.jpg?new=2208");
  -webkit-background-position: center center;
  background-position: center center;
}
.main_visual .series.s9 .visual h2 {
  margin-top: -254px;
}
/*******************/
.main_visual .series.s8 .over_text,.main_visual .series.s9 .over_text {
  font-family: 'Montserrat';
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 35px;
  width: 100%;
  letter-spacing: 0.04em;
  position: absolute;
  left: 0;
  margin-left: -0;
  bottom: 80px;
  line-height: 1.4;
  z-index: 5;
  opacity: 0;
}
.main_visual .series.s8 .over_text .jp ,.main_visual .series.s9 .over_text .jp {
  font-family: Montserrat, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  font-size: 70%;
  display: inline-block;
  padding-top: 5px;
}
.main_visual .series.current {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main_visual .series.current .visual h2 {
  display: block;
}
.main_visual .series.current .visual .close_title {
  display: none;
}
.main_visual .series.current .visual .enter {
  display: block;
}
.main_visual .series.current .visual:after {
  display: none;
}
.main_visual .series.current.s8:hover .over_text ,.main_visual .series.current.s9:hover .over_text {
  opacity: 1;
}

.main_visual .series.current .bottom .name {
  opacity: 1;
}
.main_visual .series.current:hover .visual h2 {
  opacity: 1;
  z-index: 5;
}
.main_visual .series.current:hover .visual:after {
  display: block;
  background: url("../img/global_top/on/pattern.png");
  -webkit-animation: bgscroll 5s linear infinite;
  -moz-animation: bgscroll 5s linear infinite;
  -o-animation: bgscroll 5s linear infinite;
  animation: bgscroll 5s linear infinite;
}
.main_visual .series.current:hover .visual .enter {
  opacity: 1;
  -webkit-animation: hover_flash 0.3s linear 1;
  -moz-animation: hover_flash 0.3s linear 1;
  -o-animation: hover_flash 0.3s linear 1;
  animation: hover_flash 0.3s linear 1;
}
.main_visual .series.current:hover .bottom .icon {
  -webkit-animation: hover_flash 0.3s linear infinite;
  -moz-animation: hover_flash 0.3s linear infinite;
  -o-animation: hover_flash 0.3s linear infinite;
  animation: hover_flash 0.3s linear infinite;
}
.main_visual .series.move {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 5%;
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 300px;
  }
}
@keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 300px;
  }
}
@-webkit-keyframes hover_flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hover_flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main_visual {
  position: relative;
  overflow: hidden;
}

.covers {
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
}
.covers p {
  float: left;
  width: 70px;
  height: 70px;
  background: #000;
}