.mgwc-vod-modal{position:fixed;inset:0;z-index:99995;display:flex;align-items:flex-end;justify-content:center}
.mgwc-vod-modal[hidden]{display:none}
.mgwc-vod-modal__backdrop{position:absolute;inset:0;background:rgba(11,11,13,.62)}
.mgwc-vod-modal__panel{position:relative;z-index:1;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;margin:0 auto 0;padding:30px 28px 26px;background:#fff;border-top:3px solid var(--red,#b51f2e);border-radius:2px 2px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
.mgwc-vod-modal__close{position:absolute;top:16px;right:16px;width:30px;height:30px;border:0;border-radius:50%;background:var(--paper,#f4f5f7);color:var(--ink,#20242a);font-size:17px;line-height:1;cursor:pointer;transition:background-color .15s ease}
.mgwc-vod-modal__close:hover{background:#e8eaed}
.mgwc-vod-modal__kicker{margin:0 0 10px!important;color:var(--red,#b51f2e);font-size:10.5px;font-weight:900;letter-spacing:.18em}
.mgwc-vod-modal__panel h2{margin:0 0 12px!important;padding-right:30px;font-size:21px;line-height:1.42;letter-spacing:-.01em}
.mgwc-vod-modal__lead{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px!important;padding-bottom:18px;border-bottom:1px solid var(--line,#eceef1);color:var(--muted,#6b7280);font-size:13px;font-weight:700}
.mgwc-vod-modal__price{padding:4px 9px;border-radius:2px;background:rgba(181,31,46,.08);color:var(--red,#b51f2e);font-size:12.5px;font-weight:800}
.mgwc-vod-modal__benefits{margin:0 0 24px!important;padding-left:0!important;list-style:none!important}
.mgwc-vod-modal__benefits li{position:relative;display:flex;align-items:flex-start;gap:10px;margin:0 0 12px!important;font-size:14px;line-height:1.65;color:var(--ink,#20242a)}
.mgwc-vod-modal__benefits li:last-child{margin-bottom:0!important}
.mgwc-vod-modal__benefits li:before{content:"✓";flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;border-radius:50%;background:rgba(181,31,46,.09);color:var(--red,#b51f2e);font-size:10px;font-weight:900}
.mgwc-vod-modal__actions{margin-bottom:14px}
.mgwc-vod-modal__primary{display:block;padding:17px 18px;border-radius:2px;background:var(--red,#b51f2e);color:#fff!important;font-size:15.5px;font-weight:800;letter-spacing:.01em;text-align:center;text-decoration:none!important;box-shadow:0 6px 16px rgba(181,31,46,.28);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}
.mgwc-vod-modal__primary:hover{background:#8f1624;transform:translateY(-1px);box-shadow:0 8px 20px rgba(181,31,46,.32)}
.mgwc-vod-modal__note{margin:0!important;color:var(--muted,#6b7280);font-size:10.5px;line-height:1.65;opacity:.9}
body.mgwc-vod-modal-open{overflow:hidden}
@media(min-width:640px){.mgwc-vod-modal{align-items:center}.mgwc-vod-modal__panel{border-radius:4px;box-shadow:0 24px 60px rgba(15,17,20,.35)}}

/* トップページ限定の右下固定VODボタン。質問チャットの固定ボタンと同じ位置・サイズ規格に合わせる */
.mgwc-vod-floating{position:fixed;right:18px;bottom:18px;z-index:99990;display:flex;align-items:center;gap:9px;min-height:54px;padding:7px 16px 7px 7px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:var(--red,#b51f2e);color:#fff!important;font-size:14px;line-height:1.15;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease}
.mgwc-vod-floating__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--red,#b51f2e);font-size:15px}
.mgwc-vod-floating__copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.mgwc-vod-floating__copy small{color:#fff;font-size:10px;font-weight:500;opacity:.88;white-space:nowrap}
.mgwc-vod-floating__copy b{font-size:14px;white-space:nowrap;font-weight:800}
.mgwc-vod-floating:hover,.mgwc-vod-floating:focus-visible{transform:translateY(-2px);box-shadow:0 7px 22px rgba(0,0,0,.3)}
@media(max-width:520px){.mgwc-vod-floating{right:12px;bottom:12px;min-height:50px;padding:5px 13px 5px 5px}.mgwc-vod-floating__icon{width:36px;height:36px}.mgwc-vod-floating__copy b{font-size:13px}}