@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 */
}



/* mapinfo */
#mapinfo{padding-top: 80px;}
#mapinfo .hide { display: none;}
#mapinfo .tab{ margin-bottom: 30px; justify-content: space-between;width: 100%;}
#mapinfo .tab li{padding: 20px; line-height: 1em;width: 19%; text-align: center;border-bottom: #ecebde 3px solid;  }
#mapinfo .mapBox{ flex-basis: 60%;}
#mapinfo .tabContent{ flex-basis: 38%;}
#mapinfo .tab li.select{ border-bottom: #a3a25c 3px solid; background-color: #ecebde;}
#mapinfo .tabInner .infoWrap ul.borderLine{border-top: 1px #666 dotted; padding-top: 10px; margin-top: 10px;}
#mapinfo .tabInner .infoWrap li{ position: relative; padding-left: 28px; font-size: 14px; display: block; cursor: pointer;margin-bottom: 20px;line-height: 20px;}
#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 .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: 500px;}
#mapinfo .map-window_name { font-size: 12px; line-height: 1em; font-family: initial;}

@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;}
	#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;}
	
}