@charset "utf-8";

@import url("base.css");

/***************************************************************************
 *
 * CAFE STYLE
 *
 ***************************************************************************/
#main .wrapTitleMain .titleMain {
    font-size: 22px;
    letter-spacing: 5.4px;
}

#main .wrapTitleMain {
    text-transform: initial;
}

.areaFloor {
    padding-top: 59px;
}

.areaFloor .titleFloor {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 124px;
}

.areaFloor .wrapFloor {}

.areaFloor .wrapFloor .restaurantTab {
    padding: 58px 0 297px;
}

.areaFloor .wrapFloor .restaurantTab .floorPhoto {
    text-align: center;
    margin-bottom: 138px;
}
.areaFloor .wrapFloor .restaurantTab .floorPhoto img{
    max-width: 750px
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo {
    align-items: flex-start;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo+.wrapInfo {
    margin-top: 55px;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo:nth-child(even) {
    flex-direction: inherit;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel {
    padding-top: 10px;
    padding-left: 12px;
}

.areaFloor .wrapFloor .restaurantTab .boxInfoHotel .titleInfoHotel {
    font-size: 26px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 34px;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel .txtInfoHotel {
    line-height: 1.71;
    margin-bottom: 36px;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel .listHighlights {
    padding-left: 11px;
}

.areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel .listHighlights li {
    margin-bottom: 3px;
}

#footer {
    margin-top: 0;
}

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

    #main .wrapTitleMain .titleMain {
        font-size: 14px;
        letter-spacing: 3.4px;
    }

    .areaFloor {
        padding-top: 14px;
    }

    .areaFloor .titleFloor {
        font-size: 14px;
        margin-bottom: 72px;
    }

    .listTab {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 13px;
    }

    .listTab li {
        width: 49%;
        margin: 0 0 10px 0;
        padding: 0;
    }

    .listTab li a {
        font-size: 12px;
        padding: 6px 0 5px;
    }

    .areaFloor .wrapFloor .restaurantTab {
        padding: 25px 0 65px;
    }

    .listTab li.active:before {
        display: none;
    }

    .areaFloor .wrapFloor .inner {
        padding: 0;
    }

    .areaFloor .wrapFloor .restaurantTab .floorPhoto {
        margin-bottom: 7px;
    }
    .areaFloor .wrapFloor .restaurantTab .floorPhoto img{
        width: 90%;
        overflow: hidden;
    }

    .areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel {
        padding: 14px 9.4px 14px;
        margin-bottom: 1px;
    }

    .areaFloor .wrapFloor .restaurantTab .boxInfoHotel .titleInfoHotel {
        font-size: 16px;
        margin-bottom: 11px;
    }

    .areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel .txtInfoHotel {
        font-size: 14px;
        margin-bottom: 13px;
    }

    .areaFloor .wrapFloor .restaurantTab .wrapInfo .boxInfoHotel .listHighlights {
        padding-left: 4px;
    }

    .areaFloor .wrapFloor .restaurantTab .wrapInfo+.wrapInfo {
        margin-top: 33px;
    }
}