.mainvisual {
  position: relative;
}
.mainvisual .logoanimation {
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.mainvisual .logoanimation img {
  width: 100% !important;
  max-width: 900px !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}
.mainvisual .slick-carousel ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}
.mainvisual .slick-carousel__item {
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  vertical-align: top;
}
.mainvisual .bgimg-wh {
  background-image: url("../img/carousel/worldendheroes.jpg");
}
.mainvisual .bgimg-eko {
  background-image: url("../img/carousel/eko.jpg");
  background-color: #0c2a4e;
}
.mainvisual .bgimg-sephirot {
  background-image: url("../img/carousel/sephirot.jpg");
}
.mainvisual .bgimg-jannavi {
  background-image: url("../img/carousel/jannavi.jpg");
  background-color: #dedede;
}
.mainvisual .bgimg-gensokishi {
  background-image: url("../img/carousel/gensokishi.jpg");
  background-color: #2a1967;
}
.mainvisual .bgimg-ketsugou-danshi {
  background-image: url("../img/carousel/ketsugou-danshi.jpg");
  background-color: #0f1218;
}
.mainvisual .slick-carousel__item img {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  vertical-align: top;
}

@media (min-width: 1020px) {
  .layout-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 912px;
  }
}