/*動画エリアの操作*/

 /* タイトルと注意書き */
   .vc .gallery-header {
      margin-bottom: 12px;
    }
    .vc .gallery-title {
      font-size: 0.3rem;
      font-weight: 500;
      margin: 0 0 6px 0;
    }
    .vc .gallery-note {
      font-size: 0.2rem;
      color: #555;
      margin: 0;
    }

    /* サムネイルの行 */
    .vc .thumbnails {
      display: flex;
      gap: 16px;           /* サムネイル間の間隔 */
      align-items: flex-start;
      flex-wrap: wrap;     /* 幅が狭くなったら折り返す */
    }

    /* 各サムネイルカード */
    .vc .thumb {
      flex: 1 1 calc(50% - 8px); /* 2列（間隔を考慮） */
      box-sizing: border-box;
      min-width: 220px;    /* 必要に応じて調整 */
      background: #fff;
      border: 1px solid #e6e6e6;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    }

    /* サムネイル画像リンク */
   .vc  .thumb a {
      display: block;
      text-decoration: none;
      color: inherit;
    }

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

    /* キャプション部分 */
    .vc .thumb-body {
      padding: 10px 12px;
    }
    .vc .thumb-title {
      font-size: 0.2rem;
      font-weight: 600;
      margin: 0 0 6px 0;
      color: #111;
    }
    .vc .caption {
      font-size: 0.18rem;
      color: #666;
      margin: 0;
    }

    /* レスポンシブ: 狭い画面では1列に */
    @media (max-width: 640px) {
      .vc .thumbnails {
        gap: 12px;
      }
      .vc .thumb {
        flex: 1 1 100%;
      }
    }

@media (max-width: 360px) {
      .vc .gallery-title {
        font-size: 0.2rem;
        font-weight:bold;
      }