#slider {
    flex: 1;
    display: flex;
    overflow-x: hidden; 
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
}

#slider::-webkit-scrollbar { display: none; }

.card {
    min-width: 100%;
    height: 100%; 
    scroll-snap-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* 68vhに絞った箱を画面中央に配置 */
    box-sizing: border-box;
    padding: 0 35px; 
}

.arrow-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.15); 
    color: white;
    border: none;
    font-size: 1.1rem; 
    padding: 6px 4px; 
    cursor: pointer;
    z-index: 100;
}

.left { left: 0; border-radius: 0 4px 4px 0; }
.right { right: 0; border-radius: 4px 0 0 4px; }