@charset "utf-8";

/***プラグイン介入***/
.msacwl-carousel-slide,
.msacwl-slide {
	position: static !important;
}

.msacwl-slider-wrap .msacwl-slide,
.msacwl-carousel-wrap .msacwl-carousel-slide {
	/*固定値だと下部キャプションが消える*/
	min-height: 530px;
	height: auto;
}

.msacwl-slider-wrap a .msacwl-slide a,
.msacwl-carousel-wrap a .msacwl-carousel-slide a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.msacwl-gallery-caption {
	position: static !important;
}

.msacwl-gallery-caption span, .msacwl-gallery-caption span.image_title {
	font-weight: 400 !important;
	font-size: 14px;
}

/*プライグイン介入*/
.msacwl-common-slider button.slick-arrow {
	width: 48px !important;
	height: 48px !important;
	cursor: pointer !important;
	position: absolute;
	z-index: 999;
	text-indent: 0;
	border: 0px !important;
	padding: 0px !important;
	text-align: center;
	margin: 0px;
	border-radius: 0px !important;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;

	background: transparent !important;
	opacity: 0 !important;

}

.msacwl-common-slider:hover button.slick-arrow {
	opacity: 1 !important;
	background-size: 0 !important;
	width: 48px !important;
	height: 48px !important;
	background-color: transparent !important;
}

.msacwl-common-slider button.slick-next:hover,
.msacwl-common-slider button.slick-next:focus,
.msacwl-common-slider button.slick-next:active {
	opacity: 1 !important;
	background: transparent !important;
}

.msacwl-common-slider button.slick-prev {
	left: -24px;
}

.msacwl-common-slider button.slick-next {
	right: -24px;
}



.msacwl-common-slider button.slick-prev::before,
.msacwl-common-slider button.slick-next::before {
	width: 100%;
	height: 100%;
	color: var(--font_color);
	/* 変更したい色を指定 */
	display: flex;
	/* 中央配置のために追加 */
	align-items: center;
	justify-content: center;
	font-size: 24px;
	/* 文字サイズを適宜調整 */
	background: transparent !important;
	transform: scaleY(1.5);
}

.msacwl-common-slider button.slick-prev::before {
	content: "<";
}

.msacwl-common-slider button.slick-next::before {
	content: ">";
}

.msacwl-common-slider button.slick-prev:hover::before {
	transform: translateX(-12px);
	color: var(--main_color);
}

.msacwl-common-slider button.slick-next:hover::before {
	transform: translateX(12px);
	color: var(--main_color);
}