.youtube-videos-carousel {
    display: flex !important;
    gap: 10px;
    padding: 20px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory; /* 横スクロール時にスナップする */
    -webkit-overflow-scrolling: touch; /* スムーズなスクロール */
}

.youtube-video {
    flex: 0 0 auto;
    width: 200px; /* 必要に応じてサイズを調整 */
    text-align: center;
    scroll-snap-align: start; /* スクロール時に動画がスナップする */
}

.youtube-video img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 画像に軽い影をつけて見栄えを良くする */
}

.youtube-video p {
    font-size: 12px;
    margin-top: 5px;
    text-overflow: ellipsis; /* タイトルが長すぎる場合の処理 */
    overflow: hidden;
    white-space: nowrap;
}