/* =====================================================
   浜水産 専用スタイル
   ===================================================== */

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

/* Hero（TOPのみ）: 背景画像設定 */
.page-top .hero-gradient {
  background-color: #333;
  /* 実際の画像に合わせて変更してください。
     img/topback.gif を想定していますが、高画質な画像があれば差し替えてください。 */
  background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url('img/n_top.jpg'); 
  background-size: cover;
  background-position: center;
}

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