<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*
	交通アクセス
*/


.contents {
	margin-bottom: 50px;
}

.contents:first-of-type {
	margin-bottom: 0;
}

.contents p {
	line-height: 1.6em;
}

#access-map img {
	height: auto;
	margin-bottom: 30px;
	width: 100%;
}

#access-map ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#access-map li {
	font-size: 18px;
	line-height: 1.8em;
}

#access-map li:before {
	background: #999;
	content: '';
	display: inline-block;
	margin-right: 8px;
	height: 16px;
	position: relative;
	top: 1px;
	width: 16px;
}

#access-map li strong {
	color: #C80E42;
}

#access-map li strong em {
	font-size: 28px;
	font-style: normal;
}

.access-bl h2:after {
	display: none;
}

.access-bl h2 span {
	display: inline-block;
	position: relative;
}

.access-bl h2 span:before,
.access-bl h2 span:after {
	background: no-repeat 0 0;
	bottom: 0;
	content: '';
	display: block;
	height: 43px;
	position: absolute;
	width: 16px;
}

.access-bl h2 span:before {
	background-image: url(../img/guide/line_ttl_l.svg);
	left: -60px;
}

.access-bl h2 span:after {
	background-image: url(../img/guide/line_ttl_r.svg);
	left: auto;
	right: -60px;
}

#access-time img {
	height: auto;
	width: 100%;
}

#access-time p {
	margin: 0;
}


/* access-route */
#access-route {
	width: 100%;
}

#access-route thead th {
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 17px 0;
	width: 45%
}

#access-route thead th:nth-of-type(1) {
	background: #73B5E5;
}

#access-route thead th:nth-of-type(2) {
	width: 10%
}

#access-route thead th:nth-of-type(3) {
	background: #D4E062;
}

#access-route td {
	text-align: center;
	vertical-align: top;
}

#access-route td.middle {
	vertical-align: middle;
}

#access-route td p {
	margin: 0;
	text-align: left;
}

#access-route td .lead {
	font-size: 22px;
	margin: 10px 0;
	text-align: center;
}

#access-route td p ~ img {
	height: auto;
	margin-bottom: 10px;
	width: 100%;
}


/* map */
.map-bl {
	float: left;
	margin-bottom: 10px;
	position: relative;
	width: 47%;
}

.map-bl:first-of-type {
	margin-right: 6%;
}

.map-bl &gt; img {
	height: auto;
	width: 100%;
}

.map-bl iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#access-gmap p {
	clear: both;
	text-align: right;
}


/* 周辺 */
#access-arround p {
	margin-bottom: 20px;
}

#access-arround ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#access-arround ul li {
	float: left;
	line-height: 0;
	margin: 0 0 30px 3%;
	width: 31%;
}

#access-arround ul li:nth-of-type(3n+1) {
	margin-left: 0;
}

#access-arround ul li img {
	height: auto;
	width: 100%;
}


/* map2 */
#access-gmap2 {
	clear: both;
	margin-bottom: 80px;
}

#access-gmap2 .map-bl {
	float: none;
	width: 100%;
}








@media screen and (max-width: 980px) {
	.contents {
		margin-bottom: 30px;
	}
	
	.contents p {
		font-size: 13px;
		line-height: 1.4em;
	}
	
	#access-map img {
		margin-bottom: 10px;
	}
	
	#access-map li {
		font-size: 13px;
		line-height: 1.6em;
	}

	#access-map li:before {
		margin-right: 6px;
		height: 12px;
		width: 12px;
	}

	#access-map li strong em {
		font-size: 22px;
	}
	
	.access-bl h2 {
		font-size: 14px;
		line-height: 1.4em;
	}
	
	.access-bl h2 span {
		padding: 0 25px;
	}
	
	.access-bl h2 span:before,
	.access-bl h2 span:after {
		background-size: cover;
		height: 30px;
		width: 11px;
	}

	.access-bl h2 span:before {
		left: 0;
	}

	.access-bl h2 span:after {
		right: 0;
	}
	
	/* access-route */
	#access-route thead th {
		font-size: 13px;
		letter-spacing: 0;
		padding: 10px;
		width: 47%;
	}

	#access-route thead th:nth-of-type(2) {
		width: 6%;
	}

	#access-route td p {
		font-size: 12px;
		line-height: 1.4em;
	}

	#access-route td .lead {
		font-size: 13px;
	}

	#access-route td p ~ img {
		margin-bottom: 5px;
	}
	
	#access-route td &gt; img {
		height: auto;
		width: 30px;
	}
	
	#access-route td.middle &gt; img {
		width: 14px;
	}
}
















</pre></body></html>