/* loading */
.is-loading {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

/* youtube */
.youtube-frame {
  top: auto;
  bottom: 0;
  padding-bottom: 3.125%;
}

/* MV */
.mv {
  position: relative;
  padding-bottom: 3.5%;
}

.mv-title {
  margin-bottom: -9.625%;
}

.mv-list {
  font-size: 0;
  text-align: center;
}

.mv-item {
  position: relative;
  width: 45.3125%;
  margin: 2.34375% 1.5625%;
  display: inline-block;
  vertical-align: top;
}
.mv-item.btn-wide{
  width: 93.75%;
  margin: 2.34375% 1.5625% 1.5625% 1.5625%;
}
.mv-item .icon-update:after {
  top: -4px;
  top: -1.25vw;
  left: -4px;
  left: -1.25vw;
}

.mv-product {
  width: 39%;
  margin-top: 2.65%;
  padding: 6.6% 3.1%;
  position: relative;
  background: url("../img/index/mv_bg01.png") center center no-repeat;
  background-size: 100% auto;
}

.mv-icon-area {
  margin-bottom: 4%;
  position: relative;
  overflow: hidden;
}

.mv-icon-list {
  width: 41.6%;
  padding: 0 0.625%;
  float: right;
  text-align: center;
  box-sizing: border-box;
  font-size: 0;
}

.mv-icon-item img {
  margin: 0 auto;
}

.mv-icon-item01 {
  margin-bottom: 3.846%;
}

.mv-icon-item01 img {
  width: 57.69%;
}

.mv-icon-item02, .mv-icon-item03 {
  display: inline-block;
  width: 44.23%;
}

.mv-icon-item02 {
  margin-right: 3.846%;
}

.mv-package {
  width: 54.47%;
  float: left;
}

.mv-detail-text {
  margin-bottom: 5.6%;
}

/* trailer */
.trailer-btn01 {
  width: 81.25%;
  top: auto;
  bottom: 16%;
  left: 50%;
  margin-left: -40.625%;
  line-height: 1.4;
  font-weight: bold;
  font-size: calc(16 / 375 * 100vw);
}
.trailer-btn01 .icon-second:after {
  top: -6px;
  top: -1.875vw;
  left: -17px;
  left: -5.3125vw;
}
.trailer-btn02 {
  width: 81.25%;
  top: auto;
  bottom: 28.1%;
  left: 50%;
  margin-left: -40.625%;
}
.trailer-btn02 .icon-update:after{
  top: -13px;
  top: -4.0625vw;
  left: -17px;
  left: -5.3125vw;
}

/* about */
.about-area {
  position: relative;
}
.about-btn {
  position: absolute;
  width: 75%;
  top: auto;
  bottom: 5.3%;
  left: 50%;
  margin-left: -37.5%;
}
.about-btn a:after {
  top: -21px;
  top: -6.5625vw;
  left: -26px;
  left: -8.125vw;
}

/* casting */
.casting {
  position: relative;
}

.casting-slider {
  height: 0;
  padding-top: 118.5%;
  position: relative;
}

.casting-slider-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.casting-slider-area {
  position: relative;
}

.casting-slider-frame {
  position: absolute;
  width: 87.8125%;
  top: 5.7%;
  left: 50%;
  margin-left: -43.90625%;
}

.casting-slider-nav {
  width: 11.38%;
  position: absolute;
  top: 52.6%;
}

.casting-slider-prev {
  left: -3.3%;
}

.casting-slider-next {
  right: -3.3%;
}

.amiibo {
  position: relative;
}

.amiibo-btn01 {
  width: 87.5%;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -43.75%;
}


.mv-item-trailer .icon-second-right-02:after{
  top: -18%;
  left: 55%;
}

.mv-item-03{
    position: relative;
    width: 100%;
    margin: 11% 0 0;
    display: inline-block;
    vertical-align: top;
}

.mv-item-04{
    width: 100%;
}

.mv-button-text{
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.mv-info{
    width: 41.8%;
    display: inline-block;
    margin-right: 6%;
}

.mv-guidebook {
    width: 21.5%;
    display: inline-block;
}