.slider-pro {
	padding: 0;
}


/*次矢印のアイコンフォント*/
.sp-next-arrow:before {
	font-family: FontAwesome !important;
	content: "\f105" !important;
}

/*前矢印のアイコンフォント*/
.sp-previous-arrow:before {
	font-family: FontAwesome !important;
	content: "\f104" !important;
}

/*ナビゲーションボタンの色*/
.sp-button {
	border: 2px solid #ccc;
}

.sp-selected-button {
	background-color: #ccc;
}

/*サムネイルのポインターの色を変える*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	border-color: #ffa801;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	color: #ffa801;
}

/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
	top: 0;
}

.sp-vertical .sp-next-arrow {
	bottom: 0;
}


.sp-buttons {
	padding: 0;
	position: absolute;
	bottom: 1px;
}

@media screen and (max-width: 767px) {
	.sp-buttons {
		bottom: auto;
		padding-top: 1vw;
	}
}