@charset "utf-8";

/* -----------------------------------------------------------

	アクセス CSS

----------------------------------------------------------- */


.access #map > div {
	margin-bottom: 40px;
	padding: 10px;
	height: 100%;
	background: #f0f9ff;
}

.access #map p.mb30 img {
	max-width: 500px;
}

.access #map .inner {
	padding: 20px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

.access #map .leftArea {
	width: 55%;
}

.access #map .rightArea {
	width: 40%;
}

.access .low_access ul {
	margin-bottom: 2em;	
}

.access .low_access li {
	width: 47%;
	float: left;
	margin-right: 2%;	
}

.access #map #low_map iframe {
	display: block;
	width: 96%;
	height: 350px;
	border: 3px double #CCC;
	margin: 0 auto;
}

.access #map #low_map small {
	display: block;
	text-align: center;
}

.access #map .inner iframe {
	width: 100%;
	height: 250px;
	border: none;
	margin: 0;
}





/*############################################################################################*/
/* スマホ向け指定：～480px */
/*############################################################################################*/

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

	.access #map .leftArea,
	.access #map .rightArea {
		float: none;
		width: 100%;
	}

}

/*############################################################################################*/
/* タブレット向け指定：481px～768px */
/*############################################################################################*/
@media only screen and (min-width: 481px) and (max-width: 906px) {


}