@charset "utf-8";

.map {
  padding-bottom: 50px;
}
.map__content__photo {
  max-width: 1000px;
}
.map__content__photo .modal-open {
  pointer-events: none;
}
.map__content__btn {
  max-width: 400px;
  margin-top: 60px;
}
.map__content__btn a {
  min-height: 60px;
}
@media screen and (max-width: 480px){
  .map {
    padding-bottom: 0;
  }
  .map__content__photo .modal-open {
    pointer-events: auto;
  }
  .map__content__photo::after {
    content: "拡大する";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding-block: 8px;
    font-size: 11px;
    color: #fff;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="25" viewBox="0 0 60 25"><rect width="60" height="25" opacity="0"/><polygon points="42.5 12 30.5 12 30.5 0 29.5 0 29.5 12 17.5 12 17.5 13 29.5 13 29.5 25 30.5 25 30.5 13 42.5 13 42.5 12" fill="%23fff"/></svg>') no-repeat top 8px center/100% auto #616060;
    pointer-events: none;
  }
  #modal1 .modal-overlay {
    grid-template: "container" auto / 100%;
  }
  .map__content__modal-photo {
    width: 200vw;
  }
  .map__content__btn {
    max-width: none;
    margin-top: 30px;
  }
  .map__content__btn a {
    min-height: 48px;
  }
}