@charset "utf-8";

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

@media only screen and (max-width: 768px) {
}

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

.sp-slide img {
    width: 100%;
}

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

.sp-fade-arrows {
	opacity: 1;            /*hoverで表示ではなく、常に表示 初期値:0*/
}
.sp-horizontal .sp-arrows {/*window width ではなく、センター画像の中に入れる width はjsで指定*/
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.sp-arrow {
    width: 40px;
    height: 40px;
	margin-top: -10px;    /*高さの1/4を上に*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.sp-previous-arrow {
    background-image: url(../common_img/bg-arrow_left_r_white_w50.png);
}
.sp-next-arrow {
    background-image: url(../common_img/bg-arrow_right_r_white_w50.png);
}

@media only screen and (max-width: 768px) {
.sp-arrows {
	width: 100% !important;
}
}

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

.sp-button {
	border: none;
	background-color: #CECECE;
	width: 13px;
	height: 13px;
}
.sp-selected-button {
	background-color: #DEBA3F;
}