.popup{position: relative; z-index: 10001; display: none;}

.dim{
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.5; background-color: rgb(0, 0, 0);
}

.popup_box{
    position: fixed; display: inline-block; width: 90%; max-width: 360px; height: 490px;
    background-color: #fff; z-index: 1;
    top: 50%; left: 50%; transform: translate(-50%,-50%);
    border-radius: 25px; box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.popup_close{
    position: fixed; display: inline-block; width: 26px; height: 26px;
    border-radius: 50%; background-color: #90b1f3;
    top: 15px; right: 15px;
}
.popup_close>img{margin: 7px auto 0; width: 12px; }

.popup_content{position: relative;}
.popup_content>img{
    position: absolute; width: 280px;
    top: -80px; left: calc(50% - 140px);
}

.dayclose{position: fixed; bottom: 20px; width: 100%;}

@media (max-width: 345px) {
    .popup_box{height: 420px;}
    .popup_content>img{width: 240px; top: -70px; left: calc(50% - 120px);}
    .dayclose{bottom: 15px;}
}