@charset "UTF-8";
/*==========================================================================================

SwiperのCSS

==========================================================================================*/
.swiper-container{
/*	width: calc(100% - 80px);*/
}
.swiper-pagination{
	width: 100%;
	margin: 10px 0 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet{
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #412b16;
	opacity: 1.0;

}
.swiper-pagination-clickable .swiper-pagination-bullet-active{
	background: #b3111f;
}
.swiper-button-prev{
}
.swiper-button-prev:active,
.swiper-button-prev:hover{
}
.swiper-button-next{
}
.swiper-button-next:active,
.swiper-button-next:hover{
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-size: 50%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-size: 50%;
}
/*==========================================================================================

	768px以下用（SP）のCSS

==========================================================================================*/
@media screen and (max-width: 768px) {
.swiper-pagination-clickable .swiper-pagination-bullet{
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #412b16;
	opacity: 1.0;

}
.swiper-pagination-clickable .swiper-pagination-bullet-active{
	background: #b3111f;
}    
    
}