@charset "utf-8";

@import url("base.css");

/***************************************************************************
 *
 * CAFE STYLE
 *
 ***************************************************************************/
#main .wrapTitleMain {
    width: 180px;
    top: 49.7%;
}

.areaIntroduce .restaurantTitle {
    font-size: 16px;
    margin-bottom: 46px;
}

.areaInfoHotel {
    margin-bottom: 125px;
}

.areaInfoHotel .numberTypePlace {
    margin-bottom: 109px;
}

.contentHotel {
    padding-bottom: 29px;
}

.hotelInfo {
    padding-bottom: 119px;
}

.contentHotel .wrapDetail .areaBtn {
    margin-top: 14px;
}

.contentHotel .wrapDetail .areaBtn a {
    background-color: #fff;
}
.contentHotel .attention .listAttention {
    margin-top: 40px;
}

.contentHotel .wrapInfo .boxInfoHotel .txtTime {
    padding-left: 11px;
    margin-top: 51px;
}

@media (min-width:769px) {

    .wrapDetail .areaBtn a:hover {
        background-color: #42352D;
    }
}

@media (max-width: 768px) {
    #main .wrapTitleMain {
        width: 147px;
        top: 52%;
    }

    .areaInfoHotel {
        margin-bottom: 71px;
    }

    .contentHotel {
        padding-bottom: 0;
    }

    .contentHotel.hotelInfo {
        padding-bottom: 0;
    }

    .areaInfoHotel .numberTypePlace {
        margin-bottom: 47px;
    }

    .contentHotel .wrapDetail .areaBtn {
        margin-top: 12px;
    }
    .contentHotel .wrapDetail .areaBtn a {
        width: 100%;
        max-width: 222px;
        font-size: 14px;
        padding: 11px 9px;
    }
    .contentHotel .wrapDetail .areaBtn a .text {
        padding: 0 34px;
    }
}