@charset "utf-8";

#popup .popup_content {position: absolute; top: 8.4vw; left: 10px; z-index: 100; max-width: 70vw; display: flex; flex-wrap: wrap; align-items: flex-start;}
#popup .pop_img {flex: 1 1 calc(100% /3); max-width: calc(100% / 3); position: relative;}
#popup .pop_img.two_popup {flex: 1 1 calc(100% / 2); max-width: calc(100% / 2);}
#popup .pop_img.last_popup {flex: 1 1 100%; max-width: 100%;}
#popup .pop_img a {position: relative;}
#popup .pop_img img {width: 100%; height: 100%;}

#popup .btn_wrap {position: absolute; top: 0; right: 0; width: 2vw; height: 2vw; background-color: rgba(0, 0, 0, .3);}
#popup .btn_wrap .btn_dont_show {display: none !important;}
#popup .btn_wrap .btn_close {background: url('../img/x_close.svg') no-repeat center center; border: 0; width: 1vw; height: 1vw; font-size: 0; cursor: pointer; margin: 0.5vw;}

.popup_con a.nolink {cursor: default;}