@charset "utf-8";
/*
************************************************************************
 グローバルヘッダー
************************************************************************
*/
#page-title
{
	overflow:hidden;
}
#page-title-contents > .blur
{
	z-index:0;
	position: absolute;
	top: -20px;
	bottom: -20px;
	left: -20px;
	right: -20px;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:var(--mv-image-pc);
	
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}

#page-title-contents > .alpha
{
	z-index:1;
	position: absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	background-color:var(--color-black);
	opacity:0.3;
}
#page-title-contents > .mv-wrapper
{
	z-index:2;
	width:100%;
	max-width:1000px;
	
	margin:0 auto;
}
#page-title-contents > .mv-wrapper > .mv
{
	width:100%;
	padding-top:56.25%;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:var(--mv-image-pc);
}


/* ################################################################################################ */
/* ## TAB						 ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
	#page-title-contents > .mv-wrapper
	{
		max-width:1040px;
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	#page-title-contents > .blur
	{
		background-image:var(--mv-image-sp);
	}
	#page-title-contents > .mv-wrapper > .mv
	{
		padding-top:100%;
		background-image:var(--mv-image-sp);
	}
}