/* ===== shopセクション全体 ===== */
.shop {
  background: linear-gradient(
    to bottom,
    #FFF1E5 0%,
    #FFF1E5 30%,
    rgba(255, 241, 229, 0) 100%
  );
  padding: 60px 0; /* 仮の上下余白 */
}

/* 内側コンテナ */
.shop-inner {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.shop-contents {
  max-width: 755px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  gap: 36px;
  margin-top: 32px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.shop-contents.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.shop-map {
  flex: 1;
  min-height: 300px;
}

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


.shop-info {
  flex: 1;
}
.shop-info li{
  padding-left: 10px;
}
.shop-info p, .shop-info li {
  margin: 6px 0;
  line-height: 1.6;
}

.shop-hours {
  list-style: none;
  padding: 0;
  margin: 6px 0;
}

.shop-hours li {
  font-weight: 500;
}

/* ===== SP調整（768px以下） ===== */
@media (max-width: 768px) {
    .shop {
        padding: 20px 0; 
    }
  .shop-inner {
    max-width: 100%;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  .shop-contents {
    flex-direction: column;
  }

  .shop-map {
    min-height: 150px;
  }
  .shop-info{
    padding-left: 10px;
  }
}
/* ============================
   Shop ギャラリー
============================ */
.shop-gallery {
  max-width: 755px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 40px;
}

.shop-gallery-item {
  overflow: hidden;
  border-radius: 12px;
}

.shop-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ============================
   SP（1カラム）
============================ */
@media screen and (max-width: 768px) {
  .shop-gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}