@charset 'UTF-8';

.slide-arrow{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
}
.prev-arrow{
	left: -25px;
}
.next-arrow{
	right: -25px;
}
.slide-arrow::before{
	content: "";
	display: block;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	width: 20px;
	height: 20px;
}
.prev-arrow::before{
	transform: rotate(-135deg);
}
.next-arrow::before{
	transform: rotate(45deg);
}

@media screen and (max-width: 960px){
	.slide-arrow{
		top: calc(50% - 30px);
	}
	.slide-arrow::before{
		position: relative;
		top: 20px;
	}
	.prev-arrow{
		left: 0;
		background-color: rgba(255,255,255,0.6);
		z-index: 1;
		width: 30px;
		height: 60px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	.prev-arrow::before{
		left: 8px;
	}
	.next-arrow{
		right: 0;
		background-color: rgba(255,255,255,0.6);
		z-index: 1;
		width: 30px;
		height: 60px;
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
	}
	.next-arrow::before{
		right: 0;
	}
}