@import '/static/f/css/common-parts.css';

.common-hf * {
    box-sizing: content-box !important;
}
.common-hf .mod-header__link {
    color: #000 !important;
}
.common-hf a:hover {
    text-decoration: none !important;
}
.common-hf button, .common-hf input, .common-hf optgroup, .common-hf select, .common-hf textarea {
    box-sizing: border-box !important;
}

.common-hf .mobile-nav-close {
right: 0 !important;
left: auto !important;
position: fixed !important;
}
.mobile-nav-active {
height: 100% !important;
overflow: hidden !important;
}
@media screen and (max-width:1024px) {
.substitute-page-wrapper {
width: 100vw !important;
transition: margin-left .25s ease !important;
}
.foodcategory.substitute-page-wrapper.mobile-nav-active {
    position: fixed;
}
.substitute-page-wrapper.mobile-nav-active {
margin-left: 80% !important;
}
.mobile-nav-active .page-wrapper {
margin-left: 80% !important;
transition: margin-left .25s ease !important;
}
#food-contents .page-wrapper {
margin-left: 0 !important;
}
.mobile-nav-active .mod-header__upper {
border: 1px solid #eee !important;
margin-left: 80% !important;
border-top: 0
}
.mobile-nav-active .mod-header__lower {
left: 0 !important;
overflow-y: auto !important;
height: 100vh !important;
width: 80vw !important;
}

.common-hf .mod-footer-title {
color: #fff !important
}

.common-hf .mod-footer-link span{
color: inherit !important;
}
}

@media screen and (min-width: 1025px) {
    .common-hf .mod-header__dropdown-container {
        max-width: 1220px !important;
    }
}

.relocation_header {
    height: 150px !important;
}
@media screen and (max-width:1024px) {
    .relocation_header {
        height: 40px !important;
    }
}