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

/*reset*/
.slick-dotted.slick-slider {
	margin-bottom: 25px;
}

.slick-slide > div {
	width: 700px;
	height: 399px;
}

@media screen and (max-width:767px){
.slick-dotted.slick-slider {
	margin-bottom: 20px;
}

.slick-slide > div {
	width: calc(100vw - 12px);
	max-width: 640px;
	height: auto;
}

.slick-slide > div a {
	display: block;
	height: 100%!important;
}
}

/**/
.slick-dots {
	bottom: -22px;
}

.slick-dots li {
	margin: 0;
}

.slick-dots li button:before {
	font-size: 10px;
	color: #333;
	opacity: 1;
	content: "○"
}

.slick-dots li.slick-active button:before {
	color: #e5515d;
	opacity: 1;
	content: "●";
}

@media screen and (max-width:767px){
.slick-dots {
	bottom: -16px;
}
}