@media (max-width: 767px) {
  .globalHeader {
    background: #fff;
  }
}

.maihamaFooter,
.bookMenu.sp {
  display: none;
}

@media (max-width: 1024px) {
  .cookie {
    bottom: 0;
  }
}

.map {
  height: calc(100vh - 156px);
}
@media (max-width: 1024px) {
  .map {
    height: calc(100vh - 76px);
  }
}
@media (max-width: 767px) {
  .map {
    height: auto;
    min-height: calc(100svh - 76px);
  }
}

.modal {
  top: 156px;
}
@media (max-width: 1024px) {
  .modal {
    top: 76px;
  }
}

.pin.hotel.hotel1 {
  top: 135px;
  left: 830px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pin.hotel.hotel1 {
    left: 780px;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 {
    top: 10%;
    left: 47.5%;
  }
}
.pin.hotel.hotel1 a {
  width: 40px;
  height: 27px;
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 a {
    width: 9vw;
    height: 7vw;
  }
}
.pin.hotel.hotel1 .spotName {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .pin.hotel.hotel1 .spotName {
    bottom: -14px;
    left: 110%;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotel1 .spotName {
    left: 0px;
  }
}
@media (min-width: 768px) {
  .pin.hotel.hotel2 .spotName {
    bottom: -14px;
  }
}
.pin.hotel.hotelBay {
  top: 540px;
  left: 1256px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pin.hotel.hotelBay {
    top: 510px;
    left: 1176px;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotelBay {
    top: 64%;
    left: 79.5%;
  }
}
.pin.hotel.hotelBay a {
  width: 86px;
  height: 53px;
}
@media (max-width: 767px) {
  .pin.hotel.hotelBay a {
    width: 14vw;
    height: 10vw;
  }
}
.pin.hotel.hotelBay .spotName {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .pin.hotel.hotelBay .spotName {
    bottom: 0px;
    right: 108%;
  }
}
@media (max-width: 767px) {
  .pin.hotel.hotelBay .spotName {
    right: 120%;
  }
}/*# sourceMappingURL=area.css.map */