:root {--mmScrlOffset:0px;}
.mmWrap {--mmPad:3vw; position:fixed; left:0; top:0; z-index:10010; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; opacity:0; transition:.2s opacity; background:#111b; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mmWrap.-ready {opacity:1;}
.mmInner {position:relative; width:100%; max-height:100vh; padding:var(--mmPad); overflow:auto;}
.mmScreen {position:fixed; left:0; top:0; width:calc(100% - 17px); height:100%;}
.mmCntWrap {position:relative; width:fit-content; max-width:100%; margin-inline:auto;}
.mmCnt {position:relative; width:fit-content; max-width:100%; margin-inline:auto; padding:70px 70px 50px; background:#fff;}
.mmCnt > img:only-child {max-width:100%; max-height:calc(100vh - 8vw);}
.mmWrap[data-mm-type="iframe"] iframe {width:100vw; max-width:100%; height:calc(100vh - var(--mmPad) * 2);}
.mmWrap[data-mm-type="YouTube"] .mmCnt {width:100%; background:unset;}
.mmWrap[data-mm-type="YouTube"] iframe {width:100%; aspect-ratio:16/9;}
.mmCaption {position:relative; color:#fff;}
.mmCaption:not(:empty) {margin-top:1rem; text-align:center;}
.mmClose, .mmPrev, .mmNext {all:unset; position:absolute; overflow:hidden; white-space:nowrap; cursor:pointer; transition:.15s;}
.mmClose {/*right:calc(1.5vw + var(--mmScrlOffset));*/ display:flex; align-items:center; gap:0.5em; right:20px; top:20px; padding:10px; color:#4E4E4E; font-size:1.4rem; font-weight:bold; line-height:1;}
.mmClose:after {content:""; display:block; width:15px; height:15px; background:#4E4E4E; mask:url(../img/icon_close.svg) center center / contain no-repeat;}
.mmPrev, .mmNext {top:50%; width:24px; height:40px; text-indent:100%; background:#2872D1; mask:url(../img/icon_arrow.svg) center center / contain no-repeat; translate:0 -50%;}
.mmPrev {left:30px;}
.mmNext {/*right:calc(1.5vw + var(--mmScrlOffset));*/right:30px; rotate:180deg;}
@media only screen and (max-width: 768px){
	.mmCnt {padding:50px 40px;}
	.mmClose {right:5px; top:5px;}
	.mmPrev, .mmNext {width:18px; height:30px;}
	.mmPrev {left:10px;}
	.mmNext {right:10px;}
} /* */