/* プリローダー全体 */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 1;
    transition: opacity 0.5s ease; /* プリローダー全体フェードアウト */
}

/* 完全にフェードアウト */
#preloader.complete {
    opacity: 0;
    pointer-events: none;
}

/* ロゴ初期状態 */
.preloader-logo {
    width: 120px;
    opacity: 0;
    animation: logoFadeIn 0.6s forwards; /* フェードイン */
    transition: opacity 0.3s ease; /* フェードアウト用 */
}

/* ロゴフェードアウト */
.preloader-logo.fade-out {
    opacity: 0;
}

/* ロゴフェードインアニメーション */
@keyframes logoFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* プリローダー表示中はスクロール禁止 */
body.preloader-active {
    overflow: hidden;
}