@charset "utf-8";

.carousel .splide__slide img{
  width: 320px;
    height: 200px;
  object-fit: contain;
}

.carousel .splide__arrows {
  display: none;
}

.thumbnail {
  position: relative;
}

.splide__arrow {
  padding:10px 12px;
}

.splide__arrow--prev {
  position: absolute;
  top: 12px;
  left: -10px;
  z-index: 1;
}

.splide__arrow--next {
  position: absolute;
  top: 12px;
  right: -10px;
}

.thumbnail .splide__track {
  width:264px;
  margin :16px auto 0 !important;
}

.splide__slide img {
  width: 60px;
  height: 40px;
  object-fit: contain;
}
.splide__slide {
  opacity: 0.6;
}

.splide__slide.is-active {
  opacity: 1;
  border:0;
}