.swiper-swipermain {
	width: 80%;
	margin-left: 10%;
}

.swiper-swipermain .swiper-slide {
	border: 4px solid #FFF;
	box-shadow: 8px 8px 15px #000;
}


/* スライドの幅と高さ */
.swiper-wrapper {
    width: 100%;
   	margin: 30px auto;
}

.swiper-swipermain .swiper-slide img {
    height: auto;
    width: 100%;
}

.swiper-swiperthumbnail .swiper-slide-thumb-active {
        border: 3px solid #FFF;

}
.swiper-swiperthumbnail {
	width: 50%;
	margin-left: 25%;
}

/* 前への矢印 */
.swiper-button-prev {
  left: 15%;
}

/* 次への矢印 */
.swiper-button-next {
  right: 15%;
}

.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #fff; //ここに変更する色を指定
}