@charset "utf-8";
.modal-content {
    width: 600px;
    background: none;
}
.modal .close {
    background-image: url(../images/0126/popup_close_btn.png);
    top: 30px;
    right: 30px;
    width: 80px;
    height: 80px;
}
#chocolate_event{
    background-image: url(../images/0126/chocolate_event_back.png);
    background-size: cover;
    background-position: top center;
}
.chocolate_event_area {
    padding: 0 25px 20px;
}
.chocolate_event01,.chocolate_event_artist,.chocolate_event02{
	margin-bottom:20px;
}

#special_gift{
    background-image: url(../images/0126/special_gift_back.png);
    background-size: cover;
    background-position: top center;
}
.special_gift_area{
    padding: 0 15px 20px;
}
.event_txt{
	padding: 0 10px;
}
.event_txt02{
	margin-top: -15px;
    padding: 0 30px 10px;
}

@media screen and (max-width: 599px) {
    .modal .close {
        top: 25px;
        right: 25px;
        width: 50px;
        height: 50px;
    }
    .chocolate_event_area {
    padding: 0 15px 10px;
}
.special_gift_area {
    padding: 0 5px 20px;
}
.event_txt {
    margin-top: -5px;
    padding: 0;
}
.event_txt02 {
	margin-top: -20px;
	padding: 0 15px;
}

@media screen and (max-width: 400px) {
    .modal .close {
        top: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }
}