@charset "UTF-8";

/* アクセス */
#access h3 {
	color: #4CAF50;
	font-size: 26px;
	text-align: center;
}

#access li {
	margin-bottom: 5px;
	line-height: 1.8em;
}

/* 周辺施設 */
#spot .box {
	margin: 0 0 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

#spot p {
	margin: 10px 0;
}

#spot .text-box h3 {
	margin: 10px 0 15px;
	color: #4CAF50;
	font-size: 26px;
	text-align: center;
}

#spot .text-box {
	margin-right: 30px;
}

/* タブレット版 */
@media screen and (min-width:768px) and (max-width:1049px) {
	#access iframe {
		max-width: 100%;
	}
	
	#spot .text-box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	
	#spot .map-box {
		width: 45%;
	}
	
	#spot iframe {
		width: 100%;
	}

}

/* スマホ版 */
@media screen and (max-width:767px) {
	#access iframe {
		width: 100%;
		height: 350px;
	}
	
	#access h3 {
		font-size: 20px;
	}
	
	#access ul {
		padding-left: 1.5em;
	}
	
	#spot .box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	#spot .text-box {
		margin: 0;
	}
	
	#spot .text-box h3 {
		font-size: 20px;
	}
	
	#spot iframe {
		width: 100%;
		height: 250px;
	}
}