@charset "utf-8";

/* ==================================================================
	index.css
=================================================================== */
#index #wrap{
	position:relative;
	margin:0;
	padding:0;
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-size: cover;
	box-sizing:border-box;
}

#index #wrap #contents{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
    width: 100vw;
    height: 100vh;
	box-sizing:border-box;
	z-index:100;
}

#index header.site{
	z-index:9999;
}

#index .pagetop{
	display:none;
}



#index #accent{
	position:relative;
	top:calc(50vh - 5.5em);
	width:1260px;
	margin:0 auto;
	text-align:left;
	color:#fff;
	text-shadow:0 0 8px rgba(0,0,0,0.8);
}
#index #contents #accent h2{
	text-align:left;
	font-family: 'M PLUS 1p', sans-serif;
	line-height:1.8em;
	margin-bottom:0.3em;
}
#index #accent p{
	font-size:120%;
	font-family: 'Oswald', sans-serif;
	letter-spacing:0.2em;
}


#information{
	position:absolute;
	bottom:5vh;
	padding:20px;
	padding-left:calc(50% - 630px);
	width:62%;
	color:#fff;
	background:rgba(10,10,10,0.5);
	box-sizing:border-box;
	zoom:1;
	overflow:hidden;
}

#information h2{
	float:left;
	margin:0;
	margin-right:1em;
	padding:0.5em 1em 0.5em 0;
	font-size:120%;
	letter-spacing:0.1em;
	border-right:1px solid #fff;
}

#information dl{
	position:relative;
	zoom:1;
	overflow:hidden;
	padding-top:0.6em;
	font-size:110%;
}
#information dd{
	position:relative;
	margin-top:-1.4em;
	margin-left:5em;
}

#index footer.site{
	position:absolute;
	bottom:5vh;
	left:65%;
	width:35%;
	padding:0;
	background:none;
}

#index footer.site .copyright{
	padding-right:calc(50vw - 630px);
	text-align:right;
	color:#fff;
	font-size:110%;
}



/*-------------------------------------------------------------------
	smart phone
-------------------------------------------------------------------*/
@media only screen and (max-width : 640px) {

#index #accent{
	position:relative;
	top:calc(50vh - 8em);
	width:95vw;
	margin:0 auto;
	text-align:center;
	color:#fff;
	text-shadow:0 0 8px rgba(0,0,0,0.8);
}
#index #contents #accent h2{
	font-size:7.8vw;
}
#index #contents #accent h2 br{
	display: none;
}
#index #accent p{
	font-size:3vw;
	text-align: left;
}



#information{
	position:absolute;
	bottom:7vh;
	padding:0.8em;
	width:95%;
}
#contents #information h2{
	float:none;
	margin:0;
	padding:0;
	font-size:100%;
	border-right:0;
}

#information dl{
	position:relative;
	zoom:1;
	overflow:hidden;
	padding-top:0.5em;
	font-size:100%;
}
#information dd{
	position:relative;
	margin-top:0;
	margin-left:0em;
}



#index footer.site{
	position:absolute;
	bottom:0%;
	left:0;
	width:100%;
	padding:0;
	margin:0 auto;
	background:none;
	box-sizing:border-box;
}

#index footer.site .copyright{
	padding-right:2%;
	font-size:110%;
    padding: 1em;
}

}