@charset "UTF-8";

/*サイズ固定とセンタリング*/
#top_wrap {
  width: 1128px;
  margin: 0 auto;
}

/*左右分割レイアウトとサイズ固定*/
#slideshow {
  position: relative;
  width: 1128px;
  height: 564px;
  display: flex;
  overflow: hidden;
}

/*左右分割用のラッパー*/
.mv_slide_wrap {
  width: 50%;
  position: relative;
}

/*高さを564pxに固定*/
.topcover {
  width: 100%;
  height: 564px;
  position: relative;
  overflow: hidden;
}

/*スライドアイテムのスタイル変更*/
.slide_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 98;
}

.slide_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slide_item.active {
  opacity: 1;
  z-index: 99;
}

/*ズームアウトアニメーション*/
.slide_item.slick-animation {
  animation: fadezoom 10s 0s forwards;
　animation-fill-mode: forwards;
}

.slide_item:not(.slick-animation) {
  transform: scale(1);
}

/*ズームアウト効果*/
@keyframes fadezoom {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/*アニメーション終了後もscale(1)を維持*/
.slide_item.slick-animation {
  animation: fadezoom 10s 0s forwards;
  animation-fill-mode: forwards;
}

.slide_item:not(.slick-animation) {
  transform: scale(1);
}

/*中央タイトル画像*/
.mv_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 508px;
  height: 375px;
}

.mv_title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* =======================================
  ClearFixElements
======================================= */
#slideshow ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

#top_wrap {
  position: relative;
}

#top_wrap a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}