:root {
    --site-shell-max: 1300px;
    --site-shell-max-wide: 1300px;
    --site-shell-gutter: 18px;
    --site-layout-gap: 24px;
    --site-layout-sidebar: 360px;
}

.site-shell,
.site-container,
.site-section__inner {
    width: min(var(--site-shell-max), calc(100% - (var(--site-shell-gutter) * 2)));
    max-width: var(--site-shell-max);
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

.site-shell--wide,
.site-container--wide {
    width: min(var(--site-shell-max-wide), calc(100% - (var(--site-shell-gutter) * 2)));
    max-width: var(--site-shell-max-wide);
}

.site-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--site-layout-sidebar);
    gap: var(--site-layout-gap);
    align-items: start;
    min-width: 0;
}

.site-layout--reverse {
    grid-template-columns: var(--site-layout-sidebar) minmax(0, 1fr);
}

.site-layout--single {
    grid-template-columns: minmax(0, 1fr);
}

.site-layout__main,
.site-layout__sidebar {
    min-width: 0;
}

@media (min-width: 992px) {
    .container {
        width: calc(100% - (var(--site-shell-gutter) * 2));
        max-width: var(--site-shell-max);
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: var(--site-shell-max-wide);
    }
}

.row_pc {
    max-width: 100%;
}

.visible-480 {
    display: none;
}

@media (max-width: 480px) {
    .col-480-12 {
        width: 100% !important;
    }

    .col-480-6 {
        width: 50% !important;
    }

    .hidden-480 {
        display: none !important;
    }

    .visible-480 {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .col-d8 {
        width: 62%;
    }

    .col-d4 {
        width: 38%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bus_cat_link {
        width: 180px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bus_cat_link {
        width: 220px;
    }
}

@media (min-width: 1200px) {
    .bus_cat_link {
        width: 300px;
    }

    .col-lg-687 {
        width: 68.7%;
    }

    .col-lg-313 {
        width: 31.3%;
    }

    .col-lg-522 {
        width: 52.2%;
    }

    .col-lg-478 {
        width: 47.8%;
    }

    .col-lg-430 {
        width: 43%;
    }

    .col-lg-570 {
        width: 57%;
    }

    .col-lg-256 {
        width: 25.6%;
    }

    .col-lg-744 {
        width: 74.4%;
    }

    .col-lg-670 {
        width: 67%;
    }

    .col-lg-330 {
        width: 33%;
    }

    .form_input_book_bus {
        padding: 0;
    }
}

#site-content {
    overflow: hidden;
}

.hero-slide-widget__slide-copy-inner {
    width: min(var(--site-shell-max-wide), calc(100% - 36px));
}

@media (max-width: 991px) {
    :root {
        --site-shell-gutter: 12px;
        --site-layout-gap: 18px;
    }

    .site-layout,
    .site-layout--reverse {
        grid-template-columns: minmax(0, 1fr);
    }
}
