@charset "utf-8";

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


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

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

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

.gmap {
  border-radius:0.5rem;
  overflow:hidden;
}
  
.gmap iframe { width:100%; height:100%; vertical-align:bottom; }

.access .logo { width:330px; }
.access address { padding-top:1.5rem; padding-bottom:1rem; }

@media print,screen and (min-width:641px) {
  .access {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:60px;
  }

  .gmap {
    width:100%;
    height:650px;
    margin-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .access {
    padding-top:2rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .gmap {
    width:100%;
    height:500px;
    margin-bottom:2.75rem;
  }
  
  .access address { padding-bottom:1.5rem; }
}



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

  写真
  
----------------------------------------------------------------------------------------------------*/

.photo img {
  border-radius:0.5rem;
  vertical-align:bottom;
}

.photoB {
  text-align:center;
}

.photo_txt {
  padding-top:0.75em;
  text-align:center;
}

.photoS {
  list-style:none;
}

.photoS li {
  width:50%;
  float:left;
  text-align:center;
  box-sizing:border-box;
}

@media print,screen and (min-width:641px) {
  .photo {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:100px;
  }
  
  .photoB {
    padding-bottom:60px;
  }
  
  .photoB img {
    width:100%;
    max-width:780px;
  }

  .photoS li:first-child { padding-right:10px; }
  .photoS li:last-child { padding-left:10px; }
}

@media screen and (max-width:640px) {
  .photo {
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .photoB {
    padding-bottom:2.5rem;
  }
  
  .photoS li:first-child { padding-right:0.25rem; }
  .photoS li:last-child { padding-left:0.25rem; }
}