/******************************************************
 * map
 ******************************************************/
/*-------------------------------------------------------------------
 * Print
 *-------------------------------------------------------------------*/
@media print {
  * html {
    text-align: center;
  }
  @page {
    margin: 0mm 5mm;
  }
  body {
    padding-top: 5mm;
    width: 210mm;
    height: 297mm;
  }
  .header-right,
  .entry h2,
  .entry .entry-btn,
  .entry .entry-corona,
  .footer .footer-menu,
  .footer .footer-recommend,
  .footer .footer-logo,
  .footer .footer-wrapper,
  .footer .footer-btn,
  #btnArea,
  .container .txt {
    display: none !important;
  }
  header {
    display: block;
    border-bottom: none;
  }
  h2.ttl {
    margin: -4mm 0 0 !important;
    transform: scale(0.8);
  }
  #submaincontainer {
    width: 100% !important;
  }
  #submaincontainer .mapArea {
    width: 160mm;
    text-align: center;
    margin: auto;
  }
  #submaincontainer #map1 {
    width: 180mm;
  }
  #submaincontainer #map1 img {
    width: 180mm;
  }
  #submaincontainer .zip {
    margin: -2mm auto 0 !important;
    transform: scale(0.8);
  }
  .entry {
    margin-top: -8mm !important;
    padding: 0 !important;
  }
  .entry .entry-tel {
    margin-top: -2mm !important;
  }
  .entry .entry-tel__num {
    margin-left: -16mm !important;
  }
  .entry .entry-info {
    margin-top: -1mm !important;
  }
}
/*-------------------------------------------------------------------
 * Base
 *-------------------------------------------------------------------*/
html,
body {
  background: #fff;
}

#btnArea {
  display: flex;
  justify-content: center;
  gap: 66px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1300px) {
  #btnArea {
    gap: 24px;
    flex-direction: column;
    width: 100%;
  }
  #btnArea img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 640px) {
  #btnArea {
    display: block;
    width: 100%;
  }
}

#GoogleMap {
  text-align: center;
}
#GoogleMap img {
  width: 100%;
  max-width: 318px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  #GoogleMap {
    width: 100vw;
  }
}
@media screen and (max-width: 640px) {
  #GoogleMap {
    width: 100%;
    margin: auto;
  }
  #GoogleMap img {
    width: 100%;
    margin: auto;
  }
}

#PrintMap {
  text-align: center;
}
#PrintMap img {
  width: 100%;
  max-width: 318px;
  margin: auto;
}
@media screen and (max-width: 1300px) {
  #PrintMap {
    width: 100vw;
  }
}

.mr {
  padding-right: 20px;
}

h2.ttl {
  max-width: 380px;
  margin: 190px auto 75px;
  text-align: center;
}

#submaincontainer {
  width: 1300px;
  margin: 0 auto;
  font-size: 10px;
  color: #666;
}
#submaincontainer dl {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
  width: 355px;
}
#submaincontainer dt {
  width: 194px;
  float: left;
}
#submaincontainer dd {
  float: left;
}
#submaincontainer .container {
  margin: 30px auto;
}
#submaincontainer .container.note {
  display: flex;
  justify-content: center;
}
#submaincontainer .zip {
  font-size: 42px;
  font-weight: normal;
  font-family: "RyuminPro", "GaramondPro", serif;
  line-height: 1.2;
  margin: 75px auto;
  color: #534d44;
  text-align: center;
}
#submaincontainer .zip span {
  font-size: 16px;
}
@media screen and (max-width: 1300px) {
  #submaincontainer .zip {
    font-size: 30px;
  }
  #submaincontainer .zip span {
    display: block;
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  #submaincontainer .zip {
    font-size: 15px;
    margin: 40px auto;
    line-height: 1.6;
  }
  #submaincontainer .zip span {
    font-size: 13px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1600px) {
  #submaincontainer #map1 {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1300px) {
  #submaincontainer #map1 {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  #submaincontainer #map1 {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1600px) {
  #submaincontainer #map2 {
    width: 30.312vw;
    margin: 0 auto;
  }
  #submaincontainer #map2 img {
    width: 30.312vw;
    height: 13.5vw;
  }
}
@media screen and (max-width: 640px) {
  #submaincontainer .ttl {
    width: 60%;
    height: auto;
    margin: 40px 0 40px 20px;
    font-size: 30px;
  }
}
@media screen and (max-width: 1600px) {
  #submaincontainer {
    width: 81.25vw;
  }
}
@media screen and (max-width: 1300px) {
  #submaincontainer {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  #submaincontainer {
    width: 92%;
  }
}

.mapArea {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mapArea .scaling {
    margin-bottom: 25px;
  }
  .mapArea .scaling .leaflet-control-container .leaflet-top {
    top: 0;
    left: auto;
  }
  .mapArea .scaling .leaflet-control-container .leaflet-left {
    right: 0;
  }
  .mapArea .scaling .leaflet-control-container .leaflet-left .leaflet-control {
    margin-right: 10px;
  }
}

