.gazou{ position: absolute; } .popup{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; opacity: 0; visibility: visible; } .popup.is-show{ opacity:1; visibility: visible; } .popup-inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; max-width: 600px; padding: 50px; background-color: #fff; } .popup.show-obj { position: absolute; width: 5px; height: 5px; z-index: 9999; } .popup-inner img { width: 100%; } .close.close-btn { position: absolute; right: 0; top: 0; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; font-size: 20px; font-weight: bold; } .show-obj{ z-index: 9999; } }