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

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

}

.word_space {

    color: #666;

}

.footer_cp {
    color: #999;
}


/* ページからこちらに移行********************************** */
#button-container.hidden {
    opacity: 0;
    visibility: hidden;
    /* 要素を完全に非表示にし、レイアウトからも削除 */
}

/* テキストを非表示にするためのクラス */
#text-display.hidden {
    opacity: 0;
    /* 不透明度を0（完全に透明）にする */
}



.footer_cp {
    opacity: 0;
    /* 初期状態は透明 */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    /* opacityが変化する際に0.3秒かけてアニメーション */
}

.footer_cp.visible {
    opacity: 1;
    /* 表示状態は不透明 */
}