@charset "UTF-8";

.titleB{	box-shadow: var(--shadow1);	}
.whiteBox
{
	background: white;
	box-shadow: var(--shadow1);
	border-radius: 0 0 calc(8 * var(--v)) calc(8 * var(--v));
	overflow: hidden;
}

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

#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);
}

#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));	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));

	border: 2px solid var(--Ctheme2);
	border-radius: calc(8 * var(--v));
	background: white;
	box-shadow: var(--shadow3);
}

#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
{
	flex-shrink: 0;
	width: calc(35 * var(--u));
	cursor: pointer;
}
#movie .movies .prev svg,
#movie .movies .next svg
{
	--color1: var(--Ctheme1);
	display: block;
	width: 100%;	aspect-ratio: 128/198;
	filter: drop-shadow(var(--shadow3));
}
#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,
#movie .movies .next
{	transition: var(--T02);	}

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

}
@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 ======================================== */