/* Common */

:root {
	--road_01: #d72f3b;
	--road_02: #e16e2f;
	--road_03: #e4c203;
	--road_04: #85b600;
	--road_05: #028c49;
	--road_06: #00b29b;
	--road_07: #0076e3;
	--road_08: #31479a;
	--road_09: #714bc8;
	--road_10: #f5556f;
}


html {
	font-size: 15px;
}
body {
	position: relative;
	min-width: 0;
	min-width: 100%;
	width: 100%;
	height: 100%;
	font-family: 'Poppins','Inter','Noto Sans JP',sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-feature-settings: 'palt';
	letter-spacing: 0.03em;
	letter-spacing: 0.02em;
	line-height: 1.88em;
	color: #111;
	background: #fff;
	box-sizing: border-box;
}
body.expanded {
	overflow: hidden;
}
::selection {
	background: #ADB2BF;
}
::-moz-selection {
	background: #ADB2BF;
}
a {
	color: #111 !important;
	/* text-decoration: none; */
}
a:hover {
	color: #111 !important;
	text-decoration: underline;
}
.anchor a, a.anchor {
	position: relative;
	text-indent: -1.1em;
	text-decoration: none;
}
.inner {
	position: relative;
	margin: 0 auto;
	padding: 0 50px;
	max-width: 1200px;
	min-width: 950px;
	width: auto;
	box-sizing: border-box;
}
.inner.wider {
	padding: 0 50px;
	max-width: 100%;
	width: 100%;
}
.inner.widest {
	padding: 0;
	max-width: 100%;
	width: 100%;
}
.inset {
	max-width: 70%;
	width: 70%;
}
.section {
	position: relative;
	margin: 0 auto 8.5em auto;
}
._section:last-of-type {
	margin-bottom: 0;
}
.block:not(:last-of-type) {
	margin-bottom: 4em;
}
.block ol,
.block ul {
	margin: 1em 0;
}
ul.disc li {
	margin-left: 1.5em;
	list-style: disc;
}
ol.alphabetical li {
	margin-left: 1.5em;
	list-style: lower-alpha;
}
h2.title {
	margin-bottom: 1.5em;
	font-size: 2em;
	font-size: 1.8em;
	font-weight: 500;
}
h2.title .title_en small {
	font-size: 0.55em !important;
}
h2.title .title_small {
	display: block;
	margin-top: 0.8em;
	font-size: 0.47em;
	font-weight: 500;
}
h3.title {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 0.1em;
}
h3.title .title_en {
	display: block;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
}
h3.title.w_symbol {
	position: relative;
	font-size: 1.8em;
	z-index: 1;
}
h3.title.w_symbol .symboled {
	position: relative;
	z-index: 1;
}
h3.title.w_symbol::before {
	position: absolute;
	left: -30px;
	top: -50px;
	width: 100px;
	height: 100px;
	content: '';
	background: url(../images/common/symbol_yellow.png) no-repeat center / cover;
	z-index: 0;
}
h3.title .title_small {
	display: block;
	margin-top: 0.8em;
	margin-top: 0.5em;
	font-size: 0.47em;
	font-size: 0.67em;
	font-weight: 500;
}
h2.title .title_small.inline,
h3.title .title_small.inline,
h4.title .title_small.inline {
	display: inline-block;
	margin-top: 0;
	margin-left: 0.3em;
	transform: translateY(-3px);
}
h4.title {
	margin-bottom: 1em;
	font-size: 1.15em;
	font-size: 1.2em;
	font-weight: 500;
}
h4.title .title_small {
	display: block;
	font-size: 0.8em;
}
h5.title {
	margin-bottom: 1em;
	font-size: 1.05em;
	font-weight: 500;
}
.section_title {
	margin: 1.5em 0;
	margin: 1.25em 0;
	font-size: 1.3em;
	font-weight: 500;
}
.summary p,
p.summary {
	font-size: 1.2em !important;
	line-height: 2.2em !important;
}
.contents_desc a {
	font-weight: 500;
	text-decoration: underline;
}
.contents_desc:not(:last-of-type) {
	margin-bottom: 2.5em;
}
.contents_desc p:not(:last-of-type) {
	margin-bottom: 1em;
}
strong {
	font-weight: 500 !important;
}
img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	-ms-interpolation-mode: nearest-neighbor;
}
svg {
	width: 100%;
	height: auto;
}
.astarisc {
	margin-left: 0.3em;
	color: #888;
}
hr {
	display: block;
	margin-bottom: 2.5em;
	height: 1px;
	border: 0;
	background: #DDD;
}
.only_pc {
	display: block;
}
.only_pc.inline {
	display: inline-block;
}
.only_mobile,
.only_mobile.inline {
	display: none;
}
.webfont {
	font-family: 'Inter', sans-serif;
}
.webfont.num {
	font-family: 'Kantumruy Pro', sans-serif;
}
.webfont.serif {
}
.webfont.hand {
}
.thin {
	font-weight: 300 !important;
}
.thinner {
	font-weight: 100 !important;
}
.bold {
	font-weight: 400 !important;
}
.bolder {
	font-weight: 500 !important;
}
.italic {
	font-style: italic !important;
}
.serif {
	font-family: 'Noto Serif JP',serif;
}
.sans {
	font-family: 'Noto Sans JP',sans-serif;
}
.centering {
	text-align: center !important;
}
.hide {
	display: none !important;
}
p.note,
.note li {
	clear: both;
	font-size: 0.9em !important;
	line-height: 1.5em;
	color: #888;
}
p.note {
	margin-top: 1.5rem;
}
.note li {
	margin-top: 1.5rem;
}
.square {
	font-size: 0.7em;
	line-height: 1em;
	vertical-align: super;
}
p.empty {
	padding: 8em 0;
	text-align: center;
	color: #ddd;
	font-size: 1.1em;
}
.link {
	margin: 3em 0;
}
.link a {
	display: inline-block;
	padding: 1.2em 6em 1.2em 1.2em;
	text-align: center;
	border: solid 1px #787878;
	border-radius: 4px;
	transition: all 200ms linear;
	text-decoration: none;
	box-sizing: border-box;
}
.link a {
	display: inline-block;
	position: relative;
	padding: 1.2em 5.4em 1.2em 1.2em;
	text-align: center;
	border: solid 1px #787878;
	border-radius: 5px;
	transition: all 200ms linear;
	text-decoration: none;
	box-sizing: border-box;
}
.link a:after {
	position: absolute;
	right: 0.5em;
	top: 1.2em;
	content: '';
	width: 30px;
	height: 30px;
	background: url(../images/common/icon_link.png) no-repeat center center / 30px;
}
.link a:hover:after {
	animation: moving 400ms ease-in-out;
}
@keyframes moving {
	0% {
		right: 0.5em;
	}
	50% {
		right: 1em;
	}
	100% {
		right: 0.5em;
	}
}
.button {
	margin-top: 3em;
}
.button p {
	display: inline-block;
}
.button p a {
	position: relative;
	display: block;
	display: inline-block;
	padding: 1.2em 1.6em 1.1em 1.7em;
	padding: 1.2em 1.6em 1.1em 3em;
	padding: 1.2em 1.6em 1.1em 3.5em;
	font-size: 0.8em;
	font-size: 1em;
	line-height: 1em;
	line-height: 1.4em;
	color: #fff !important;
	background: #000;
	border-radius: 200px;
	overflow: hidden;
	text-decoration: none !important;
	transition: all 360ms ease-in-out;
}
.button p a:hover {
	transition: all 260ms ease-in-out;
	transform: scale(0.96);
}
.button p a::before {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	content: '';
	width: 18px;
	height: 18px;
	background: url(../images/common/icon_arrow_white.png) no-repeat center / 100%;
}
.button {
	margin-top: 3.2em;
}
.buttons .button {
	float: left;
	margin-right: 2em;
}
.fading {
	padding-top: 24px;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
	opacity: 0;
}
.clear {
	clear: both !important;
}

