@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1280px) {
}
@media only screen and (max-width: 767px) {
}

/***************************************************************************
page
****************************************************************************/

.sld li img {
	width: 100%;
}
.slick-slider {
    margin-bottom: 0px; /*矢印を上下50％にするために必要*/
}

/***************************************************************************
prev,next override
****************************************************************************/

.slick-prev,.slick-next {
	width: 5%;
    height: 50px;
	z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
}
.slick-prev:before,.slick-next:before {
	display: none;
}
.slick-prev,.slick-prev:hover,.slick-prev:focus,
.slick-next,.slick-next:hover,.slick-next:focus {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.slick-prev,.slick-prev:hover,.slick-prev:focus {
    left: 1.5%;
    background-image: url(../common_img/bg-arrow_left_r_white_w50.png);
}
.slick-next,.slick-next:hover,.slick-next:focus {
    right: 1.5%;
    background-image: url(../common_img/bg-arrow_right_r_white_w50.png);
}

/***************************************************************************
dot override
****************************************************************************/

.slick-dotted.slick-slider {
    margin-bottom: 0px;     /*左右グレーアウトに必要*/
}
.slick-dots {
	bottom: -44px;			/*dotの位置調整*/
    z-index: 100;
}
.slick-dots li {
	margin: 0px 1px 0px 1px;
}
.slick-dots li button:before {
	color: #CECECE;
	opacity: 1;
	font-size: 14px;
	line-height: 1;
}
.slick-dots li.slick-active button:before {
	color: #DEBA3F;
	opacity: 1;
}