.swiper-container {
    width: 100%;
    max-width: 940px;
}

/* スライダー */
.swiper-container > .slider {
    height: 20vh;
}
    
/* スライダーサムネイル */
.swiper-container > .slider-thumbnail {
    height: auto;
}

.slider-thumbnail > .swiper-wrapper > .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: solid  3px #fff;
}

.slider-thumbnail > .swiper-wrapper > .swiper-slide :hover{
    opacity: .5;
}

.slider-thumbnail > .swiper-wrapper > .swiper-slide-thumb-active {
    border: solid  3px #f39700;
}