/* スマホ・共通の基本設定（現在の設定） */
.lounge-slideshow {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 150px;                  /* スマホでちょうど良い高さ */
    overflow: hidden;
    background-color: #000;
    margin-top: -40px;
    margin-bottom: 0px;
}

/* PC判定時の高さ調整 */
    body.is-pc .lounge-slideshow {
        height: 400px;
    }

.slide-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation-duration: 15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/* (中略：フェードアニメーション設定は既存のまま) */
.slide-item:nth-child(1) { animation-name: fade1; animation-delay: 0s; }
.slide-item:nth-child(2) { animation-name: fade2; animation-delay: 5s; }
.slide-item:nth-child(3) { animation-name: fade3; animation-delay: 10s; }

@keyframes fade1 { 0% { opacity: 1; } 28% { opacity: 1; } 33% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fade2 { 0% { opacity: 0; } 30% { opacity: 0; } 35% { opacity: 1; } 61% { opacity: 1; } 66% { opacity: 0; } 100% { opacity: 0; } }
@keyframes fade3 { 0% { opacity: 0; } 63% { opacity: 0; } 68% { opacity: 1; } 94% { opacity: 1; } 100% { opacity: 0; } }