@charset "utf-8";
/* フェアTOP 全国共通CSS（PCSP共通） */
.js-swiper-container {
  /*--slide-width-pc: 986px;*/
  --slide-width-sp: calc(670vw / 7.5);
  --slide-width-pc: 820px;
  --slide-yohaku-pc: 31.5px;
  --slide-btm-yohaku-pc: 65px;
  --slide-button-posi-pc: calc(var(--slide-yohaku-pc) * 2);
  --slide-bullet-color: var(--default-color-fair-main);
  --slide-bullet-color-active: #fff;
  --slide-button-bg: url("/fair/sss/assets/common/images/icon_arrow_right_darkblue_outline.svg");
  --slide-button-bg-active: url("/fair/sss/assets/common/images/icon_arrow_right_orange_outline.svg");
}
/*MVスライダー*/
.mv__slider:not(.swiper-wrapper) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-sp .mv__slider {
  margin: calc(6vw / 7.5) 0;
}
.is-sp .mv__slider--wrapper .mv__slider {
  margin: 0; /*slick版用*/
}
/*.js-swiper-container .swiper-pagination-bullet-active {
  border: 2px solid var(--slide-bullet-color);
  box-sizing: border-box;
}*/
.is-pc .js-swiper-container .swiper-pagination-bullets {
  border: none !important;
}
.swiper-pagination-bullet[class*="-logo"] {
  --pagination-icon: url("/fair/sss/assets/common/images/mv_slider_icon_logo.svg");
  --pagination-logo-size: 71%;
  background-size: var(--pagination-logo-size) !important;
  &.swiper-pagination-bullet-active {
    --pagination-logo-size: 81%;
  }
}
/* ↓スライド画像見た目↓ */
.mv__slider--inner {
  display: block;
  width: 100%;
}
.mv__slider--image {
  width: 100%;
  height: auto;
}
/* ↑スライド画像見た目↑ */
.is-pc #mv-slider {
  margin: 0;
}
.is-sp #mv-slider {
  margin: calc(40vw / 7.5) 0 0;
}
.is-pc .mv__slider--inner {
  transition: transform .2s;
  display: block;
  margin-top: 5px; /*ホバー時持ち上げる分*/
}
.mv__slider--image {
  width: 100%;
  height: auto;
}
#mv-slider + .time-code {
  margin-top: calc(35vw / 7.5);
}
.is-pc #mv-slider + .time-code {
  margin-top: 20px;
}
@media (hover : hover) and (pointer : fine) {
  .is-pc .mv__slider--link:hover {
    transform: translateY(-5px)
  }
}