/*------------------
  access-info
------------------*/
#map .ttl-content{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  border-top: 2px solid #243763;
  border-bottom: 0;
  padding-top: 10px;
  margin-bottom: 30px;
}
#map .ttl-content .img-wrap{
  /*text-align: center;*/
  width: calc(80% - 40px);
  margin-bottom: 10px;
}




#map .ttl-content .img-wrap img{
  width: 100%;
  height:auto;
  margin-right:20px;
}


#map .ttl-content .img-wrap2{
  /*text-align: center;*/
 width: 100%;
  margin-bottom: 5px;
}

#map .ttl-content .img-wrap2 img{
  width: 100%;
  height:auto;
  margin-right:20px;
}

#map dl{
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
  width: 100%;
}
#map dl p{
  align-self: center;
}
#map dt{
  background: #ddd;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  font-weight: bold;
  padding: 10px;
  width: 20%;
}
#map dd{
  background: #fff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  width: 80%;
}
#map dd:after {
  clear: both;
  content: '';
  display: block;
}
#map dd p span{
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  #map .ttl-content .img-wrap{
    width: 100%;
  }
  #map dl{
    flex-flow: column nowrap;
  }
  #map dt,
  #map dd{
    width: 100%;
  }
  #map dd{
    border-left: none;
  }
}

#map .vehicle{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}
#map .vehicle li{
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
  width: 100%;
}
#map .vehicle li:nth-child(1){
  background-image: url(../common_img/course-bg-bl.gif);
}
#map .vehicle li:nth-child(2){
  background-image: url(../common_img/course-bg-gr.gif);
}
#map .vehicle li:nth-child(3){
  background-image: url(../common_img/course-bg-pk.gif);
}
@media (min-width: 800px) {
  #map .vehicle li{
    width: 228px;
  }
}

#map .vehicle li+li{
  margin-left: 3px;
}

#map .vehicle h4{
  font-size:20px;
  margin-bottom: 5px;
}

#map .vehicle img{
  width: 64px;
}

#map .vehicle p{
  letter-spacing: 0;
}

#map .google_map{
  height:0;
  /* margin:25px 0; */
  position:relative;
  padding-top:75%;
  width:90%;
}
#map .google_map iframe{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

#map .parking_info_title{
  width:100%;
}
#map .parking_info{
  width:50%;
  padding-left: 5px;
}
#map .parking_info h3{
  margin-bottom: 5px;
}
#map .parking_info p span{
  font-weight: bold;
}

#map .company-info dl{
  width:100%;
}

@media screen and (max-width:960px) {
  #map .google_map{
    width:100%;
  }
  #map .parking_info{
    width:100%;
    padding-left: 0;
  }


}


/*
FFでFontAwsomeが表示バグる問題を解消
 */
@-moz-document url-prefix(){
  #breadcrumb li::after {
      content: ">";
      margin: 0 5px;
      font-family: 'themify';
      font-size: 1.0rem;
  }
}