/**
 * Swiper 4.2.6 CSS custom
 */

/**
 * 最大幅の指定と中央寄せ
 */

/**
 * swiper.js
 */
/* .swiper-slide-prev,
.swiper-slide-next {
	position: relative;
}
.swiper-slide-prev:before,
.swiper-slide-next:before {
	background-color: rgba(221, 221, 221, 0.7); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';
}
.swiper-button-prev.swiper-button-prev01,
.swiper-container-rtl .swiper-button-next.swiper-button-prev01 {
	background-image: url("../images/btn_slider_prev01.png");
}
.swiper-button-next.swiper-button-next01,
.swiper-container-rtl .swiper-button-prev.swiper-button-next01 {
	background-image: url("../images/btn_slider_next01.png");
}
*/
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 100%;
	opacity: 1;
}
.swiper-pagination-bullet-active { background: #fff; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px) {

.swiper-container {
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
	z-index: 1;
}

/* .swiper-button-prev,
.swiper-button-next {
width: 15px;
margin-top: -22px;
background-size: 15px auto;
} */

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px) {

.swiper-container {
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
	z-index: 1;
}

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1025px) {

.swiper-container {
	width: 100%;
	height: 100%;
	/* overflow: visible; */
	z-index: 1;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */