/* 文字サイズ拡大時のスタイル */
    html {
      transition: font-size 0.3s ease;
      scroll-behavior: smooth;
    }
    html.text-large-mode {
      font-size: 115%;
    }

    ::-webkit-scrollbar { width: 5px; height: 5px; }
    ::-webkit-scrollbar-track { background: #fafaf8; }
    ::-webkit-scrollbar-thumb { background: #c85a3a; border-radius: 2px; }
    
    /* カードのフェードインアニメーション */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(15px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .shop-card {
      animation: fadeIn 0.4s ease-out forwards;
    }

    /* ピックアップ画像のゆっくりズームアニメーション */
    /* 修正: ズーム倍率を 1.08 -> 1.03 に下げて、ズームアウト（引きの画）を維持 */
    @keyframes slowZoom {
      0% { transform: scale(1); }
      50% { transform: scale(1.03); }
      100% { transform: scale(1); }
    }
    .animate-slow-zoom {
      animation: slowZoom 20s ease-in-out infinite;
      /* will-change: transform; はメモリ節約（クラッシュ防止）のため削除 */
    }

    /* SEO/クローラー対策: JSが無効な環境ではアニメーションによる非表示を解除し、全てのコンテンツを最初から表示する */
    .no-js .shop-card,
    .no-js .opacity-0 {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
      animation: none !important;
    }
    .no-js #splash-screen {
      display: none !important;
    }