/* =====================================================
   にしかわ梅園 専用スタイル (ume.css)
   ===================================================== */

/* -------------------------------
   TOPページ専用制御
   ------------------------------- */

/* Hero（TOPのみ）: 背景画像設定 */

.hero-gradient {
  min-height: 600px;
  background:
    linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),
    url('img/shopimg2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 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);
  }
}