#menu {
	display: none;
}


/* Header */

#header {
	margin-bottom: 3.5em;
}
#header a {
	display: block;
	text-decoration: none;
}
#header .inner {
	padding: 50px 50px;
	padding: 35px 50px 50px 50px;
	max-width: 100%;
	background: url(../images/common/symbol_yellow.png) no-repeat left 10px top -100px / 250px;
}
#header_logo {
	float: left;
}
#header_logo h1 {
	margin-bottom: 15px;
	width: 230px;
}
#header_logo h2 {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1em;
}


#header_menu {
	float: right;
	padding-top: 15px;
}
#header_menu li {
	position: relative;
	float: left;
	margin-left: 1.5em;
	font-size: 0.95em;
	font-weight: 500;
	line-height: 1em;
}
#header_menu li .menu_child {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 1.6em;
	font-size: 0.95em;
	border: solid 1px #eee;
	border-radius: 5px;
	white-space: nowrap;
	background: #fff;
	z-index: 100;
}
#header_menu li .menu_child li {
	float: none;
	margin: 0;
	width: fit-content;
	font-weight: 400;
	background: none !important;
}
#header_menu li .menu_child a {
	display: block;
	position: relative;
}
#header_menu li .menu_child li:not(:last-of-type) {
	margin-bottom: 0.85em;
	margin-bottom: 1em;
}
#header_menu_roads .menu_child a {
	padding-left: 22px;
}
#header_menu_roads .menu_child a::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 15px;
	height: 8px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
	transform: translateY(-50%);
}
#header_menu li.menu_expanded .menu_child {
	display: block;
}
#header_menu li.menu_expanded .menu_parent_title {
	padding-bottom: 25px;
	cursor: pointer;
}
#header_menu_collection_all {
	padding-top: 1em;
	border-top: solid 1px #eee;
}
/* #header #menu {
	float: right;
	padding-top: 15px;
}
#header #menu li {
	position: relative;
	float: left;
	margin-left: 1.5em;
	font-size: 0.95em;
	font-weight: 500;
	line-height: 1em;
}
#header #menu li .menu_child {
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 1.6em;
	font-size: 0.95em;
	border: solid 1px #eee;
	border-radius: 5px;
	white-space: nowrap;
	background: #fff;
	z-index: 100;
}
#header #menu li .menu_child li {
	float: none;
	margin: 0;
	width: fit-content;
	font-weight: 400;
	background: none !important;
}
#header #menu li .menu_child a {
	display: block;
	position: relative;
}
#header #menu li .menu_child li:not(:last-of-type) {
	margin-bottom: 0.85em;
	margin-bottom: 1em;
}
#header #menu li#menu_roads .menu_child a {
	padding-left: 22px;
}
#header #menu li#menu_roads .menu_child a::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 15px;
	height: 8px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
	transform: translateY(-50%);
}
#header #menu li.menu_expanded .menu_child {
	display: block;
}
#header #menu li.menu_expanded .menu_parent_title {
	padding-bottom: 25px;
	cursor: pointer;
}
#menu_collection_all {
	padding-top: 1em;
	border-top: solid 1px #eee;
} */

