@charset "UTF-8";

.banner-slider {
  width: 100%;
  padding: var(--sp-spacing-40) var(--sp-spacing-0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.banner-slider.-search {
  padding: var(--sp-spacing-40) 0 var(--sp-spacing-80)
}

@media (min-width: 961px) {
  .banner-slider.-search {
    padding: var(--sp-spacing-40) 0 var(--sp-spacing-104)
  }
}

.banner-slider__inner {
  width: calc(100% + 1128px);
  -webkit-transform: translateX(282px);
  transform: translate(282px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .banner-slider__inner {
    width: calc(100% + 1472px);
    -webkit-transform: translateX(368px);
    transform: translate(368px)
  }
}

.banner-slider__slide {
  width: 258px;
  aspect-ratio: 86/25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--rd-radius-Lv1);
  overflow: hidden
}

@media (min-width: 961px) {
  .banner-slider__slide {
    width: 344px
  }
}

.banner-slider__link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 961px) {
  .banner-slider__link:hover {
    opacity: .7
  }
}