/* DN Core 動画プレーヤー（videoplayer）— .dn-vp でスコープ */
.dn-vp{--dn-vp-accent:#b0895a;--dn-vp-radius:18px;--dn-vp-ink:#1b2430;--dn-vp-muted:#5d6b7a;--dn-vp-line:#e5e9ef;
  margin:0 auto 56px;font-feature-settings:"palt";color:var(--dn-vp-ink)}
.dn-vp *{box-sizing:border-box}
.dn-vp__frame{position:relative;aspect-ratio:16/9;border-radius:var(--dn-vp-radius);overflow:hidden;background:#04060d;
  box-shadow:0 24px 60px rgba(11,15,20,.28)}
.dn-vp__v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#04060d;
  opacity:0;pointer-events:none;transition:opacity .6s ease}
.dn-vp__v.is-on{opacity:1;pointer-events:auto}
.dn-vp__big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;
  border:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(4,6,13,.55);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s ease,background .2s}
.dn-vp__big:hover{background:var(--dn-vp-accent);transform:translate(-50%,-50%) scale(1.06)}
.dn-vp__big svg{width:34px;height:34px;margin-left:4px}
.dn-vp__big[hidden]{display:none}
.dn-vp__bar{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.dn-vp__btn{appearance:none;-webkit-appearance:none;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid #d6dbe2;
  background:#fff;color:var(--dn-vp-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;line-height:1;
  transition:border-color .2s,color .2s,background .2s}
.dn-vp__btn:hover,.dn-vp__btn:focus-visible{border-color:var(--dn-vp-accent);color:var(--dn-vp-accent);outline:none}
.dn-vp__btn.is-active{background:var(--dn-vp-accent);border-color:var(--dn-vp-accent);color:#fff}
.dn-vp__btn svg{display:block}
.dn-vp__repeat{position:relative}
.dn-vp__repeat[data-mode="off"]{color:#a7b0bb}
.dn-vp__repeat[data-mode="one"]::after{content:"1";position:absolute;right:3px;bottom:2px;font:700 10px/1 Menlo,Consolas,monospace;color:inherit}
.dn-vp__now{font:600 12px/1.4 Menlo,Consolas,monospace;letter-spacing:.14em;color:var(--dn-vp-muted);margin:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.dn-vp__now b{color:var(--dn-vp-accent);font-weight:700;letter-spacing:.04em;margin-left:8px;font-family:inherit}
.dn-vp__prog{flex:1 1 120px;min-width:80px;height:20px;display:flex;align-items:center;cursor:pointer;position:relative}
.dn-vp__prog::before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:#d3d9e1}
.dn-vp__prog i{position:relative;display:block;height:3px;width:0;border-radius:3px;background:var(--dn-vp-accent)}
.dn-vp__prog:focus-visible{outline:2px solid var(--dn-vp-accent);outline-offset:2px;border-radius:4px}
.dn-vp__gap{flex:1}
.dn-vp__yt{font-size:13px;color:var(--dn-vp-ink);text-decoration:none;border-bottom:1px solid var(--dn-vp-accent);padding-bottom:1px;white-space:nowrap;margin-left:6px}
.dn-vp__yt:hover{color:var(--dn-vp-accent)}
.dn-vp__yt[hidden]{display:none}
.dn-vp__icons{display:none}
.dn-vp:fullscreen{max-width:none!important;background:#000;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 2vw 1vh}
.dn-vp:fullscreen .dn-vp__frame{border-radius:0;box-shadow:none;flex:1;aspect-ratio:auto}
.dn-vp:fullscreen .dn-vp__now{color:#c9d1db}
.dn-vp:-webkit-full-screen{max-width:none!important;background:#000;width:100%;height:100%}
.dn-vp__empty{padding:12px 16px;border:1px dashed #c33;color:#c33;font-size:14px}
@media (max-width:767px){
  .dn-vp{margin-bottom:40px}
  .dn-vp__frame{border-radius:min(var(--dn-vp-radius),12px)}
  .dn-vp__now{order:9;flex-basis:100%;max-width:100%;margin:4px 2px 0}
  .dn-vp__prog{order:10;flex-basis:100%}
  .dn-vp__btn{width:38px;height:38px;flex-basis:38px}
}