@charset "UTF-8";

    /* ── モーダル ── */
    .yt-overlay{
      position:fixed;
      inset:0;
      /* background:rgba(0,0,0,.85); */
      background: rgba(0, 0, 0, 0.55);
      z-index:2000;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:20px;
      opacity:0;
      visibility:hidden;
      transition:opacity .35s ease,visibility .35s ease}
    .yt-overlay.is-open{opacity:1;visibility:visible}
    .yt-modal{width:100%;max-width:900px;position:relative;transform:scale(.92);transition:transform .35s ease}
    .yt-overlay.is-open .yt-modal{transform:scale(1)}
    .yt-modal__close{
      position:absolute;
      top:-44px;
      right:0;
      width:36px;
      height:36px;
      background:rgba(255,255,255,.15);
      border:1.5px solid rgba(255,255,255,.3);
      border-radius:50%;
      color:#fff;
      font-size:1.1rem;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:background .2s,transform .2s;line-height:1
    }
    .yt-modal__close:hover{
      background:#e8500a;
      border-color:#e8500a;
      /* transform:rotate(90deg) */
    }
    .yt-modal__frame{position:relative;width:100%;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 24px 64px rgba(0,0,0,.6)}
    .yt-modal__iframe{position:absolute;inset:0;width:100%;height:100%;border:none}