/* Slide */

.slide_overflow {
	overflow: hidden;
}
.slide_overflow .splide {
	visibility: visible;
}
.slide_overflow .splide__track {
	overflow: visible;
}
.slide_pane {
}
._slide_pane a {
	display: block;
	text-decoration: none;
	border: solid 1px #eee;
	border-radius: 12px;
	overflow: hidden;
	transition: all 400ms ease-in-out;
}
._slide_pane a:hover {
	transition: all 260ms ease-in-out;
	transform: scale(0.96);
}
.slide_pane_image {
	transition: all 360ms ease-in-out;
}
.slide_pane_image:hover {
	transform: scale(0.96);
	transition: all 260ms ease-in-out;
}
.slide_pane_image p {
	border: solid 1px #eee;
	border-radius: 10px;
	overflow: hidden;
}
.slide_pane_image a {
	display: block;
	aspect-ratio: 4 / 3;
	aspect-ratio: 1 / 1;
}

.slide_pane_text {
	padding: 1.5em 0.5em;
}
.slide_pane_text a {
	text-decoration: none;
}
.slide_pane_text h4 {
	margin-bottom: 0.4em;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5em;
}
.slide_pane_text h5 {
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 25px;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
.slide_pane_text h5::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 18px;
	height: 9px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
	transform: translateY(-50%);
}

.slide_pane_text li {
	float: left;
	font-size: 0.75rem;
	line-height: 1.4em;
}
.slide_pane_text li:not(:last-of-type) {
	margin-right: 0.35em;
}
.slide_pane_text li:not(:last-of-type)::after {
	margin-left: 0.35em;
	content: '/';
}




/* Waist */


/** Single **/

#post_single h2.title {
	position: relative;
	padding-left: 57px;
	line-height: 1.5em;
}
#post_single h2.title::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 39px;
	height: 17px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
	transform: translateY(-50%);
}
.heading h2.title {
	float: left;
}
.heading h2.title .post_num {
	margin-left: 1em;
	font-size: 0.85rem;
	color: #ccc;
	line-height: 1em;
}
.heading h3.post_road {
	float: right;
	font-weight: 500;
}
.heading h3.post_road a {
	display: inline-block;
	padding-bottom: 0.35em;
	text-decoration: none;
	line-height: 1.2em;
	border-bottom: solid 3px #111;
}

#content_heading {
	margin-bottom: 3.5em;
	height: 530px;
}

#content_main {
	position: relative;
}
#post_summary {
	position: relative;
	float: left;
	margin-bottom: 3.5em;
	margin-bottom: 0;
	padding: 15px 0 15px 74px;
	width: 65%;
	min-height: 330px;
}
#post_summary::before {
	position: absolute;
	left: 12px;
	left: 6px;
	top: 0;
	content: '';
	width: 24px;
	height: 100%;
	border: solid 3px #aaa;
	border-radius: 200px;
	background: #aaa;
	background: #fff;
}
#post_summary h3.title {
	margin-bottom: 0.75em;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

#post_meta {
	float: right;
	margin-bottom: 3.5em;
	margin-bottom: 0em;
	padding-left: 36px;
	width: 28%;
	min-height: 330px;
	border-left: solid 1px #eee;
}
#post_year {
	margin-bottom: 1.5em;
}
#post_year .labeled {
	font-size: 3em;
	font-weight: 600;
	line-height: 1em;
}
#post_year_unknown {
	margin-bottom: 1.5em;
	font-size: 1.05rem;
	color: #999;
}
#post_year {
	margin-bottom: 1.5em;
}
#post_data {
	font-size: 0.9em;
}
#post_data dt {
	font-weight: 500;
}
#post_data dt:not(:first-of-type) {
	margin-top: 1em;
	padding-top: 1em;
	border-top: solid 1px #eee;
}
#post_data dd {
	line-height: 1.6em;
}
#post_present {
	margin-top: 1.75em;
	padding-top: 1.75em;
	border-top: dashed 1px #aaa;
}
#post_present h4.title {
	margin-bottom: 0.35em;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}
#post_present p {
	font-size: 0.95em;
	line-height: 1.6em;
}
#post_memo {
	margin-top: 1.75em;
	padding-top: 1.75em;
	border-top: dashed 1px #aaa;
	color: #888;
}
#post_memo h4.title {
	margin-bottom: 0.35em;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}
#post_memo p {
	font-size: 0.95em;
	line-height: 1.6em;
}

