@charset "UTF-8";

/* ================================================================================
movie
================================================================================ */
@media print, screen
{

#movie > .inner{	padding: calc(80 * var(--v)) 0;	}
#movie .movieArea
{
	max-width: calc(900 * var(--v));
	margin: 0 auto;
}

#movie .movie,
#movie iframe.youtube
{
	position: relative;
	display: block;
	width: 100%;	aspect-ratio: calc(640/360);

	background: black;
	border: var(--borderA);
	border-radius: 0.3rem;
	box-shadow: var(--shadowA);
}

#movie .movies
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(20 * var(--u));
}
#movie .movies .swiper
{
	width: calc(100% - (52 * 2 + 20 * 2) * var(--u));
	padding: 0 calc(10 * var(--v));
	margin: 0;
}
#movie .movies .swiper-wrapper
{
	align-items: stretch;
	padding: calc(40 * var(--v)) 0;
}
#movie .movies .swiper-slide{	width: calc((100% - 20px * 3) / 4);	height: auto;	}

#movie .movies .inner
{
	width: 100%;	height: 100%;
	padding: calc(10 * var(--v)) calc(10 * var(--u));

	background: var(--Ctheme1);
	border: var(--borderA);
	border-radius: 0.3rem;
	box-shadow: var(--shadowA);
}
#movie .movies .inner picture{	margin: 0 auto 10px;	}
#movie .movies .inner p
{
	color: white;
	font-size: var(--fzv14);
	font-weight: 500;
	line-height: 1.5;
}

#movie .movies .prev,
#movie .movies .next
{
	--C1:black;
	--C2:var(--Ctheme3);

	flex-shrink: 0;
	display: block;
	width: calc(40 * var(--v));	aspect-ratio: 157/235;

	transition: var(--T02);
	cursor: pointer;
}
#movie .movies .prev svg,
#movie .movies .next svg
{	width: 100%;	height: 100%;	}

#movie .movies .prev[aria-disabled="true"],
#movie .movies .next[aria-disabled="true"]
{
	opacity: 0.3;
	pointer-events: none;
}

}
@media screen and (min-width: 768px)
{

	#movie .movies .prev:hover,
	#movie .movies .next:hover
	{	filter: brightness(1.2);	}

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

#movie .movies .swiper-slide{	width: calc((100% - 20px) / 2);	height: auto;	}
#movie .movies .inner p{	font-size: var(--fzv24);	}

}


/* ======================================== end ======================================== */