@charset "UTF-8";

/* CSS Document */

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}


@media only screen and (min-width: 768px) {
	.spv {
		display: none;
	}

	.flexpc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
	}

}

@media only screen and (max-width: 767px) {
	.pcv {
		display: none;
	}

	.flexsp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
	}

	.cntsp {
		text-align: center;
	}

	/* SP ONLY */
}


.areaInfomation .caption {
	text-align: right;
	padding-top: 5px;
}

/* mapinfo */
#mapinfo {
	padding-top: 80px;
}

#mapinfo .hide {
	display: none;
}

#mapinfo .tab {
	margin-bottom: 30px;
	justify-content: space-between;
	width: 100%;
	border-left: #999 solid 1px;

}

#mapinfo .tab li {
	padding: 20px 5px;
	line-height: 1em;
	width: calc(100%/6);
	text-align: center;
	border-right: #999 solid 1px;
	font-weight: 400;
	font-size: 18px;
}

#mapinfo .mapBox {
	flex-basis: 65%;
}

#mapinfo .tabContent {
	flex-basis: 32%;
	height: 550px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 20px;
}

#mapinfo .tab li.select {
	background-color: #768a95;
	color: white;
}

#mapinfo .tabInner .infoWrap ul.borderLine {
	border-top: 1px #666 dotted;
	padding-top: 10px;
	margin-top: 10px;
}

#mapinfo .tabInner .infoWrap li {
	position: relative;
	padding-left: 35px;
	font-size: 15px;
	display: block;
	cursor: pointer;
	margin-bottom: 10px;
	line-height: 20px;
	padding-top: 5px;
	border-bottom: 1px #ededed solid;
	padding-bottom: 10px;
}

#mapinfo .tabInner .infoWrap ul li:last-child {
	margin-bottom: 0;
}

/*#mapinfo .tabInner .infoWrap li.borderLine{border-top: 1px dotted #000;}*/
#mapinfo .tabInner .infoWrap li a {
	font-size: inherit;
}

#mapinfo .tabInner .infoWrap li a:hover {
	opacity: 0.8;
}

#mapinfo .tabInner .infoWrap li:nth-of-type(n+2) {
	margin-top: 10px;
}

/*#mapinfo .tabInner .infoWrap li .num{ position: absolute; top: 1px; left: 0; color: #fff; line-height: 1em; display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; font-size: 14px; background: #a3a25c;}*/

#mapinfo .tabInner .infoWrap li .num {
	position: absolute;
	left: 0;
	top: 5px;
	background: #768a95;
	color: #ffffff;
	text-align: center;
	height: 25px;
	width: 25px;
	padding-top: 2px;
}

#mapinfo .tabInner .infoWrap li .kyoriFun {
	display: flex;
	font-size: 11px;
}


/*
#mapinfo .tab li:nth-of-type(1).select,
#mapinfo #tab_01 .infoWrap .num{ background: #a3a25c; color: #fff}
#mapinfo .tab li:nth-of-type(2).select,
#mapinfo #tab_02 .infoWrap .num{ background: #a3a25c; color: #fff}
#mapinfo .tab li:nth-of-type(3).select,
#mapinfo #tab_03 .infoWrap .num{ background: #a3a25c; color: #fff}
#mapinfo .tab li:nth-of-type(4).select,
#mapinfo #tab_04 .infoWrap .num{ background: #a3a25c; color: #fff}
#mapinfo .tab li:nth-of-type(5).select,
#mapinfo #tab_05 .infoWrap .num{ background: #a3a25c; color: #fff}
#mapinfo .tab li:nth-of-type(6).select,
#mapinfo #tab_06 .infoWrap .num{ background: #a3a25c; color: #fff}
*/
#mapinfo .mapWrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}


#mapinfo .gmapBox {
	width: 100%;
	height: 550px;
}

#mapinfo .map-window_name {
	font-size: 12px;
	line-height: 1em;
	font-family: initial;
}


.gm-style-iw-chr button {
	display: none !important;
}


@media only screen and (max-width: 1000px) and (min-width: 768px) {}

@media only screen and (min-width: 768px) {
	/*	#mapinfo .tab li:nth-of-type(n+2){ margin-left: 10px;}*/

}

@media only screen and (max-width: 767px) {
	#mapinfo .tab {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#mapinfo .tab li {
		flex-basis: calc((100% - 10px)/2);
		padding: 10px 5px;
		font-size: 16px;
		text-align: center;
	}

	#mapinfo .tab li:nth-of-type(n+3) {
		margin-top: 10px;
	}

	#mapinfo {
		max-width: 560px;
		margin: 0 auto;
		padding-top: 0;
	}

	#mapinfo .tabContent .infoWrap {
		margin-top: 20px;
		padding: 0 20px;
	}

	#mapinfo .gmapBox {
		height: 400px;
		width: 100%;
	}

	#mapinfo .colL {
		order: 1
	}

	#mapinfo .colR {
		order: 2
	}

	#mapinfo .mapBox {
		flex-basis: 100%;
		margin-bottom: 20px;
	}

	#mapinfo .tabContent {
		flex-basis: 100%;
	}
}

@media only screen and (max-width: 480px) {
	#mapinfo .tab li {
		font-size: 3.2vw;
	}

}