#post_related {
	margin-top: 3.5em;
}
#_post_related h3.title {
	margin-bottom: 1.25em;
	font-size: 1em;
}
#post_related .post_related_pane {
	float: left;
	margin: 0 2.9% 1.25em 0;
	width: 11.8%;
}
#post_related .post_related_pane:nth-of-type(7n) {
	margin-right: 0;
}
#post_related .post_related_pane:nth-of-type(7n + 1) {
	clear: both;
}
#post_related .post_related_image {
	margin-bottom: 1em;
	border: solid 1px #ddd;
	border-radius: 7px;
	overflow: hidden;
}
#post_related .post_related_text {
}
.post_related_text h5 {
	position: relative;
	margin-bottom: 0.35em;
	padding-left: 25px;
	font-size: 0.7em;
	line-height: 1.2em;
}
.post_related_text h5::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 18px;
	height: 9px;
	border-radius: 200px;
	background: #aaa;
	transform: translateY(-60%);
}
.post_related_text h4 {
	font-size: 0.85em;
	line-height: 1.4em;
	font-weight: 500;
}
.post_related_text a {
	text-decoration: none;
}


#post_tags {
	margin-bottom: 2.5em;
	margin-bottom: 3.5em;
	padding: 2em 2em 1.35em 2em;
	background: #f5f3ec;
	border-radius: 10px;
	overflow: hidden;
}
#post_tags ul {
	position: relative;
	padding-left: 66px;
}
#post_tags ul::before {
	position: absolute;
	left: 0;
	top: 2px;
	content: '';
	width: 36px;
	height: 36px;
	background: url(../images/common/icon_search.png) no-repeat center / cover;
}
#post_tags li {
	float: left;
	margin-right: 15px;
	margin-bottom: 0.75rem;
	line-height: 1em;
	font-size: 0.95em;
}
#post_tags li a {
	display: block;
	padding: 0.9em 1em;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
}


#post_image_main {
	position: relative;
	float: left;
	width: calc(100% - 315px);
	width: calc(100% - 315px);
	height: 100%;
	text-align: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-radius: 8px;
	border: solid 1px #eee;
	overflow: hidden;
}
#post_image_main h4 {
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 1.25em 1.75em;
	line-height: 1.5em;
	background: #fff;
	border-radius: 200px;
	font-size: 0.85em;
	z-index: 10;
}
#post_present_switch {
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 7px;
	background: #fff;
	border-radius: 200px;
	z-index: 10;
	cursor: pointer;
}
#post_present_switch .post_present_thumbnail {
	display: block;
	float: left;
	margin-right: 12px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
}
#post_present_switch .label {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 36px;
	font-size: 0.8em;
}

#post_map {
	float: right;
	margin: 1.2em;
	width: 315px;
	width: calc(280px - 2.4em);
	height: calc(100% - 2.4em);
	background: #eee;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-radius: 8px;
	border-radius: 16px;
	border: solid 1px #eee;
	overflow: hidden;
}
#post_map_embed {
	width: 100%;
	height: 100%;
}
#_post_image_main.post_image_aspect_v {
	max-height: 530px;
}
#post_image_main .post_image_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color: #eee;
	overflow: hidden;
}
#post_image_main .post_image_blur {
	transform: translate(-10px, -10px);
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	filter: blur(10px);
	opacity: 0.35;
}
.post_image {
	width: 100%;
	height: 100%;
}
.post_image img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
._post_image_aspect_h .post_image {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}
._post_image_aspect_v img {
	height: 520px;
	width: auto;
}
._post_image_aspect_h img {
	width: 100%;
	height: auto;
}
#post_summary h4 {
	margin-bottom: 0.75em;
	font-size: 1.15em;
	font-weight: 500;
}
#post_updated {
	margin-top: -3.5em;
	padding-top: 3.5em;
}


/* Post Pane */

.w_present {
	position: relative;
}
.w_present::before {
	position: absolute;
	right: 9px;
	top: 9px;
	content: '';
	width: 27px;
	height: 27px;
	background: #fff url('../images/common/icon_time.png') no-repeat center / 70%;
	border-radius: 50%;
	z-index: 5;
}

/* Tags */

.tags_pane {
	padding: 4em;
	background: #f5f3ec;
	border-radius: 20px;
	overflow: hidden;
}
.tag_list:not(:last-of-type){
	margin-bottom: 0.15em;
}
.tag_list a {
	text-decoration: none;
}
.tag_list h4 {
	float: left;
	width: 5rem;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.tag_list ul {
	float: left;
	width: calc(100% - 5rem);
	line-height: 1em;
	font-size: 0.9em;
}
.tag_list li {
	float: left;
	margin-right: 10px;
	margin-bottom: 0.75em;
}
.tag_list li a {
	display: block;
	padding: 0.5em 0.65em;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.tags_block {
	float: left;
	margin-right: 3%;
	width: 47%;
}

#maps {
	margin-bottom: 45px;
}


#map-selector {
	border-left: solid 1px #333;
	display: none;
}
#map-selector li {
	width: 233px;
	float: left;
	border-right: solid 1px #333;
	line-height: 3em;
	font-size: 13px;
	text-align: center;
}
#map-selector li.active {
	background: #333;
}
#map-selector li#map-present {
	width: 236px;
}

#map-selector a {
	width: 233px;
	display: block;
	cursor: pointer;
}
#map-selector li.active a {
	color: #FFF;
}


.map {
	width: 958px;
	height: 570px;
	background: #DDD;
	margin: 0 auto 2px auto;
}

.road {
	width: 94px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	float: left;
	background: #999;
	font-size: 11px;
	border: solid 1px #FFF;
	margin-bottom: 1px;
}
.road a {
	width: 93px;
	height: 42px;
	display: block;
	color: #FFF;
	text-decoration: none;
}