@media screen and (max-width: 640px) {
  .map_cap1 {
    width: 96%;
    margin: 2%;
  }
}

@media screen and (max-width: 640px) {
  .map_cap2 {
    width: 96%;
    margin: 6% 2% 2% 2%;
  }
}

#subheader {
  width: 630px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  float: none;
  height: 70px;
}
#subheader h2 {
  width: 278px;
  float: left;
}
#subheader dl {
  width: 236px;
  float: right;
}
#subheader dt {
  width: 119px;
  float: left;
}
#subheader dd {
  width: 117px;
  float: left;
}
@media screen and (max-width: 1600px) {
  #subheader {
    width: 39.375vw;
    margin-top: 1.25vw;
    height: 4.375vw;
  }
  #subheader h2 {
    width: 17.375vw;
  }
  #subheader dl {
    width: 14.75vw;
  }
  #subheader dt {
    width: 7.438vw;
  }
  #subheader dd {
    width: 7.313vw;
  }
}

#subwrapper {
  background-color: #000;
  line-height: 160%;
}

#footerbana {
  display: none;
}
@media screen and (max-width: 640px) {
  #footerbana {
    display: block;
    height: 100%;
  }
  #footerbana .btn002,
  #footerbana .btn003,
  #footerbana .btn001 {
    height: 100%;
  }
}

#subfooter {
  height: 85px;
  position: relative;
  margin-top: 15px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width: 700px;
  clear: both;
}
#subfooter #footmail {
  width: 230px;
  height: 12px;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 55px;
  overflow: hidden;
}
#subfooter #freedial {
  width: 700px;
  height: 68px;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  overflow: hidden;
}
#subfooter #freedial img {
  width: 960px;
  max-width: 960px;
}
#subfooter #footseotext {
  font-size: 10px;
  line-height: 12px;
  color: #999;
  text-align: left;
  position: absolute;
  left: 0;
  top: 80px;
  width: 630px;
}
@media screen and (max-width: 1600px) {
  #subfooter {
    height: 5.313vw;
    margin-top: 0.938vw;
    width: 43.75vw;
  }
  #subfooter #footmail {
    width: 14.375vw;
    height: 0.75vw;
    top: 3.438vw;
  }
  #subfooter #freedial {
    width: 43.75vw;
    height: 4.25vw;
  }
  #subfooter #freedial img {
    width: 60vw;
    max-width: 60vw;
  }
  #subfooter #footseotext {
    font-size: 0.625vw;
    line-height: 0.75vw;
    top: 5vw;
    width: 39.375vw;
  }
}
@media screen and (max-width: 640px) {
  #subfooter {
    display: none;
  }
}

#subfooter_sp {
  display: none;
}
@media screen and (max-width: 640px) {
  #subfooter_sp {
    display: block;
    margin-top: 4px;
  }
}

#footer_cp {
  display: none;
}
@media screen and (max-width: 640px) {
  #footer_cp {
    background: #fff;
    display: block;
  }
}

.cap {
  font-size: 10px;
  line-height: 150%;
  color: #666666;
  margin-bottom: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 1600px) {
  .cap {
    font-size: 0.625vw;
    margin-bottom: 0.625vw;
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 1300px) {
  .cap {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .cap {
    width: 84%;
    margin: 8%;
    text-align: center;
  }
}

@media screen and (max-width: 1600px) {
  #map1 {
    width: 43.75vw;
  }
}
@media screen and (max-width: 640px) {
  #map1 {
    width: 100%;
  }
}

#map2 {
  width: 630px;
}
@media screen and (max-width: 1600px) {
  #map2 {
    width: 39.375vw;
  }
}
@media screen and (max-width: 640px) {
  #map2 {
    width: 100%;
  }
}

#parkingTxt {
  text-align: center;
  font-size: 16px;
  font-weight: bolder;
  color: #ffffff;
  line-height: 1.2em;
  padding: 0.4em 0;
  background-color: #000000;
}
#parkingTxt span {
  white-space: nowrap;
}
@media screen and (max-width: 1600px) {
  #parkingTxt {
    font-size: 1vw;
    color: #ffffff;
  }
}
@media screen and (max-width: 640px) {
  #parkingTxt {
    font-size: 15px;
    line-height: 1.3em;
    padding: 0.2em 0;
  }
}

/*-------------------------------------------------------------------
 * SP only (head, header buttons, ui)
 *-------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
  #head {
    width: 100%;
    height: 65px;
  }
  #head .logo {
    position: absolute;
    width: 186px;
    height: 62px;
    top: 5px;
    left: 0;
  }
}

@media screen and (max-width: 640px) {
  #h_btn001,
  #h_btn002,
  #h_btn003,
  #h_btn004 {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  #ui-id-1 {
    left: 0;
    right: 0 !important;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=map.css.map */