@charset "utf-8";
/* CSS Document */

/*====================================================================
swiper
====================================================================*/
.swiper-container {
    width: 100%;

}
.swiper-container.swiper1.slider{
    margin:15px 0 10px 0;
}

/* 2個目のSwiperのスライドのスタイル */
.swiper2 .swiper-slide {
	-webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}
/* 2個目のSwiperの現在のスライドのスタイル */
.swiper2 .swiper-slide-active {
	-webkit-filter: brightness(1);
	filter: brightness(1);
}
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
 /* width: calc(100% / 7);*/
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.slider-thumbnail .swiper-slide img{
    cursor: pointer;
}
/* レイアウトのためのスタイル */
.swiper {
  width: 100%;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #fa6d04; 
}