@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: 30px;}
#mapinfo .hide { display: none;}
#mapinfo .tab{ margin-bottom: 30px; justify-content: space-between;width: 100%;}
#mapinfo .tab li{ display: flex; align-items: center; justify-content: center; padding: 10px 5px; line-height: 1em;width: 16%; text-align: center;background-color: #ccc;}
#mapinfo .mapBox{ flex-basis: 65%;}
#mapinfo .tabContent{ flex-basis: 32%;height: 600px; }
#mapinfo .tab li.select{  background-color: #3b100e; color: white;}
#mapinfo .tabInner .infoWrap ul.borderLine{border-top: 1px #666 dotted; }
#mapinfo .tabInner .infoWrap li{ position: relative; padding-left: 35px; font-size: 13px; display: block; cursor: pointer;line-height: 20px;border-bottom: 1px #ededed solid;padding-bottom: 5px;}
#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: 5px;}
/*#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: #3b100e;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  height: 20px;
	width: 20px;
padding-top: 0;}

#mapinfo .tabInner .infoWrap li .kyoriFun{display: flex; font-size: 11px;}
/* #mapinfo .tabInner .infoWrap li .kyoriFun .s--KyoriFun:before{content: '〈サウス〉'; color: #3b100e}
#mapinfo .tabInner .infoWrap li .kyoriFun .n--KyoriFun:before{content: '〈ノース〉'; color: #3b100e} */

/*
#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: 600px;}
#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: 10px;}
	#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;}
	
}