/* ============================================================================================
	SLIDER / BLOCK
============================================================================================ */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;gap:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress {
	display: none;
}
.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative;opacity:0.4;transition:opacity 0.8s ease}.splide__slide img{vertical-align:bottom;width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.splide__track {
	height: auto;
}

/* slide */
.splide__slide {
	opacity: 1 !important;
	flex-shrink: 0;
	position: relative;
	width: 200px !important;
	height: 200px !important;
	overflow: hidden;
}

/* 右方向スクロール時のテキスト反転を防止 */
.splide[data-direction="right"] .splide__slide {
	direction: ltr !important;
}

.splide__slide img {
	width: 200px !important;
	height: 200px !important;
	object-fit: cover;
	transition: transform 0.8s ease;
}

/* slide hover effect */
.splide__slide:hover img {
	transform: scale(1.05);
}

/* caption */
.splide__caption {
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	padding: 0 6% 5%;
	background: linear-gradient(to top, rgba(200,223,236,.8), rgba(0,0,0,0));
	color: var(--wp--preset--color--contrast);
	opacity: 0;
	transition: opacity .4s ease;
	text-align: center;
}

/* 方向に関係なくテキストの配置を制御 */
.splide[data-direction="left"] .splide__caption,
.splide[data-direction="right"] .splide__caption {
	text-align: center;
	direction: ltr;
}

.splide__slide:hover .splide__caption {
	opacity: 1;
}

.splide__caption .caption__heading {
	max-width: 800px;
	margin: 0 0 1em;
	font-weight: bold;
	font-size: clamp(13px, 2vw, 16px);
	line-height: 1.3;
	letter-spacing: 1px;
	text-indent: 4px;
	transform: translateY(20px);
	transition: transform .6s ease;
}

.splide__caption .caption__body {
	max-width: 800px;
	font-size: clamp(12px, 2vw, 13px);
	line-height: 1.3;
	transform: translateY(20px);
	transition: transform .6s ease .1s;
}

.splide__slide:hover .splide__caption .caption__heading,
.splide__slide:hover .splide__caption .caption__body {
	transform: translateY(0);
}
