/* =========================================================
   固定ページ「店舗案内」専用CSS
   URL：/shop/
   更新：2026-08-16-v4

   設計方針：
   ・レイアウト、カード、見出し、ボタン、写真2カラムは共通 .sr- 系を使用
   ・このファイルには店舗案内だけに必要な調整だけを残す
   ・ヒーローの1カラム化は sanraku-common.css の共通ルールで管理
   ・不要なHTMLをCSSで隠さない
   ========================================================= */


/* ------------------------------
   ヒーロー：店舗案内固有の文字サイズだけ調整
------------------------------ */

.sanraku-shop .sr-hero {
  padding-top: 20px;
  padding-bottom: 58px;
}

.sanraku-shop .sr-hero-title {
  font-weight: 400 !important;
}

.sanraku-shop .sr-hero-title-line,
.sanraku-shop .sr-hero-title-brand {
  font-weight: 400;
  line-height: 1.58;
  letter-spacing: 0.045em;
}

.sanraku-shop .sr-hero-title-line {
  font-size: clamp(25px, 2.1vw, 32px);
}

.sanraku-shop .sr-hero-title-brand {
  font-size: clamp(26px, 2.2vw, 33px);
}



/* ------------------------------
   ご来店案内のボタン配置
------------------------------ */

.sanraku-shop #shop-visit-guide .sr-button-row {
  justify-content: center;
}


/* ------------------------------
   店舗情報
------------------------------ */

.sanraku-shop .sanraku-shop-info-card {
  max-width: 980px;
  margin: 0 auto;
}

.sanraku-shop .sanraku-shop-info-list {
  max-width: 820px;
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid rgba(86, 68, 42, 0.12);
}

.sanraku-shop .sanraku-shop-info-row {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 26px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(86, 68, 42, 0.12);
}

.sanraku-shop .sanraku-shop-info-row dt {
  margin: 0;
  color: var(--sr-red);
  font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", serif;
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.7;
}

.sanraku-shop .sanraku-shop-info-row dd {
  margin: 0;
  color: #4f4942;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

.sanraku-shop .sanraku-shop-info-row a {
  color: #4f4942;
  border-bottom: 1px solid rgba(157, 23, 20, 0.24);
}


/* ------------------------------
   Googleマップ
------------------------------ */

.sanraku-shop .sanraku-shop-map-card {
  max-width: 980px;
  margin: 0 auto;
}

.sanraku-shop .sanraku-shop-map {
  width: 100%;
  overflow: hidden;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(50, 38, 24, 0.03);
}

.sanraku-shop .sanraku-shop-map iframe {
  display: block;
  width: 100%;
  height: 430px;
  border: 0;
}




/* ------------------------------
   スマホ
------------------------------ */

@media (max-width: 560px) {
  .sanraku-shop .sr-hero {
    padding-top: 0;
    padding-bottom: 42px;
  }

  .sanraku-shop .sr-hero-title-line {
    font-size: 21px;
    line-height: 1.58;
  }

  .sanraku-shop .sr-hero-title-brand {
    font-size: 22px;
    line-height: 1.52;
    letter-spacing: 0.04em;
  }


  /* 店内写真はスマホでは1枚ずつ大きく見せる */
  .sanraku-shop .sr-split-image {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .sanraku-shop .sanraku-shop-info-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 18px 0;
  }

  .sanraku-shop .sanraku-shop-info-row dd {
    font-size: 15.5px;
  }

  .sanraku-shop .sanraku-shop-map iframe {
    height: 340px;
  }
}