@charset "utf-8";
.notice {
	color: #CC0000;
}
.map {
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	width: 500px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
.map_box {
	margin-top: 20px;
	position: relative;
	padding-bottom: 60%;
	height: 0;
	overflow: hidden;
}
.map_box iframe,.map_box object,.map_box embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (max-width: 768px) {
#contents .notice {
	display: block;
}
#contents .map {
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-left: 0px;
}
#contents .map_box {
	padding-bottom: 100%;
}	
}