.roadA {
	background: #C2383F;
}
.roadB {
	background: #FF8944;
}
.roadC {
	background: #FBBD2D;
}
.roadD {
	background: #94A639;
}
.roadE {
	background: #008954;
}
.roadF {
	background: #5EA5C4;
}
.roadG {
	background: #436BA1;
}
.roadH {
	background: #244974;
}
.roadI {
	background: #4A3F75;
}
.roadJ {
	background: #D882A5;
}


._gm-style .gm-style-iw-c {
	padding: 0 !important;
}
.gm-style-iw-chr {
	position: absolute;
	right: 0;
	top: 0;
}
.infowindow {
	position: relative;
	padding-top: 12px;
	padding-right: 12px;
	padding-right: 0;
	min-width: 180px;
	max-width: 300px;
}
.infowindow .marker_text {
	float: left;
	width: calc(100% - 102px);
}
.infowindow h4 {
	position: relative;
	margin-bottom: 0.35em;
	padding-top: 18px;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5em;
}
.infowindow .marker_tags {
	margin-top: 0.5em;
	font-size: 0.7rem;
	line-height: 1.5em;
	letter-spacing: 0;
}
.infowindow a {
	text-decoration: none !important;
}
.infowindow h4::before {
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
	width: 18px;
	height: 8px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
}
.infowindow_road {
	position: relative;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 18px;
}
.infowindow_road h4 {
	position: relative;
	float: none;
	padding-top: 0;
	padding-top: 18px;
	font-size: 1.15em;
}
.infowindow_road h4::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 24px;
	height: 10px;
	border-radius: 200px;
	background: #aaa;
	overflow: hidden;
}
#road_category.road_post_01 h2.title::before,
.collection_post_01 .collection_post_text h4.title::before,
.road_post_01 .road_post_text h4.title::before,
.tags_post_01 .tags_post_text h4.title::before,
.related_post_01 .post_related_text h5::before,
#post_single.single_post_01 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_01 a::before,
#menu #menu_roads li.menu_road_01 a::before,
.slide_post_01 h5::before,
#infowindow_road_01 h4::before,
.infowindow_post_01 h4::before {
	background: var(--road_01);
}
#road_category.road_post_02 h2.title::before,
.collection_post_02 .collection_post_text h4.title::before,
.road_post_02 .road_post_text h4.title::before,
.tags_post_02 .tags_post_text h4.title::before,
.related_post_02 .post_related_text h5::before,
#post_single.single_post_02 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_02 a::before,
#menu #menu_roads li.menu_road_02 a::before,
.slide_post_02 h5::before,
#infowindow_road_02 h4::before,
.infowindow_post_02 h4::before {
	background: var(--road_02);
}
#road_category.road_post_03 h2.title::before,
.collection_post_03 .collection_post_text h4.title::before,
.road_post_03 .road_post_text h4.title::before,
.tags_post_03 .tags_post_text h4.title::before,
.related_post_03 .post_related_text h5::before,
#post_single.single_post_03 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_03 a::before,
#menu #menu_roads li.menu_road_03 a::before,
.slide_post_03 h5::before,
#infowindow_road_03 h4::before,
.infowindow_post_03 h4::before {
	background: var(--road_03);
}
#road_category.road_post_04 h2.title::before,
.collection_post_04 .collection_post_text h4.title::before,
.road_post_04 .road_post_text h4.title::before,
.tags_post_04 .tags_post_text h4.title::before,
.related_post_04 .post_related_text h5::before,
#post_single.single_post_04 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_04 a::before,
#menu #menu_roads li.menu_road_04 a::before,
.slide_post_04 h5::before,
#infowindow_road_04 h4::before,
.infowindow_post_04 h4::before {
	background: var(--road_04);
}
#road_category.road_post_05 h2.title::before,
.collection_post_05 .collection_post_text h4.title::before,
.road_post_05 .road_post_text h4.title::before,
.tags_post_05 .tags_post_text h4.title::before,
.related_post_05 .post_related_text h5::before,
#post_single.single_post_05 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_05 a::before,
#menu #menu_roads li.menu_road_05 a::before,
.slide_post_05 h5::before,
#infowindow_road_05 h4::before,
.infowindow_post_05 h4::before {
	background: var(--road_05);
}
#road_category.road_post_06 h2.title::before,
.collection_post_06 .collection_post_text h4.title::before,
.road_post_06 .road_post_text h4.title::before,
.tags_post_06 .tags_post_text h4.title::before,
.related_post_06 .post_related_text h5::before,
#post_single.single_post_06 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_06 a::before,
#menu #menu_roads li.menu_road_06 a::before,
.slide_post_06 h5::before,
#infowindow_road_06 h4::before,
.infowindow_post_06 h4::before {
	background: var(--road_06);
}
#road_category.road_post_07 h2.title::before,
.collection_post_07 .collection_post_text h4.title::before,
.road_post_07 .road_post_text h4.title::before,
.tags_post_07 .tags_post_text h4.title::before,
.related_post_07 .post_related_text h5::before,
#post_single.single_post_07 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_07 a::before,
#menu #menu_roads li.menu_road_07 a::before,
.slide_post_07 h5::before,
#infowindow_road_07 h4::before,
.infowindow_post_07 h4::before {
	background: var(--road_07);
}
#road_category.road_post_08 h2.title::before,
.collection_post_08 .collection_post_text h4.title::before,
.road_post_08 .road_post_text h4.title::before,
.tags_post_08 .tags_post_text h4.title::before,
.related_post_08 .post_related_text h5::before,
#post_single.single_post_08 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_08 a::before,
#menu #menu_roads li.menu_road_08 a::before,
#infowindow_road_08 h4::before,
.infowindow_post_08 h4::before {
	background: var(--road_08);
}
#road_category.road_post_09 h2.title::before,
.collection_post_09 .collection_post_text h4.title::before,
.road_post_09 .road_post_text h4.title::before,
.tags_post_09 .tags_post_text h4.title::before,
.related_post_09 .post_related_text h5::before,
#post_single.single_post_09 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_09 a::before,
#menu #menu_roads li.menu_road_09 a::before,
.slide_post_09 h5::before,
#infowindow_road_09 h4::before,
.infowindow_post_09 h4::before {
	background: var(--road_09);
}
#road_category.road_post_10 h2.title::before,
.collection_post_10 .collection_post_text h4.title::before,
.road_post_10 .road_post_text h4.title::before,
.tags_post_10 .tags_post_text h4.title::before,
.related_post_10 .post_related_text h5::before,
#post_single.single_post_10 h2.title::before,
#header_menu li#header_menu_roads .menu_child .menu_road_10 a::before,
.slide_post_10 h5::before,
#infowindow_road_10 h4::before,
.infowindow_post_10 h4::before {
	background: var(--road_10);
}

