/* ===== PLAY NOW ボタン（画像をラップする用・見た目は画像のまま） ===== */
.mc-play-btn{
  display:inline-block; cursor:pointer; line-height:0;
  text-decoration:none; border:0; background:none; padding:0;
  transition:transform .15s ease, filter .15s ease;
}
.mc-play-btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }
.mc-play-btn img{ display:block; max-width:100%; height:auto; }

/* テキスト版ボタンが欲しい場合だけ使う任意クラス（画像ボタンには不要） */
.mc-play-btn--pill{
  display:inline-flex; align-items:center; gap:10px; line-height:1;
  background:linear-gradient(135deg,#f99a2b,#f5821f);
  color:#fff !important; font-weight:bold; letter-spacing:.08em;
  padding:13px 26px; border-radius:50px;
  box-shadow:0 6px 16px rgba(245,130,31,.4); font-size:15px;
}
.mc-play-ico{
  width:24px; height:24px; border-radius:50%;
  background:rgba(255,255,255,.25);
  display:inline-flex; align-items:center; justify-content:center; font-size:11px;
}

/* ===== モーダル ===== */
.mc-video-modal{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.mc-video-modal[hidden]{ display:none; }
.mc-video-overlay{
  position:absolute; inset:0;
  background:rgba(20,28,48,.82); /* 紺ベースの暗幕 */
  backdrop-filter:blur(2px); cursor:pointer;
  animation:mcFade .2s ease;
}
.mc-video-dialog{
  position:relative; z-index:1; width:min(960px,100%);
  background:#fff8ef;            /* クリーム */
  border:3px solid #f5821f;      /* オレンジ枠 */
  border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  padding:14px;
  animation:mcPop .25s ease;
}
.mc-video-title{
  text-align:center; color:#1f2d4d; font-weight:bold;
  padding:6px 0 10px; font-size:17px;
}
.mc-video-close{
  position:absolute; top:-18px; right:-18px;
  width:44px; height:44px; line-height:40px;
  border-radius:50%; border:none; cursor:pointer;
  background:#f5821f; color:#fff; font-size:28px; font-weight:bold;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
  transition:transform .15s ease, background .15s ease;
}
.mc-video-close:hover{ background:#e06a00; transform:scale(1.08); }
.mc-video-frame{
  position:relative; width:100%; aspect-ratio:16/9;
  background:#000; border-radius:8px; overflow:hidden;
}
.mc-video-frame iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}
@keyframes mcFade{ from{opacity:0} to{opacity:1} }
@keyframes mcPop{ from{opacity:0; transform:translateY(12px) scale(.97)} to{opacity:1; transform:none} }

@media (max-width:560px){
  .mc-video-close{ top:-14px; right:-6px; }
}