@charset "UTF-8";

/*------------------------------------------------------
  map
------------------------------------------------------*/

#map_area{
  position: fixed;
  opacity: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0,0,0,0.8);
  color: #fff;
  -webkit-overflow-scrolling: touch;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
}

#map_area.active01{
  overflow-y: scroll;
  z-index: 1000;
}

#map_area.active02{
  opacity: 1;
}

#map_area .map_area_inner{
  padding: 3% 0;
}

#map_area .close{
 padding: 0 3%;
}

#map_area .close p{
  padding: 5px 0 5px 22px;
  background: url(../../sp/img/map/map_close.png) no-repeat left center;
  background-size: 17px 17px;
  font-weight: bold;
}

#map_area .map_img{
  padding: 2% 3% 0;
}

#map_area .map_list{
  padding: 2% 4% 0;
}

#map_area .map_list li{
  margin-top: 2%;
}

#map_area .map_list li:first-child{
  margin-top: 2%;
}

#map_area .map_list li a{
  display: inline-block;
  padding: 4px 0 4px 23px;
  color: #fff;
  text-decoration: underline;
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 17px;
  line-height: 1.2;
}

#map_area .map_list li:nth-child(1) a{
  background-image: url(../../sp/img/map/map_num01.png);
}

#map_area .map_list li:nth-child(2) a{
  background-image: url(../../sp/img/map/map_num02.png);
}

#map_area .map_list li:nth-child(3) a{
  background-image: url(../../sp/img/map/map_num03.png);
}

#map_area .map_list li:nth-child(4) a{
  background-image: url(../../sp/img/map/map_num04.png);
}

#map_area .map_list li:nth-child(5) a{
  background-image: url(../../sp/img/map/map_num05.png);
}

#map_area .map_list li:nth-child(6) a{
  background-image: url(../../sp/img/map/map_num06.png);
}

#map_area .map_list li:nth-child(7) a{
  background-image: url(../../sp/img/map/map_num07.png);
}
#map_area .map_list li:nth-child(8) a{
  background-image: url(../../sp/img/map/map_num08.png);
}
