.div-notice {
    color: #ae7869;
}

.logo {
    padding-bottom: 10px;
    background-color: #ffffff;
}

header.fixed-top {
    /* top: 144px; */
}

header .top h1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

header .top .white-bottom {
    height: calc((309 / 1920) * 100vw);
    max-height: 174px;
    background-image: url("../images/notice/bg-notice-top.png");
}

.white-bottom {
    height: calc((174 / 1920) * 100vw);
    background-image: url("../images/notice/bg-notice-white.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

.pink-bottom {
    height: calc((174 / 1920) * 100vw);
    background-image: url("../images/notice/bg-notice-pink.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

.a-link {
    color: #ae7869;
    font-size: 20px;
}

.a-link.active {
    color: #fff;
    background-color: #ae7869;
}

.offcanvas-body .a-link.active {
    background-color: transparent;
}

.vr {
    align-self: center;
    opacity: 1;
    background-color: #ae7869;
}

.offcanvas {
    color: #ae7869;
}

#checkin {
    padding-top: 358px;
}

.heading-title {
    margin-bottom: 20px;
}

.card {
    color: #ae7869;
    border-color: #e4b891;
}

.card-group > .card .card-body:first-child {
    background-color: #f5f5f5;
    border-top-left-radius: 0.375rem;
}

.card-group > .card:last-child .card-body {
    border-top-right-radius: 0.375rem;
}

.card-body.border-bottom {
    border-bottom: 1px solid #e4b891!important;
}

.text-danger {
    color: #da603e;
}

.mt-40px {
    margin-top: 40px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-35px {
    margin-bottom: 35px;
}

.mb-60px {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    header.fixed-top {
        top: 0;
    }

    header .top h1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    #checkin {
        padding-top: 340px;
    }
    
    #airing,
    #payment,
    #discount,
    #abandon {
        margin-top: 100px;
    }
}