/* h-onnano myfans embed — 16:9 facade + scaled iframe (PC), 350x320 (SP) */
.hon-mfv{position:relative;display:block;width:100%;max-width:720px;margin:0 auto 12px;aspect-ratio:16/9;min-width:0;background:#2C2A28;border:1px solid rgba(228,207,168,.32);overflow:hidden;cursor:pointer;box-sizing:border-box}
.hon-mfv__poster{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;filter:brightness(.82);transition:filter .3s,transform .6s}
.hon-mfv:hover .hon-mfv__poster,.hon-mfv:focus-visible .hon-mfv__poster{filter:brightness(.95);transform:scale(1.02)}
.hon-mfv__play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(44,42,40,.55);border:1px solid #E4CFA8;box-shadow:0 0 0 6px rgba(228,207,168,.12)}
.hon-mfv__play:after{content:"";position:absolute;left:31px;top:24px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #E4CFA8}
.hon-mfv__mark{position:absolute;right:12px;top:10px;font-size:11px;letter-spacing:.2em;color:#E4CFA8;background:rgba(44,42,40,.6);padding:3px 8px}
.hon-mfv__hint{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:12px;letter-spacing:.06em;color:#F7F3EC;background:linear-gradient(transparent,rgba(20,19,18,.78));text-align:left}
.hon-mfv.is-on{cursor:auto}
.hon-mfv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
@media (max-width:600px){
.hon-mfv{aspect-ratio:auto;height:320px;overflow:hidden;background:#000}
.hon-mfv.is-on iframe{width:calc(100% + 20px)!important;height:100%!important;max-width:none!important;left:0;top:0;right:auto;bottom:auto;inset:auto}
}
@media (min-width:601px){
.hon-mfv{max-width:none;width:100%;aspect-ratio:16/9;background:#1c1b1a}
.hon-mfv::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(20,19,18,.10) 0%,rgba(20,19,18,.18) 55%,rgba(20,19,18,.62) 100%)}
.hon-mfv.is-on::before{display:none}
.hon-mfv__poster{filter:saturate(.92);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.hon-mfv:hover .hon-mfv__poster,.hon-mfv:focus-visible .hon-mfv__poster{filter:saturate(1);transform:scale(1.03)}
.hon-mfv__play{z-index:2;background:rgba(28,27,26,.42);border:1px solid rgba(228,207,168,.85);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .5s ease,background .5s ease,border-color .5s ease}
.hon-mfv__play:before{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -6px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #E4CFA8}
.hon-mfv__play:after{left:auto;top:auto;inset:-9px;width:auto;height:auto;margin:0;border-style:solid;border-width:1px;border-radius:50%;border-color:rgba(228,207,168,.28);background:transparent}
.hon-mfv:hover .hon-mfv__play,.hon-mfv:focus-visible .hon-mfv__play{transform:scale(1.06);background:rgba(196,160,106,.30);border-color:#E4CFA8}
.hon-mfv__mark,.hon-mfv__hint{z-index:2}
.hon-mfv.is-on{aspect-ratio:16/9;height:auto;min-height:0;overflow:hidden;background:#000}
.hon-mfv__stage{position:absolute;inset:0;overflow:hidden;background:#000}
.hon-mfv.is-on iframe,.hon-mfv .hon-mfv__frame{position:absolute;top:0;left:0;inset:auto;width:1300px!important;height:720px!important;max-width:none!important;max-height:none!important;border:0;transform-origin:0 0;background:#000}
.hon-mfv__bar{position:absolute;left:10px;bottom:10px;z-index:6;display:flex;gap:6px;pointer-events:auto}
.hon-mfv__bar button{font:500 10px/1.2 "Noto Sans JP",sans-serif;letter-spacing:.08em;color:#F7F3EC;background:rgba(28,27,26,.78);border:1px solid rgba(228,207,168,.55);padding:6px 10px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hon-mfv__bar button:hover{background:rgba(196,160,106,.35);border-color:#E4CFA8}
.hon-mfv:fullscreen,.hon-mfv:-webkit-full-screen{width:100%;height:100%;max-width:none;aspect-ratio:auto;background:#111;border:0}
.hon-mfv:fullscreen .hon-mfv__bar,.hon-mfv:-webkit-full-screen .hon-mfv__bar{left:16px;bottom:16px}
.hon-mfv:fullscreen .hon-mfv__bar button,.hon-mfv:-webkit-full-screen .hon-mfv__bar button{font-size:12px;padding:8px 14px}
}