@charset "utf-8";

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

@media print, screen and (max-width: 1300px) {
}
@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}


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

.sld_wrap .arrow {			/*矢印の位置を任意にするためのclass*/
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
.sld_wrap .arrow {
	max-width: 87.5% !important;
}
.sld_wrap .slick-arrow {
    width: 3.2vw !important;
    height: 6.4vw !important;
}
}

.slick-arrow {
    width: 27px;
    height: 54px;
	z-index: 99;
}

.slick-prev:before,
.slick-next:before {
	display: none;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus,
.slick-next,
.slick-next:hover,
.slick-next:focus {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    left: 0px;
	background-image: url(/-/wp-content/themes/tochi/img/common/sld/arrow_black_left_pc.svg);
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
    right: 0px;
    background-image: url(/-/wp-content/themes/tochi/img/common/sld/arrow_black_right_pc.svg);
}

@media only screen and (max-width: 767px) {
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	background-image: url(/-/wp-content/themes/tochi/img/common/sld/arrow_black_left_sp.svg);
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
    background-image: url(/-/wp-content/themes/tochi/img/common/sld/arrow_black_right_sp.svg);
}
}