@charset "utf-8";

.slick-slider * {
	outline: none;
}
.slick-list {
	overflow: visible;
}

/* Arrows (共通指定) */

.slick-arrow {
	width: 30px;
	height: 20px;
	-webkit-appearance: none;
	background: transparent url(/static/saucydog/official/common/arrow_01.svg) no-repeat 0 0 / contain;
	border: none;
	text-indent: -100px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}
.slick-arrow.slick-prev {
	transform: translateY(-50%) rotateY(180deg);
	left: 20px;
}
.slick-arrow.slick-next {
	transform: translateY(-50%);
	right: 20px;
}

@media print, screen and (min-width:768px) {
	.slick-arrow.slick-prev:hover {
		transform: translateY(-50%) rotateY(180deg) scale(1.3);
	}
	.slick-arrow.slick-next:hover {
		transform: translateY(-50%) scale(1.3);
	}
}

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



/* Arrows (VIDEO) */

#video .slick-arrow {
	top: calc(100% + 40px);
}
#video .slick-arrow.slick-prev {
	left: 5%;
}
#video .slick-arrow.slick-next {
	right: 5%;
}

@media screen and (max-width:767px) {
	#video .slick-arrow {
		top: calc(100% + 6vw);
	}
}

/* Arrows (MOVIE) */

@media screen and (max-width:767px) {
	#movie .slick-arrow,
	#photo .slick-arrow {
		top: calc(100% + 22px);
	}
	#movie .slick-arrow.slick-prev,
	#photo .slick-arrow.slick-prev {
		left: 5%;
	}
	#movie .slick-arrow.slick-next,
	#photo .slick-arrow.slick-next {
		right: 5%;
	}
}