#post_single.single_post_01 #post_summary::before {
	border-color: var(--road_01);
}
#post_single.single_post_02 #post_summary::before {
	border-color: var(--road_02);
}
#post_single.single_post_03 #post_summary::before {
	border-color: var(--road_03);
}
#post_single.single_post_04 #post_summary::before {
	border-color: var(--road_04);
}
#post_single.single_post_05 #post_summary::before {
	border-color: var(--road_05);
}
#post_single.single_post_06 #post_summary::before {
	border-color: var(--road_06);
}
#post_single.single_post_07 #post_summary::before {
	border-color: var(--road_07);
}
#post_single.single_post_08 #post_summary::before {
	border-color: var(--road_08);
}
#post_single.single_post_09 #post_summary::before {
	border-color: var(--road_09);
}
#post_single.single_post_10 #post_summary::before, {
	border-color: var(--road_10);
}



.infowindow p {
	clear: both;
	font-size: 0.95em;
	line-height: 1.4em;
}
.infowindow .thumbnail {
	width: 60px;
	width: 90px;
	float: left;
	margin-right: 12px;
	border-radius: 3px;
	overflow: hidden;
}
.infowindow .thumbnail img {
	width: 100%;
}
._gm-style .gm-style-iw-tc::after,
._gm-style .gm-style-iw-c {
	color: #fff;
	background-color: #333 !important;
}
._gm-style .gm-style-iw-c a {
	color: #fff;
}
.gm-style-iw-chr button {
	width: 30px !important;
	height: 30px !important;
}
.gm-style-iw-chr span {
	margin: 6px !important;
	width: 18px !important;
	height: 18px !important;
}


/* Socks */

#offer {
	padding: 18px 0;
	text-align: center;
	color: #fff;
	background: #3a3a3a;
}
#offer h3.title {
	margin-bottom: 0.25em;
	font-size: 1.9em;
}
#offer h4 {
	margin-bottom: 2em;
	font-size: 1em;
}
#offer h5 {
	letter-spacing: 0.1em;
	font-weight: 500;
}
#offer_container {
	position: relative;
}
#offer_message {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#offer_message_text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#offer_slides {
	position: relative;
	z-index: 1;
}
.offer_pane {
}
.offer_pane p {
	width: 100%;
	height: 100%;
	background-color: #444;
	border-radius: 12px;
	overflow: hidden;
}


/* Banner */

#banner {
	margin-bottom: 5em;
	text-align: center;
}
#banner ul {
	display: inline-block;
}
#banner li {
	float: left;
	margin: 0 15px;
	width: 220px;
}
#banner li a {
	display: block;
	border: solid 1px #ddd;
	transition: all 360ms ease-in-out;
}
#banner li a:hover {
	border: solid 1px #888;
	transition: all 260ms ease-in-out;
}

/* Footer */

#footer {
	margin-top: 0;
}
#footer .inner {
	padding-top: 8em;
	padding-bottom: 8em;
}
#copyright {
	text-align: center;
	font-size: 0.85em;
}
#footer_logo {
	margin-bottom: 4.5em;
	text-align: center;
}
#footer_logo h1 {
	position: relative;
	margin: 0 auto 2.5em auto;
	width: 250px;
}
#footer_logo h1 a {
	position: relative;
	z-index: 1;
}
#footer_logo h1::before {
	position: absolute;
	left: -35px;
	top: -60px;
	width: 140px;
	height: 140px;
	content: '';
	background: url('../images/common/symbol_yellow.png') no-repeat center / cover;
	z-index: 0;
}

#footer_logo h2 {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 2.1em;
	letter-spacing: 0.125em;
}



h2#category {
	padding: 12px;
	border-left: solid 0 #CCC !important;
	margin: 0 0 30px 0;
	line-height: 16px;
	color: #FFF;
}
h2#category a {
	color: #FFF;
}

