@charset "utf-8";

/* ------ container ------ */
#container {
	position: relative;
	z-index: 2;
}
/* tithaircatalog */
#tithaircatalog {
	width: 90%;
	margin: 0 auto;
}
#tithaircatalog img{
	width: 100%;
}
@media screen and (max-width: 639px) {
	#titProducts {
		width: 94%;
	}
}
/* accessArea */
#accessArea {
	position: relative;
	z-index: 2;
	padding-bottom: 10%;
}
.paperArea {
	width: 50%;
	margin: 0 auto;
	background-color: #efefef;
	box-shadow: 0 0 15px #796f60;
	padding: 4% 10% 8%;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
@media screen and (max-width: 639px) {
	.paperArea {
		width: 70%;
		padding: 4% 5% 8%;
	}
}
.paperArea h2{
	background-color: #463318;
	line-height: 200%;
	color: #fff;
	font-weight: bold;
	margin-top: 4%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.paperArea p{
	border-bottom: dotted 1px #463318;
	padding: 3%;
}
.paperArea p span{
	font-weight: bold;
}
@media screen and (max-width: 639px) {
	.paperArea h2{
		font-size: 90%;
	}
	.paperArea p{
		font-size: 90%;
	}
}

/* bg01 */
#bg01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
@media screen and (max-width: 639px) {
	#bg01 {
		top: 60px;
	}
}
#bg01 img{
	width: 100%;
}

/* ------ mapArea ------ */
#mapArea {
    margin:0 auto;
	max-width:900px;
	margin-top: 4%;
}
#mapBlock {
	height:480px;
}
#map {
	width: 100%;
	height: 100%;
}
/* ------ google-maps ------ */
.google-maps {
position: relative;
padding-bottom: 0; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}