/* Traveler's Guide - Index Page Styles */

body {
    font-family: 'Inter', sans-serif;
    color: #1a202c;
}

.bg-custom-blue {
    background-color: #2b6cb0; /* 落ち着いたブルー */
}

/* === Slideshow Styles === */
.slideshow-wrapper { /* outer wrapper to control max width */
    width: 100%;
    display: flex;
    justify-content: center;
}

.slideshow-container {
    position: relative;
    width: 480px; /* bigger so images look impactful */
    aspect-ratio: 16/10; /* keep proportion */
    margin: 0;
    border-radius: 14px;
    overflow: hidden; /* remove any white gap */
    box-shadow: 0 16px 28px -10px rgba(0,0,0,.35), 0 6px 12px -5px rgba(0,0,0,.25);
    background:#000; /* fallback */
}

@media (max-width: 640px){
    .slideshow-container { 
        width: 100%; 
        max-width: 360px; 
    }
}

.slide { 
    position:absolute; 
    inset:0; 
    display:flex; 
}

.slide { 
    opacity:0; 
    transition:opacity .6s ease; 
}

.slide.active { 
    opacity:1; 
}

.slide img {
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
}