#no {
	color: #666;
	float: right;
	font-size: 15px;
	line-height: 40px;
	display: inline;
	background: #FFF;
	padding: 0 12px;
	margin-right: 18px;
}
#contents {
	clear: both;
}
#contents strong {
	font-weight: bold;
}

#road1 #waste h2#category {
	background: #C2383F;
}
#road2 #waste h2#category {
	background: #FF8944;
}
#road3 #waste h2#category {
	background: #FBBD2D;
}
#road4 #waste h2#category {
	background: #94A639;
}
#road5 #waste h2#category {
	background: #008954;
}
#road6 #waste h2#category {
	background: #5EA5C4;
}
#road7 #waste h2#category {
	background: #436BA1;
}
#road8 #waste h2#category {
	background: #244974;
}
#road9 #waste h2#category {
	background: #4A3F75;
}
#road10 #waste h2#category {
	background: #D882A5;
}
#others #waste h2#category {
	background: #555;
}

/* Image-list */

#image-list .image {
	float: left;
	width: 178px;
	margin: 0 10px 10px 0;
}
#image-list .image img {
	display: block;
	width: 100%;
}
#image-list .noimage {
	float: left;
	width: 178px;
	height: 178px;
	overflow: hidden;
	margin: 0 10px 10px 0;
}
#image-list .noimage a {
	display: block;
	background: #F0F0F0;
	color: #999;
	width: 178px;
	height: 178px;
	text-align: center;
	line-height: 178px;
}


/* Single */

#lefter {
	width: 600px;
	float: left;
	margin-bottom: 30px;
}
#image-main,
#image-present {
	margin-bottom: 39px;
	margin-bottom: 30px;
}
#image-main img,
#image-present img {
	width: 600px;
	margin-bottom: 12px;
}
#image-sub {
	margin-bottom: 30px;
}
#image-sub img {
	width: 600px;
}
#image-sub .image {
	margin-bottom: 6px;
}
#image-sub .caption {
	color: #999;
	font-size: 11px;
}
.image-set {
	margin-bottom: 18px;
}

#text {
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 45px;
}

#summary,
#summary_present {
	text-align: right;
	font-size: 12px;
	color: #333;
}
#summary h5,
#summary_present h5 {
	width: 25%;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	color: #000;
}
#summary p,
#summary_present p {
	width: 70%;
}
#memory,
#note_present {
	border-top: dotted 1px #CCC;
	border-top: none;
	margin: 30px 0 45px;
}
#memo {
	padding: 0 0 60px 0;
}


#related {
	clear: both;
	border-top: dotted 1px #CCC;
	padding-top: 30px;
}
#photos {
	position: relative;
	width: 100%;
}
#photos li {
	display: none;
}
#profile {
	margin: 30px 0;
	line-height: 1.8em;
}

#related li {
	width: 178px;
	float: left;
	margin: 0 10px 10px 0;
}
#related .related-image {
	margin-bottom: 6px;
}
#righter {
	width: 315px;
	float: right;
	margin-bottom: 30px;
}
#righter #map {
	width: 315px;
	height: 450px;
	background: #F0F0F0;
	margin-bottom: 24px;
}
#righter #map.nomap {
	width: 315px;
	height: 450px;
	text-align: center;
	line-height: 450px;
	background: #F0F0F0;
	margin-bottom: 24px;
	color: #999;
}
#righter #meta {
	padding: 36px 24px;
	border-left: dotted 1px #CCC;
}

#righter #meta dl {
	margin-bottom: 24px;
}
#righter #meta dt {
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 14px;
	clear: both;
	border-bottom: dotted 1px #CCC;
	padding-bottom: 3px;
}
#righter #meta dd {
	margin-bottom: 3px;
}
#righter #meta .tag {
	display: block;
	float: left;
	padding: 3px 9px;
	margin: 0 5px 5px 0;
	background: #333;
	color: #FFF;
	border-radius: 2px;/* CSS3 */
		-webkit-border-radius: 2px;/* WebKit */
		-moz-border-radius: 2px;/* Mozilla */
}

#righter #meta .tag.tag_culture {
	background: #50A265;
}
#righter #meta .tag.tag_life {
	background: #82A263;
}
#righter #meta .tag.tag_art {
	background: #A2955E;
}
#righter #meta .tag.tag_industry {
	background: #A27465;
}
#righter #meta .tag.tag_architecture {
	background: #A26472;
}
#righter #meta .tag.tag_traffic {
	background: #9B79A2;
}
#righter #meta .tag.tag_nature {
	background: #6E72A2;
}
#righter #meta .tag.tag_living {
	background: #6790A2;
}
#righter #meta .tag.tag_era {
	background: #197492;
}
#righter #meta .tag.tag_others {
	background: #555;
}


#righter #datasheet {
	margin-top: 45px;
}
#righter #datasheet p {
	height: 52px;
	line-height: 52px;
	padding-left: 60px;
	background: url(../images/datasheet.png) no-repeat 6px center #E94E4E;
}
#righter #datasheet p a {
	color: #FFF;
	font-size: 13px;
}

#tags {
	padding-top: 30px;
	border-top: dotted 1px #CCC;
}

