/* 全体の調整 */
h2 {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

p.lead {
    font-size: 1.1rem;
    text-align: center;
}

.text-muted {
    text-align: center;
    font-size: 0.9rem;
}

/* 動画サイズ調整 */
.wide-video {
    width: 100%;
    max-width: 800px;
    height: auto;
}

.short-video {
    max-height: 80vh;
    width: auto;
    max-width: 100%;
}

.text-center {
    display: flex;
    justify-content: center;
}


.video-card video {
    width: 100%;
    height: auto;
}

.video-card .card-body {
    padding: 0.5rem;
}

.video-card .card-title {
    font-size: 1rem;
    font-weight: bold;
}

.video-card .card-text {
    font-size: 0.85rem;
    color: #555;
}

.wide-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.short-thumb {
    width: 100%;
    aspect-ratio: 9/16;
    object-fit: cover;
}