/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 12:59:23 */
/* ==========================================================
 * 画面収まる文章用：二重起動・リセット防止版フェードイン
 * ========================================================== */

/* 1. 動かしたい段落すべての共通設定（リセット現象を完全に防止） */
.fade-p1, .fade-p2, .fade-p3, .fade-p4 {
    opacity: 0;
    /* 動きの長さを2.5秒に延ばし、テーマの遅延読み込みとシンクロさせる */
    animation: permanentFadeIn 2.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    /* ブラウザに一度動き出したらリセットを拒否させる設定 */
    animation-iteration-count: 1 !important;
    animation-fill-mode: forwards !important;
    will-change: opacity;
}

/* アニメーションの動き */
@keyframes permanentFadeIn {
    0% {
         opacity: 0;
    }
    100% {
         opacity: 1; /* 最終的に100%表示でピタッと固定 */
    }
}

/* 2. 上から順番に表示されるように「時間差」をコントロール（バッティングしない秒数） */
.fade-p1 { animation-delay: 0.4s !important; } /* テーマが落ち着いた頃にスタート */
.fade-p2 { animation-delay: 1.4s !important; } 
.fade-p3 { animation-delay: 2.4s !important; } 
.fade-p4 { animation-delay: 3.4s !important; }