@charset "utf-8";

/* CSS Document */


.slider_custom
{
	width: 100svw;

	margin: unset;
}


/* [slider] 本体 */
.slider_custom .slick-slide
{
}

/* [slider] 本体・メイン画像 */
.slider_custom .slick-slide .photo
{
	aspect-ratio: 1600 / 860;
	min-width: 100svw;
	height: 100%;
	max-height: 80svh;

	filter: brightness(0.5);
}
/*
	aspect-ratio: 1120 / 748;
*/

/* [slider] 本体・文章 */
.slider_custom .slick-slide .main
{
	display: grid;
	justify-items: center;
	gap: var(--gap);

	position: absolute;
	right: var(--top_catch_LR);
	bottom: var(--gap);

	width: var(--top_main_w);
}

.slider_custom .slick-slide .main .illustration
{
	width: 80%;
	max-width: calc(20em * 0.8);
}

.slider_custom .slick-slide .main .txt
{
	--move					: 1px;
	--blur					: 0.25em;
	--shadow_color			: rgb(255 255 255);
	
	--move_bk				: 0;
	--blur_bk				: 2em;
	--shadow_color_bk		: rgb(var(--bk));

	text-shadow:
		var(--move) var(--move) var(--blur) var(--shadow_color), calc(0em - var(--move)) calc(0em - var(--move)) var(--blur) var(--shadow_color),
		calc(0em - var(--move)) var(--move) var(--blur) var(--shadow_color), var(--move) calc(0em - var(--move)) var(--blur) var(--shadow_color),
		var(--move) var(--move) var(--blur) var(--shadow_color), 0px calc(0em - var(--move)) var(--blur) var(--shadow_color),
		calc(0em - var(--move)) 0px var(--blur) var(--shadow_color), var(--move) 0px var(--blur) var(--shadow_color),
		var(--move_bk) var(--move_bk) var(--blur_bk) var(--shadow_color_bk)
	;
}

/* [slider] arrow */
.slider_custom :is(
	.slick-prev,
	.slick-next
)
{
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	transform: unset;

	position: absolute;
	top: 50%;
	translate: -0% -50%;

	width: auto;
	height: auto;

	z-index: 10;
}
.slider_custom :is(
	.slick-prev
)
{
	left: 0;
}
.slider_custom :is(
	.slick-next
)
{
	right: 0;
}


/* [slider] dott */
.slider_custom .slick-dots
{
	position: absolute;
	left: 50%;
	right: initial;
	top: calc(100% + (var(--gap) / 2));
	bottom: initial;
	translate: -50% -0%;
	
	display: flex;
	justify-content: center;
	justify-items: center;
	gap: var(--gap);

	width: auto;
	height: auto;
}

.slider_custom .slick-dots li
{
	font-size: inherit;
	color: inherit;

	width: auto;
	height: auto;
	
	margin: unset;
	padding: unset;

	opacity: 0.5;
}
.slider_custom .slick-dots li.slick-active
{
	opacity: unset;
}

.slider_custom .slick-dots button
{
	scale: 0.75;

	margin: unset;
	padding: unset;

	background-color: rgb(var(--theme));
	border-radius: 100%;

	overflow: hidden;
}
/*
	font-size: larger;
	color: inherit;

	width: auto;
	height: auto;
	
	margin: unset;
	padding: unset;

	line-height: inherit;
*/
.slider_custom .slick-dots li button:before
{
	content: "0";
	content: none;
	display: inline;

	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;

	width: auto;
	height: auto;

	font-size: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;

	opacity: unset;
}


.slider_custom .item
{
}
/*
	position: sticky;
	left: 0;
	top: 0;
*/