@charset "UTF-8";

body{
	background-color:#E0B27A;
	background-image:url(./images/hanabi/bk.png);
	margin:0;
	padding:0;
}

header img{
	width:100%;
	vertical-align:bottom;
}

header h1{
	margin:0;
}

.wrap{
	width:800px;
	margin:0 auto;
	background-color:#FFF;
}

h2{
	background-color:#F44E12;
	color:#FFF;
	margin:0;
	padding:0.5em;
	margin-bottom:0.5em;
	line-height:1.2em;
}

address{
	font-style:normal;
	text-align:center;
}
address h3{
	text-align:left;
}

p.fb{
	width:40%;
	text-align:center;
	margin:0;
	margin-left:1em;
	margin-right:1em;
	display:inline-block;
	margin-bottom:0.9em;
}
p.fb img{
	width:100%;
	max-width:360px;
}
p.tel{
	text-align:center;
	vertical-align:bottom;
	display:inline-block;
	width:40%;
}
p.tel a{
	display:inline-block;
	font-size:1.4em;
	text-decoration:none;
	background-color:#F7F7EE;
	padding:1.03em;
	padding-left:1.5em;
	padding-right:1.5em;
	border:solid 1px #3B579D;
	color:#3B579D;
	font-weight:bold;
}

div.map{
	text-align:center;
	margin-bottom:1em;
	padding:1em;
}
div.map h2{
	text-align:left;
}
div.map img{
	width:100%;
	margin-bottom:0.5em;
}
div.map em{
	display:block;
	font-style:normal;
	color:#FF0000;
}

ul{
	margin-bottom:2em;
	line-height:1.2em;
	font-size:0.9em;
	padding-right:2em;
}
ul li{
	margin-bottom:0.5em;
}
ul li strong{
	color:#FF0000;
	font-weight:normal;
}

@media(max-width: 800px){
	.wrap{
		width:100%;
	}

	p.tel a{
		font-size:0.8em;
		padding:0.8em;
		padding-left:1.0em;
		padding-right:1.0em;
	}

	h2{
		font-size:1em;
	}

	div.map em{
		font-size:0.8em;
	}

}

footer{
/*	background-color:#F44E12;*/
	background-color:#E8E0CE;
	color:#FFF;
	padding:1em;
	font-size:0.8em;
	text-align:center;
}
footer img{
	width:100%;
	vertical-align: bottom; 
}