/* =====================================================
   店舗別 カスタムスタイル設定
   ===================================================== */

/* -------------------------------
   TOPページ専用制御
   body に .page-top クラスがある場合のみ適用されます
   ------------------------------- */

/* Hero セクションの背景画像設定 */
.page-top .hero-gradient {
  background:
    linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
    url('img/top.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
}

/* TOPのみフェードインアニメーション */
.page-top .animate-fade-in-up {
  animation: fadeInUp 1s ease-out forwards;
}

/* -------------------------------
   アニメーション定義
   ------------------------------- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}