@charset "utf-8";

:root {
	--colorGold:#bf9833;
}

.myswiper01 {
	padding-bottom:12%;
}

.swiper01 {
	width:78%;
	position:relative;
	margin:0 auto;
}

.swiper-button-next01 {
	width:10%;
	height:auto;
	padding-top:calc(48 / 50 * 10%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:32%;
	right:-4%;
	z-index:10;
	cursor:pointer;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background:url("../images/rightbtn.png") left top no-repeat;
}

.swiper-button-prev01 {
	width:10%;
	height:auto;
	padding-top:calc(48 / 50 * 10%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:32%;
	left:-4%;
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background:url("../images/leftbtn.png") left top no-repeat;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom:6%;
}

.swiper-pagination-bullet {
	background:var(--colorGold);
}

.swiper-pagination-bullet-active {
	background:var(--colorGold);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 var(--swiper-pagination-bullet-horizontal-gap,2px);
}

.swiper-button-disabled {
	opacity:0.4;
	cursor:not-allowed;
}


@media screen and (min-width:640px) {

.swiper01 {
	width:100%;
}

.swiper-pagination-bullet {
	width:12px;
	height:auto;
	padding-top:12px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom:25%;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 var(--swiper-pagination-bullet-horizontal-gap,6px);
}

.swiper-button-next01 {
	width:3%;
	height:auto;
	padding-top:calc(48 / 50 * 3%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:28%;
	right:29.5%;
	z-index:10;
	cursor:pointer;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background:url("../images/rightbtn.png") left top no-repeat;
}

.swiper-button-prev01 {
	width:3%;
	height:auto;
	padding-top:calc(48 / 50 * 3%);
	background-size:cover !important;;
	margin-top:0;
	position:absolute;
	top:28%;
	left:29.5%;
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color));
	background:url("../images/leftbtn.png") left top no-repeat;
}

}