.recommend-slider {
  background: var(--color-base);
  padding: var(--vw-size104) 0 var(--vw-size176) 0;
  position: relative;
  z-index: calc(var(--z-index-main) + 100);
}
@media screen and (max-width: 991px) {
  .recommend-slider {
    background: var(--color-base-sp);
    padding: var(--vw-size64) 0 var(--vw-size144) 0;
  }
}
.recommend-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--vw-size20);
  right: var(--vw-size20);
  height: 1px;
  background: var(--color-gray-02);
}
.recommend-slider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  .recommend-slider__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--vw-size24);
  }
}
.recommend-slider__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--vw-size24);
  width: calc(var(--vw-size160) * 2);
}
@media screen and (max-width: 991px) {
  .recommend-slider__title {
    gap: var(--vw-size23);
  }
}
.recommend-slider__title .en {
  font-family: var(--font-en);
  font-weight: var(--font-weight-b);
  font-size: max(12px, var(--vw-size16));
  color: var(--color-gray-05);
}
@media screen and (max-width: 991px) {
  .recommend-slider__title .en {
    font-size: var(--vw-size15);
  }
}
.recommend-slider__title .jp {
  font-family: var(--font-jp-serif);
  font-size: var(--vw-size30);
}
@media screen and (max-width: 991px) {
  .recommend-slider__title .jp {
    font-size: var(--vw-size22);
  }
}
.recommend-slider__body {
  width: calc(100% - var(--vw-size160) * 2);
}
@media screen and (max-width: 991px) {
  .recommend-slider__body {
    width: 100%;
  }
}
.recommend-slider .splide__slide a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.recommend-slider .splide__slide a p {
  font-size: max(12px, var(--vw-size16));
  margin-top: var(--vw-size8);
}
@media screen and (max-width: 991px) {
  .recommend-slider .splide__slide a p {
    font-size: var(--vw-size15);
  }
}
.recommend-slider .splide__slide a img {
  height: auto;
  width: 100%;
  background: var(--color-gray-02);
  aspect-ratio: 40/21;
}
.recommend-slider .splide__arrows {
  position: absolute;
  top: calc(100% + var(--vw-size24));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--vw-size15);
}
@media screen and (max-width: 991px) {
  .recommend-slider .splide__arrows {
    top: calc(100% + var(--vw-size32));
    padding-left: 0;
  }
}
.recommend-slider .splide__arrows .splide__arrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
  top: auto;
  -webkit-transform: none;
          transform: none;
  background: rgb(var(--color-primary));
  border-radius: var(--vw-size3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: var(--vw-size50);
  height: var(--vw-size50);
  opacity: 1;
}
.recommend-slider .splide__arrows .splide__arrow:disabled {
  opacity: 0.5;
}
.recommend-slider .splide__arrows .splide__arrow svg {
  fill: var(--color-base-white);
  background: none;
}/*# sourceMappingURL=recommend_slider.css.map */