/* common //////////////////////////////////////////// */
#map button {
  background: red;
  border: none;
  color: #FFF;
  font-size: 16px;
  padding: .2em 1em;
  border-radius: .5em;
  margin: 4px;
  cursor: pointer;
  transition: all .3s ease-out;
}
#map button[disabled] {
  background: gray;
}
#map li {
  display: inline-block;
}
#map div[data-show-tab] {
  width: 100%; height: 15vh;
  text-align: center;
  background: #f2f2f2;
}
#map .googlemap {
  width: 100%; height: 70vh;
}

/* must require //////////////////////////////////////////// */
#map div[data-show-tab] {
  display: none;
}
#map div[data-show-tab="fukuoka"] {
  display: block;
}
#map .googlemap {
  margin-bottom: .5rem;
}

#map .yel { background-color: #ffb900;}
#map .red { background-color: #e80000;}
#map .green { background-color: #82c700;}
#map .orange { background-color: #ff7f00;}
#map .purple { background-color: #9752ff;}
#map .lblue { background-color: #2ec9d1;}
#map .blue { background-color: #2e92ff;}
#map .bblue { background-color: #511fff;}

@media (max-width: 767px) {
	#map .googlemap { margin-bottom: .2rem;}
	#map button { width: 57px; padding: .2em 0;}
	#map ul { margin:20px 15px; padding:0;}
}