@charset "utf-8";
.m_popup{position:absolute; left:var(--popL); top:var(--popT); z-index:9999; background:#444; --popL:5px; --popT:5px; box-shadow:0px 1px 5px rgba(0,0,0,.5)}
.m_popup img{max-width: 100%;}
.m_popup .pop_con{font-size: 0px;}
.m_popup .pop_con img{width: 100%; }
.m_popup .pop_close{display: flex; justify-content: space-between; align-items: center; padding:7px 10px; background:#444; font-weight:600; color:#fff; font-size:14px; line-height: 100%; letter-spacing: 0px;}
.m_popup .pop_close a{color: #fff !important;}

.m_popup:nth-of-type(2){left:calc(var(--popL) * 2); top:calc(var(--popT) * 2);}
.m_popup:nth-of-type(3){left:calc(var(--popL) * 3); top:calc(var(--popT) * 3);}
.m_popup:nth-of-type(4){left:calc(var(--popL) * 4); top:calc(var(--popT) * 4);}
.m_popup:nth-of-type(5){left:calc(var(--popL) * 5); top:calc(var(--popT) * 5);}


/***************************************************************************************************************************/


@media all and (min-width:801px){
}

@media screen and (max-width:800px){
}