/*---------------------------
  shop page（固定ページ slug: shop）
----------------------------- */

.shop__background {
  background-image: url(../../img/03_SHOP/shop_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 80px;
}
.shop__content {
  padding: min(8.5vw, 85px) 0 min(7vw, 70px);
}

.shop__info {
  display: flex;
  align-items: flex-start;
  gap: min(6vw, 60px);
  padding: 0.83em 0;
  border-bottom: 1px solid #3e3a39;
  font-size: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.85;
  letter-spacing: 0.06em;
}
.shop__info-label {
  width: 6.4em;
  font-weight: 600;
}
.shop__info-value {
  flex: 1;
}

/* ----- 地図 ----- */
.shop__map {
  position: relative;
  margin-top: min(5.5vw, 55px);
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: min(52vw, 420px);
  overflow: hidden;
}
.shop__map-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ----- SP ----- */
@media all and (max-width: 530px) {
  .shop__background {
    border-radius: 50px;
  }
  .shop__content {
    padding: min(9.3vw, 40px) 0 min(8.14vw, 35px);
  }
  .shop__info {
    flex-direction: column;
    gap: 0;
    font-size: min(5.35vw, 1.4375rem);
    letter-spacing: 0;
    line-height: 1.35;
  }
  .shop__info-label {
    width: 100%;
  }
  .shop__info-value {
    width: 100%;
    padding-top: 0.5em;
  }

  .shop__map {
    margin-top: min(10.47vw, 45px);
    aspect-ratio: 4 / 3;
    max-height: none;
    min-height: 220px;
  }
}