/* 個別設定_Pages */
.background_pages {

    /* background-image: url(pages_back.jpg); */

}

.word_space {

    color: #666;

}

.footer_cp {
    color: #999;
}


/* オススメのページからこちらに移行********************************** */
/* テキストを非表示にするためのクラス */
/* #text-display.hidden {
    opacity: 0;
} */

/* .footer_cp {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

} */


/* お気に入りのページからこちらに移行********************************** */
/* footer_cp のスタイル */
.footer_cp {
    opacity: 1;
    /* 初期状態は表示 */
    transition: opacity 0.3s ease-in-out;
    /* フェードアニメーション */
}

.footer_cp.hidden {
    opacity: 0;
    /* 非表示状態 */
}

/* --- ここまで追加・変更 --- */
#text-display {
    transition: opacity 0.5s ease-in-out;
    /* ★変更: 0.3s から 0.5s へ (fadeDurationに合わせる) */
}