.video-thumbnail-card {
      cursor: pointer;
      border: none;
      background: transparent;
    }
    .video-thumbnail-wrapper {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background-color: #000; /* 動画読み込み前の黒背景 */
    }
    .video-thumbnail-wrapper:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    }
    /* 再生ボタンのオーバーレイ */
    .play-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.2); /* 全体を少し暗くして再生ボタンを目立たせる */
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease;
      z-index: 2;
    }
    .video-thumbnail-wrapper:hover .play-overlay {
      background: rgba(0,0,0,0.4);
    }
    .play-icon {
      color: rgba(255, 255, 255, 0.8);
      font-size: 3.5rem;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
      transition: transform 0.2s ease;
    }
    .video-thumbnail-wrapper:hover .play-icon {
      transform: scale(1.1);
      color: #fff;
    }
    /* サムネイル動画自体 */
    .thumbnail-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.85;
      filter: grayscale(20%); 
      /* ▼ 追加：動画を1.2倍にズームして、左右の黒帯を枠外に押し出す */
      transform: scale(1.2);
    }