.slider-pro {
	padding: 0;
}


.sp-arrow {
	text-shadow: none;
}

.sp-next-arrow:before,
.sp-previous-arrow:before {
	display: inline-block;
	background-color: #ff8a49;
	border: 3px solid #fff;
	box-sizing: border-box;
	width: 80px;
	height: 80px;
	line-height: 75px;
	border-radius: 50%;
	font-family: FontAwesome !important;
}

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

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

.sp-next-arrow:before:hover,
.sp-previous-arrow:before:hover {
	transition: .3s;
	background-color: #ffa801;
}

/*ナビゲーションボタンの色*/
.sp-button {
	border: none;
	background-color: #fff;
	border: 1px solid #aaa;
}

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

/*サムネイルのポインターの色を変える*/
.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 {
	position: absolute;
	bottom: 8px;
}

@media screen and (max-width: 767px) {
	.sp-buttons {
		bottom: -30px;
	}

	.sp-arrow {
		font-size: 4vw;
	}

	.sp-next-arrow:before,
	.sp-previous-arrow:before {
		border: 2px solid #fff;
		width: 8vw;
		height: 8vw;
		line-height: 7.2vw;
	}
}