@media screen and (max-width: 768px) {
  .bl_top_video {
    width: calc(100% - 40px);
    margin-inline: auto;
  }
}

.bl_top_video_wrapper {
  max-width: 1158px;
  margin: 32px auto 0;
  width: 100%;
  position: relative; /* ← これが重要です */
  overflow: hidden;
  border-radius: 12px;
  border: 2px solid rgba(221, 221, 221, 1);
  background: rgba(221, 221, 221, 1);
  
  /* ▼ 枠そのものの比率を強制的に 1280:680 (32:17) に固定する ▼ */
  aspect-ratio: 32 / 17; 
}

/* ▼ ULIZAが後から自動生成するプレイヤーを、1pxだけはみ出させて隙間を隠す ▼ */
.bl_top_video_wrapper > div,
.bl_top_video_wrapper > iframe {
  position: absolute !important;
  /* 100%からさらに2px大きくして、上下左右に1pxずつはみ出させる */
  width: calc(100% + 2px) !important;
  height: calc(100% + 2px) !important;
  top: -1px !important;
  left: -1px !important;
}

@media screen and (max-width: 1024px) {
  .bl_top_video_wrapper {
    border-width: 1px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  .bl_top_video_wrapper {
    border-width: 1px;
    border-radius: 8px;
  }
}