@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ アクセス ◇◆◇
  
  
========================================================================================================================*/

/*----------------------------------------------------------------------------------------------------

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

#gmap {
  overflow:hidden;
  box-sizing:border-box;
}

#gmap iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

@media print,screen and (min-width:641px) {
  #gmap {
    width:1200px;
    height:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:80px;
  }
}

@media screen and (max-width:640px) {
  #gmap {
    width:100%;
    height:400px;
    margin-top:2.5rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}


/*----------------------------------------------------------------------------------------------------

  アクセス方法
  
----------------------------------------------------------------------------------------------------*/

#access {
  text-align:left;
}

#access .photo {
  display:block;
  text-align:center;
}

#access dl {
  box-sizing:border-box;
  margin-bottom:2rem;
}

#access dt {
  width:5.5rem;
  float:left;
  clear:both;
}

#access dt:after {
  content:"／";
  margin-left:0.5em;
  display:inline-block;
}

#access dd {
  margin-left:5.75rem;
}

#access dt,
#access dd {
  padding-top:0.5rem;
}

@media print,screen and (min-width:641px) {
  #access {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    margin-top:80px;
  }

  #access .photo {
    width:500px;
    float:right;
  }
  
  .access_ct {
    width:620px;
    float:left;
  }
}

@media screen and (max-width:640px) {
  #access {
    margin-top:2.5rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
  }

  #access .photo {
    padding-bottom:1.5rem;
  }
}


/*-----------------------------------------------------------------------------------
  バスでお越しの場合
-----------------------------------------------------------------------------------*/

.byBus {
  width:100%;
  border-collapse:collapse;
  border:0;
}

.byBus caption {
  text-align:left;
  padding-bottom:0.75rem;
}

.byBus th,
.byBus td {
  vertical-align:middle;
  box-sizing:border-box;
  padding:1rem;
  line-height:1.4;
}

.byBus th {
  font-weight:400;
  background-color:#ceece9;
  text-align:center;
  white-space:nowrap;
  border-bottom:1px solid #f0f8f8;
}

.byBus td {
  background-color:#fff;
  border-bottom:1px solid #d2eae8;
}

.byBus tr td:last-child {
  text-align:right;
  white-space:nowrap;
}

.byBus tr:last-child th,
.byBus tr:last-child td {
  border-bottom:0;
}

@media screen and (max-width:640px) {
  .byBus { min-width:520px; }
}


/*----------------------------------------------------------------------------------------------------

  地図
  
----------------------------------------------------------------------------------------------------*/

#map { box-sizing:border-box; }
#map img { vertical-align:bottom; }

@media print,screen and (min-width:641px) {
  #map { padding-top:80px; padding-bottom:100px; }
}

@media screen and (max-width:640px) {
  #map {
    padding:2.5rem 1.5rem 3rem 1.5rem;
  }
}