/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 12:59:35 */
/* ==========================================================
 * 全固定ページ・カスタム投稿：上部帯タイトルの極上アニメーション（ワイド間隔版）
 * ========================================================== */

.page-header .page-title,
.page-header h1 {
    opacity: 0;
    /* 3.5秒かけて極めてドラマチックかつ滑らかに中央へ集める */
    animation: wideTitleFadeIn 3.5s cubic-bezier(0.1, 0.9, 0.15, 1) forwards !important;
}

/* アニメーションの具体的な動き */
@keyframes wideTitleFadeIn {
    0% {
        opacity: 0;
        letter-spacing: 24px;     /* 最初はかなり広い間隔からスタート */
        filter: blur(15px);         /* ぼかしも少し強めて神秘的な登場に */
        transform: scale(0.95);    /* わずかに奥から手前に進む立体感をプラス */
    }
    30% {
        opacity: 0.7;              /* 開始直後にじんわりと文字の輪郭が見え始める */
    }
    100% {
        opacity: 1;
        letter-spacing: 4px;       /* 最終的に落ち着く上品な文字間隔 */
        filter: blur(0);           /* ピントを完全に合わせる */
        transform: scale(1);
    }
}