#popup_wrapper { position: fixed; z-index: 970; top: 0; left: 0; display: none; width: 100%; min-width: 320px; height: 100%; min-height: 100%; padding: 20px 0; box-sizing: border-box; text-align: center; }
#popup_overlay { position: fixed; z-index: 980; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background-color: #000000; }
.popup_sensor { position: fixed; z-index: 990; top: 0; width: 50%; height: 100%; min-height: 100%; cursor: pointer; }
#popup_sensor_prev { left: 0; }
#popup_sensor_next { right: 0; }
#popup_container { position: relative; z-index: 995; display: inline-block; max-width: 90%; height: 100%; margin: 0 auto; }
#popup_content { position: relative; width: inherit; height: inherit; margin: 0 auto; text-align: center; }
#popup_content img { display: block; max-width: 100%; max-height: 100%; }
.popup_button { position: absolute; z-index: 999; display: block; width: 40px; height: 40px; background: url(/src/img/carousel/sp-carousel-popup-nav.png) 0 0 no-repeat; }
#popup_close { top: -10px; right: -10px; background-position: -120px 0; }
#popup_slider_prev { top: 40%; left: 0; background-position: 0 0; }
#popup_slider_next { top: 40%; right: 0; background-position: -40px 0; }
.popup_trigger { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border-radius: 0 0 0 3px; cursor: pointer; }

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 768px) {
    .popup_button { display: block; }
    #popup_close { right: -40px; }
}

@media screen and (min-width: 992px) {
    .popup_button { display: none; }
    .popup_sensor:hover .popup_button { display: block; }
    #popup_close { display: block; }
}