/* Road */

#road_list h2.title .label {
	font-size: 0.7em;
}
#road_list h2.title .labeled {
	margin-right: 0.5em;
	padding: 0.65em 1.2em;
	line-height: 1em;
	font-size: 1.2rem;
	border: solid 1px #eee;
	border-radius: 4px;
	overflow: hidden;
	background: #f5f3ec;
}
#road_main .summary p {
	margin-bottom: 2.5em;
	line-height: 1.8em !important;
	font-size: 1.05em !important;
}
#road_main {
	float: left;
	width: calc(100% - 360px);
}
.wo_map #road_main {
	float: none;
	width: 100%;
}
#road_map {
	position: relative;
	margin-bottom: 3.5em;
	width: 100%;
}
#road_map_embed {
	width: 100%;
	height: 530px;
	height: calc(100vh - 180px);
	height: 390px;
	border-radius: 16px;
	border: solid 1px #ddd;
	overflow: hidden;
}
#_road_map .summary {
	position: absolute;
	left: 30px;
	top: 30px;
	padding: 1.5em;
	width: 245px;
	height: calc(100% - 60px);
	font-size: 1.05em !important;
	background: rgba(255,255,255,0.9);
	border-radius: 10px;
	z-index: 10;
	overflow-y: scroll;
}
#road_map .summary {
	position: absolute;
	left: 1px;
	top: 1px;
	padding: 1.75em;
	width: 250px;
	height: calc(100% - 2px);
	font-size: 1.05em !important;
	background: rgba(255,255,255,0.9);
	border-radius: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 10;
	overflow-y: scroll;
	opacity: 0;
	animation: map_summary_motion 600ms ease-in-out 1000ms 1 forwards;
}

@keyframes map_summary_motion {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#road_map .summary h4 {
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: 0.85em;
}
#road_map .summary p {
	font-size: 0.9em !important;
	line-height: 1.7em !important;
}
/*
.infowindow {
	min-width: 100%;
	max-width: 100%;
	width: 100% !important;
}
.infowindow .marker_text {
	width: 100%;
}
.infowindow .thumbnail {
	float: none;
	margin-bottom: 0.85em;
	width: 60px;
	height: 60px;
}
*/
.road_post_pane {
	float: left;
	margin: 0 4% 1.25em 0;
	margin: 0 2.9% 1.25em 0;
	width: 22%;
	width: 11.8%;
	opacity: 0;
}
._road_post_pane:nth-of-type(4n) {
	margin-right: 0;
}
._road_post_pane:nth-of-type(4n + 1) {
	clear: both;
}
.road_post_pane:nth-of-type(7n) {
	margin-right: 0 !important;
}
.road_post_pane:nth-of-type(7n + 1) {
	clear: both !important;
}

.wo_map .road_post_pane {
	margin: 0 2.9% 1.25em 0;
	width: 11.8%;
}
.wo_map .road_post_pane:nth-of-type(4n) {
	margin-right: 2.9%;
}
.wo_map .road_post_pane:nth-of-type(4n + 1) {
	clear: none;
}
.wo_map .road_post_pane:nth-of-type(7n) {
	margin-right: 0 !important;
}
.wo_map .road_post_pane:nth-of-type(7n + 1) {
	clear: both !important;
}


.road_post_pane .road_post_image {
	margin-bottom: 0.5em;
	border: solid 1px #ddd;
	border-radius: 7px;
	overflow: hidden;
}
.road_post_text a {
	text-decoration: none;
}
.road_post_text h4.title {
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 25px;
	font-size: 0.8em;
	line-height: 1.4em;
}
.road_post_text h4.title::before {
	position: absolute;
	left: 0;
	top: 4px;
	content: '';
	width: 18px;
	height: 9px;
	border-radius: 200px;
	background: #aaa;
}

#road_category h2.title {
	position: relative;
	padding-left: 57px;
	line-height: 1.5em;
}
#road_category h2.title::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 39px;
	height: 17px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
	transform: translateY(-50%);
}