@charset "UTF-8";


 /* iten */
.iten {
	padding: 10% 0 6%;
}
.iten #close a {
	transition: 150ms ease-out 0s;
	font-size: 200%;
	border: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.iten a:hover {
	opacity: 0.5 ;
	transition: 150ms ease-out 0s;
}
.iten h1#logo {
	padding: 8% 0 5%;
	margin: 0 auto;
	text-align: center;
}
.iten h1#logo img {
	width: 70%;
}
.iten p#mlogo img {
	max-width: 120px;
}
.iten #flogo {
	padding: 8% 0 1.5%;
	margin: 0 auto;
	text-align: center;
}
.iten #flogo img {
	width: 50%;
	max-width: 60px;
}
#close {
	position: absolute;
	top: 20px;
	right: 30px;
	line-height: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.lead {
	margin: 0 auto;
	padding: 0 0 3%;
	font-style: normal;
	font-size: 90%;
	width: 375px;
	letter-spacing: 0.1em;
	text-align: center;
}
.lead span {
	display: block;
	padding: 0 1%;
	float: left;
}
.lead span.jp {
	display: inline;
	padding: 0;
	float: none;
}
.iten .map {
}
.iten .map a {
	padding: 0.4% 0 0.5% 1.5%;
	margin: 0;
	border-bottom: 2px solid #000;
	background: url("../images/icon_blank.png") no-repeat left center;
	background-size: 8px;
}

@media screen and ( max-width:800px ) {
	.lead {
		width: auto;
		text-align: center;
	}
	.lead span {
		display: block;
		padding: 0;
		float: none;
	}
}


@media screen and ( max-width:600px ) {
	body {
		font-size: 0.8em;
		min-width: 320px;
	}
	.iten h1#logo {
		padding: 15% 0 5%;
		margin: 0 auto;
		text-align: center;
	}
	.iten h1#logo img {
			width: 350px;
	}
	.iten p.txt img {
		width: 310px;
	}
	.iten #flogo img {
		width: 50%;
		max-width: 40px;
	}
	#close {
		top: 20px;
		right: 30px;
	}
}