@charset "UTF-8";

body::before
{
	display: none !important;
}


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

#KV
{
	position: relative;
	padding: 0;
}
#KV .background
{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
}
#KV .background picture{	width: 100%;	height: 100%;	}
#KV .background img{	object-fit: cover;	}

#KV > .inner
{
	position: relative;
	display: flex;	flex-direction: column;	justify-content: end;
	height: calc(540 * var(--v));
	padding: 0 var(--pageP);
}
#KV h1
{
	color: white;
	font-size: var(--fzv21);
	font-weight: 500;
	letter-spacing: 0.05em;
}
#KV h1 + p
{
	color: white;
	font-family: var(--Roboto);
	font-size: var(--fzv150);
	font-weight: 300;
	/* letter-spacing: 0.05em; */
	transform: translate(-0.08em, 0.16em);
}

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

#KV > .inner{	height: calc(370 * var(--v));	}
#KV h1{	font-size: var(--fzv15);	}
#KV h1 + p{	font-size: var(--fzv70);	}

}


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

#movie .movies
{
	display: flex;	flex-wrap: wrap;	align-items: center;
	gap: calc(40 * var(--v)) calc(20 * var(--v));
}
#movie .movies iframe
{
	display: block;
	width: calc((100% - 20 * 2 * var(--v))/3);	aspect-ratio: 560/315;
}

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

#movie .movies iframe{	width: 100%;	}

}





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