#tags .tag {
	font-size: 11px;
	line-height: 18px;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	color: #FFF;
	padding: 3px 9px 3px 6px;
	background: #FFF;
	border: solid 1px #BBB;
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
	transition: border-color 0.3s ease;
		-webkit-transition: border-color 0.3s ease;
		-moz-transition: border-color 0.3s ease;
		-ms-transition: border-color 0.3s ease;
		-o-transition: border-color 0.3s ease;
}
#tags .tag:hover {
	border-color: #666;
}
#tags .tag a {
	padding-left: 5px;
	color: #333;
	text-decoration: none;
}

#tags .tag.tag_life a {
	border-left: solid 3px #3C7D54;
}
#tags .tag.tag_industry a {
	border-left: solid 3px #637D40;
}
#tags .tag.tag_architecture a {
	border-left: solid 3px #7D6234;
}
#tags .tag.tag_town a {
	border-left: solid 3px #7D4649;
}
#tags .tag.tag_traffic a {
	border-left: solid 3px #705F7D;
}
#tags .tag.tag_nature a {
	border-left: solid 3px #44607D;
}
#tags .tag.tag_living a {
	border-left: solid 3px #3B7B7D;
}
#tags .tag.tag_era a {
	border-left: solid 3px #197492;
}


#tags .tag.tag_title {
	width: 55px;
	text-align: center;
}
#tags .tag.tag_life_title {
	padding: 3px 9px;
	background: #3C7D54 !important;
	color: #FFF !important;
	border: solid 1px #3C7D54 !important;
}
#tags .tag.tag_industry_title {
	padding: 3px 9px;
	background: #637D40 !important;
	color: #FFF !important;
	border: solid 1px #637D40 !important;
}
#tags .tag.tag_architecture_title {
	padding: 3px 9px;
	background: #7D6234 !important;
	color: #FFF !important;
	border: solid 1px #7D6234 !important;
}
#tags .tag.tag_town_title {
	padding: 3px 9px;
	background: #7D4649 !important;
	color: #FFF !important;
	border: solid 1px #7D4649 !important;
}
#tags .tag.tag_traffic_title {
	padding: 3px 9px;
	background: #705F7D !important;
	color: #FFF !important;
	border: solid 1px #705F7D !important;
}
#tags .tag.tag_nature_title {
	padding: 3px 9px;
	background: #44607D !important;
	color: #FFF !important;
	border: solid 1px #44607D !important;
}
#tags .tag.tag_living_title {
	padding: 3px 9px;
	background: #3B7B7D !important;
	color: #FFF !important;
	border: solid 1px #3B7B7D !important;
}
#tags .tag.tag_era_title {
	padding: 3px 9px;
	background: #197492 !important;
	color: #FFF !important;
	border: solid 1px #197492 !important;
}



/*
#home #tags {
	padding-top: 0;
	border-top: none;
}
#home #tags .tag {
	float: left;
	padding: 0;
	margin: 0;
	color: #FFF;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
}
#home #tags .tag a {
	display: block;
	height: 33px;
	width: 93px;
	line-height: 33px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	padding: 0;
	transition: background 0.3s linear;
		-webkit-transition: background 0.3s linear;
		-moz-transition: background 0.3s linear;
		-ms-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
}
#home #tags .tag.long a {
	width: 187px;
}
*/

#home #tags {
	padding-top: 15spx;
	border-top: none;
}
#home #tags .tag:hover {
	border: solid 1px #333;
}


/* Footer */
/*
#footer {
	clear: both;
	padding: 45px 0 90px 0;
}
#banner {
	display: none;
	margin-bottom: 24px;
}
#banner li {
	float: left;
	margin-right: 30px;
}
#copyright {
	font-size: 15px;
	color: #333;
}
*/

/* List */

#list table {
	width: 2500px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}
#list th, #list td {
	padding: 12px;
	border: solid 1px #CCC;
	border-collapse: collapse;
}
#list thead th, #list thead td {
	background: #333;
	color: #FFF;
	font-weight: bold;
}
#list .list_thimbnail {
	width: 100px;
}

#list .list_num {
	width: 30px;
	text-align: center;
}
#list .list_title {
	width: 100px;
}
#list .list_road {
	width: 150px;
}
#list .list_photographer1 {
	width: 100px;
}
#list .list_photographer2 {
	width: 100px;
}
#list .list_image,
#list .list_image_present {
	width: 150px;
	text-align: center;
}
#list .list_url,
#list .list_image_url_present {
	width: 250px;
}
#list .list_image_summary,
#list .list_image_summary_present {
	width: 150px;
}
#list .list_memory {
	width: 250px;
}
#list .list_when {
	width: 100px;
}
#list .list_where {
	width: 150px;
}
#list .list_people {
	width: 250px;
}
#list .list_location {
	width: 250px;
}


#csv {
	margin-bottom: 12px;
	text-align: right;
}



/* About */

body.about #contents {
	font-size: 15px;
	line-height: 1.8em;
}
body.about p {
	margin-bottom: 1.5em;
}


/* Contact */

#form ol {
	margin-bottom: 3em;
	padding-left: 1.8em;
	list-style: decimal;
	font-size: 15px;
}
#form li {
	font-size: 15px;
}
#form h4 {
	font-size: 16px;
}


@media screen and (max-width: 1000px) and (min-width: 751px) {
	
	.inner {
		padding: 0 30px;
	}
	
	#header .inner {
		padding: 35px 30px 50px 30px;
	}
	
}