@charset "UTF-8";

.contents{ width: 1000px; margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 800px; float: left; z-index: 10;}
.contents-wrapper-right{ width: 180px; float: right; margin-top: 33px; z-index: 10;}
.contents-wrapper-right .side-menu-item{ margin-bottom: 15px;}
.contents-wrapper-right .side-menu-item a:hover{ filter:Alpha(opacity=75); opacity:0.75;}

.introduction{ margin: 30px 0 0;}
.introduction p{ font-size: 1.4rem; line-height: 1.8;}
.reception-time{ color: #DD6673; font-weight: bold;}

.address-info{ padding: 40px 0;}
.title{ font-size: 3.0rem; border-bottom: 3px #2D9B00 solid; margin-bottom: 20px;}
.Block-left{ width:48%; float:left; position: relative;}
.Block-right{ width:50%; float:right; position: relative;}

.ggmap {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.address-list{
	font-size: 1.4rem;
	line-height: 1.8;
/*	border-left: dotted 1px #8FB896;
	border-right: dotted 1px #8FB896;*/
	border-bottom: dotted 1px #8FB896;
}
.address-list dt{
	width: 80px;
	float: left;
	clear: both;
	padding: 10px 10px 0 5px;
	line-height: 1.8;
	font-weight: bold;
	border-top: dotted 1px #8FB896;
}
.address-list dd{
	padding: 10px 0 10px 20px;
	margin-left: 80px;
	line-height: 1.8;
	border-top: dotted 1px #8FB896;
/*	border-left: dotted 1px #8FB896;*/
}

.contents a:link,
.contents a:visited{
	color: #F60;
}

.contents a:hover,
.contents a:active,
.contents a.ton{
	text-decoration: underline;
}


@media screen and (max-width: 767px) {

.contents{ width: 90%; margin-top: 100px;}
.heading{ font-size: 3.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 100%; float: none;}
.address-info{ padding: 30px 0;}

.title{ font-size: 2.0rem; margin-bottom: 20px;}

.Block-left{ width:100%; float:none; position: relative; margin-top: 10px;}
.Block-right{ width:100%; float:none; position: relative;}

.address-list dt{
	width: 80px;
	float: left;
	clear: both;
	padding: 20px 10px 0 10px;
	line-height: 1.8;
	/*border-top: solid 1px #CCC;*/
}
.address-list dd{
	padding: 20px 0 20px 20px;
	margin-left: 80px;
	line-height: 1.8;
	/*border-top: solid 1px #CCC;*/
	border-left: dotted 1px #8FB896;
	/*border-left: solid 1px #CCC;*/
}

}