@charset "utf-8";
/**************************************************
//// css document
**************************************************/

/**************************************************
//// common setting
**************************************************/
* {
	font-family: "centuryGothic","mplus-regular";
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	-webkit-text-size-adjust: 100%;
}
a {
	color: #fff;
	text-decoration: none;
}
/**************************************************
//// page transition animation setting
**************************************************/
.flash {
	background-color: #000;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 20000;
}
/**************************************************
//// bread crumb setting
**************************************************/
/*
 pc viewer
*/
#breadcrumb {
	background-color: #fff;
	color: #333;
	font-family: "mplus-light";
	font-size: 88%;
	height: 21px;
	padding: 62px 0 0 40px;
}
#breadcrumb a {
	color: #C33;
	text-decoration: underline;
}
#breadcrumb li {
	float: left;
	padding: 0 3px;
}
/*
 mobile viewer
 */
@media screen and (max-width:640px) {
	#breadcrumb {  
		background-color: #fff;
		color: #333;
		font-family: "mplus-light";
		font-size: 88%;
		height: 21px;
		padding: 56px 0 0 10px;
	}
	#breadcrumb a {
		color: #C33;
		text-decoration: underline;
	}
	#breadcrumb li {
		float: left;
		padding: 0 2px;
	}
}
/**************************************************
//// pager
**************************************************/
.nav {
	clear: both;
	margin: 40px auto 0;
	text-align: center;
}
.nav_mo {
	display: none;
}
@media screen and (max-width:789px) {
	.nav {
		display: none;
	}
	.nav_mo {
		clear: both;
		display: block;
		margin: 40px auto 0;
		text-align: center;
		height: 50px;
	}
}
/**************************************************
//// caution
**************************************************/
.cautionWrap {
	background-image: url(../images/common/caution.png);
	background-size: 160px;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 500px;
	text-align: center;
	width: 100%;
}
.caution h2 {
	font-size: 125%;
}
.caution {
	padding: 30px;
}
/**************************************************
//// 404 not found setting
**************************************************/
.notFound {
	background-image: url(../images/common/caution.png);
	background-size: 160px;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 50px 0 0;
	min-height: 500px;
	text-align: center;
	width: 100%;
}
.notFound h2 {
	font-size: 125%;
}
.notFound p {
	padding: 30px;
}
/**************************************************
//// clearfix
**************************************************/
.clearfix {
	clear: both;
}