/* ============================================================
   store.css — 店舗写真セクション専用スタイル
   依存：common.css を先に読み込むこと
   ============================================================ */

/* ── 店舗写真：セクション外枠 ──────────────────────────────── */
.fk-store {
  width: 100%;
  overflow: hidden;
}

/* ── 店舗写真：2カラムグリッド ─────────────────────────────── */
.fk-store__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* ── 店舗写真：画像ラッパー ─────────────────────────────────── */
.fk-store__img-wrap {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.fk-store__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.6s ease;
}

.fk-store__img-wrap:hover .fk-store__img {
  transform: scale(1.04);
}

/* ── レスポンシブ（SP: 〜767px） ────────────────────────────── */
@media (max-width: 767px) {
  .fk-store__grid {
    grid-template-columns: 1fr;
  }

  .fk-store__img-wrap {
    aspect-ratio: 4 / 3;
  }
}