.main-image {
      width: 100%;
      aspect-ratio: 16 / 9;
      background-color: black;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 20px;
    }

    .main-image img {
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    .thumbnail-bar {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      padding: 10px 0;
      justify-content: center;
    }

    .thumbnail {
      border: 4px solid blue;
      padding: 2px;
      background-color: black;
      transition: border-color 0.2s ease;
    }

    .thumbnail img {
      width: 120px;
      height: 70px;
      object-fit: cover;
      display: block;
      cursor: pointer;
    }
    .thumbnail:hover {
      border-color: #ec268f; /* ホバー時の枠色 */
    }

    .p {
      font-weight: 400;
      margin-top: 0
    }

    .logo {
      text-align: center;
    }

    .logo img {
      width: 300px;
      height: 150px;
    }

    .title {
      font-size: 1.7em;
      font-weight: 700;
    }