#footer_access {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 0
}

#footer_access.stella {
    background-image: url(/_nuxt/img/access_stella.3f7d024.jpg)
}

#footer_access.lvl {
    background-image: url(../img/access_lvl.jpg) !important;
}

.footer_access_box {
    width: 500px;
    margin: 0 auto;
    background-color: hsla(0, 0%, 100%, .9);
    padding: 15px 0;
    color: #555
}

.footer_access_box>p.center {
    text-align: center;
    margin: 10px 0
}

.footer_access_box>p.left {
    padding: 0 70px
}

.footer_access_box img {
    max-width: 325px
}

.sns_link {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    text-align: center
}

.sns_link li {
    display: inline-block;
    padding: 0 5px
}

.conect_link {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.conect_link li {
    display: inline-block;
    padding: 0 3px
}

#sub_menu,
.conect_link li>a {
    color: #555
}

#sub_menu {
    width: 1000px;
    margin: 0 auto
}

.sub_menu_box {
    display: inline-block;
    position: relative
}

.sub_menu_box>h2 {
    text-align: center;
    letter-spacing: .1em;
    line-height: 1.6;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    margin: 0;
    padding: 10px 0;
    color: #555;
    font-weight: 400;
    font-size: 1.2em
}

.sub_menu_box>h2>h2.row_1 {
    padding: 24.4px 0
}

.sub_menu_box>a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.sub_menu_box>a:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

#pankuzu_box {
    width: 1000px;
    margin: 0 auto;
    color: #555
}

#pankuzu {
    margin: 0;
    padding: 0;
    list-style: none
}

#pankuzu li {
    display: inline-block
}

#pankuzu li>a {
    color: #555
}

#sitemap {
    display: table;
    width: 955px;
    margin: 20px auto
}

#sitemap>ul {
    list-style: none;
    display: table-cell;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
    border-left: 1px solid #dcdcdc;
    width: 21%
}

#sitemap>ul li>a {
    color: #555
}

#site_copy {
    margin-bottom: 0;
    background-color: #4d4d4d;
    text-align: center;
    padding: 5px 0;
    color: #f2f2f2
}

#site_copy.fixed {
    margin-bottom: 44px
}

#site_copy>a {
    color: #f2f2f2;
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #f2f2f2
}

.group {
    background-color: #f6f6f6
}

.group_box_main {
    width: 850px;
    margin: auto;
    padding: 15px 0 25px;
    display: flex;
    justify-content: space-between
}

.group_box {
    letter-spacing: .1em;
    color: #555;
    line-height: 1em
}

.group_box>p {
    font-size: 1.3em;
    margin: 5px 0;
    padding: 10px 0 20px
}

.group_link {
    display: flex;
    flex-wrap: wrap
}

.group_link dt {
    width: 150px
}

.group_link dt span {
    display: block;
    border-right: 1px solid #555
}

.group_link dd {
    width: 50%;
    margin: 0;
    padding: 0 0 20px 15px
}

.group_link dd a {
    color: #555
}

.group_link dd a img {
    width: 180px;
    padding: 10px 0
}

.group_link dd a.restaurant_link img {
    width: 100px
}

#bottom_menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #666;
    line-height: 1.6;
    z-index: 99;
    height: 50px
}

.bottom_menu {
    display: flex;
    max-width: 1000px;
    margin: auto;
    list-style: none;
    align-items: center;
    height: inherit
}

.bottom_menu li {
    position: relative;
    width: 33.3333333333%;
    height: inherit
}

.bottom_menu li.border {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

.bottom_menu li a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    letter-spacing: .15em;
    font-size: 1.1em
}

.bottom_menu li a.line {
    content: "";
    background-image: url(/_nuxt/img/line.cc947e3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%
}

.bottom_menu li a.icon:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    display: block;
    margin-right: .15em
}

.bottom_menu li a.icon.fair:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMy44OTUiIHZpZXdCb3g9IjAgMCAxNCAxMy44OTUiPjxkZWZzPjxzdHlsZT4uYSwuYntmaWxsOiNmZmY7fS5ie2ZpbGwtcnVsZTpldmVub2RkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMS4xMDUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTYsMTNhMi4yOTMsMi4yOTMsMCwwLDEtMi41LDJBMi4yOTMsMi4yOTMsMCwwLDEsMSwxM2EyLjI5NCwyLjI5NCwwLDAsMSwyLjUtMkEyLjI5NCwyLjI5NCwwLDAsMSw2LDEzWm05LTJhMi4yOTMsMi4yOTMsMCwwLDEtMi41LDJBMi4yOTMsMi4yOTMsMCwwLDEsMTAsMTFhMi4yOTMsMi4yOTMsMCwwLDEsMi41LTJBMi4yOTMsMi4yOTMsMCwwLDEsMTUsMTFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwNSkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE0LjAwNywxMVYyaDF2OVpNNiwzVjEzSDVWM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjAwOCAwLjAwMSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTUsMi45MDZhMSwxLDAsMCwxLC45LTFsOC4wMDYtLjhhMSwxLDAsMCwxLDEuMSwxVjNMNSw0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA4KSIvPjwvZz48L3N2Zz4=)
}

.bottom_menu li a.icon.reserve:before {
    background-image: url(/_nuxt/img/reserve_white.6b98444.svg)
}

.bottom_menu li a.icon.request:before {
    background-image: url(/_nuxt/img/request_white.0e3cd1a.svg)
}

.bottom_menu li a.icon.contact:before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyNy43cHgiIHZpZXdCb3g9IjAgMCAyNyAyNy43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNyAyNy43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTMuNSIgY3k9IjcuMSIgcj0iNy4xIi8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjcsMjcuN0gwYzAtNS41LDYtOS45LDEzLjUtOS45UzI3LDIyLjMsMjcsMjcuN3oiLz4KPC9nPgo8L3N2Zz4K)
}

@media screen and (max-width:768px) {
    #footer_access {
        margin: 0
    }

    #pankuzu_box,
    #sitemap {
        display: none
    }

    #bottom_menu {
        width: 100%
    }

    #bottom_menu li {
        letter-spacing: .1
    }

    #bottom_menu li a>img {
        padding-right: 5px;
        width: 20px
    }

    #bottom_menu.hidden {
        display: none
    }

    .bottom_menu {
        padding: 0
    }

    .bottom_menu li {
        position: relative;
        height: inherit;
        font-size: .85em
    }

    .bottom_menu li:not(:last-child) {
        height: 50%;
        box-sizing: border-box;
        padding: 5px
    }

    .bottom_menu li a {
        flex-wrap: wrap;
        font-size: .95em
    }

    .bottom_menu li a.line {
        background-image: url(/_nuxt/img/line_sp.9bfc346.svg)
    }

    .bottom_menu li a.icon:before {
        height: 1.2em;
        width: 50%;
        background-position: 50%;
        margin-right: unset;
        margin-bottom: 5px
    }

    div.footer_access_box {
        width: 90%
    }

    div.footer_access_box>p.left {
        padding: 0 25px
    }

    #sub_menu {
        width: 100%
    }

    div.sub_menu_box {
        width: 95%;
        margin: 10px auto;
        display: block
    }

    div.sub_menu_box>h2 {
        font-size: 1.2em
    }

    div.sub_menu_box>img {
        width: 100%
    }

    #site_copy>a {
        padding-right: 0;
        margin: auto 0 auto auto;
        border-right: none
    }

    #site_copy>a,
    br.sp_br {
        display: block
    }

    .group_box_main {
        width: 90%;
        display: block
    }

    .group_link dt {
        width: 110px
    }

    .group_link dd {
        width: 60%
    }
}