<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#container {
    min-height: 1000px
}

:root {
    --primary-color: #ffca2a;
    --secondary-color: #31210c;
    --bg-yellow: rgba(255, 247, 207, .77)
}

#top {
    position: relative;
    padding-top: 36vw
}

#top::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4vw;
    width: 100%;
    background: var(--primary-color)
}

#top::before {
    content: "";
    position: absolute;
    height: 4vw;
    width: 100%;
    bottom: 0;
    right: -4vw;
    transform: translateY(4vw);
    border: 1px solid var(--secondary-color);
    border-top: rgba(0, 0, 0, 0)
}

#top h1 {
    z-index: 10;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    position: absolute;
    left: 0;
    bottom: 4vw;
    letter-spacing: .1em;
    padding: 0 4vw
}

#top .logo {
    position: absolute;
    z-index: 10;
    width: 45vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    padding: 0 10px 10px
}

#top .logo a:hover {
    opacity: 1 !important
}

#top #key {
    position: relative;
    height: 128vw
}

#top #belt {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 50px;
    background: #fff;
    z-index: 99999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
    height: 0;
    overflow: hidden;
    touch-action: auto !important;
    pointer-events: visible !important
}

#top #navigation {
    overflow-x: hidden;
    padding: 10vw 0 10vw;
    transition: .3s linear;
    position: relative;
    overflow: auto !important;
    height: 100%;
    touch-action: auto !important;
    pointer-events: visible !important;
    box-sizing: border-box
}

#top #navigation .wrap {
    height: 100%
}

#top #navigation .arr {
    position: relative;
    display: block
}

#top #navigation .arr::before {
    background: url("../img/shared/arr.png") no-repeat top center/100%;
    width: 2vw;
    height: 4vw;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10vw
}

#top #navigation .tog-nav {
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 2
}

#top #navigation .tog-nav li a {
    display: block;
    padding: 4vw 5vw;
    font-size: 5vw
}

#top #navigation .tog-nav li a.active,
#top #navigation .tog-nav li a:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

#top #navigation .tog-nav li a.active::before,
#top #navigation .tog-nav li a:hover::before {
    background: url("../img/shared/arr_w.png") no-repeat top center/100%
}

#top #navigation .cake {
    margin: 10vw 0 0;
    border: 1px solid var(--secondary-color);
    font-weight: 600;
    padding: 2vw 4vw;
    font-size: 4.3vw;
    letter-spacing: .02em
}

#top #navigation .cake a {
    display: flex;
    align-items: center
}

#top #navigation .cake .icon {
    width: 8vw;
    margin-right: 1vw
}

#top #navigation .tel-gr {
    margin: 2vw 0 0;
    padding: 4vw 6vw
}

#top #navigation .tel-gr .tel-main {
    font-size: 10vw
}

#top #navigation .tel-gr .tel-main .icon {
    width: 11vw
}

#top #navigation .tel-gr .tel-txt {
    font-size: 4vw;
    margin-top: 3vw
}

#top #navigation .tel-gr .tel2 .icon {
    width: 10vw
}

#top #navigation .btn-gr {
    margin-top: 5vw;
    padding-bottom: 5vw
}

#top #navigation .btn-gr li a {
    padding: 4vw 5vw;
    font-weight: bold;
    font-size: 5vw
}

.navOpen #top #belt {
    visibility: visible;
    opacity: 1;
    height: auto;
    touch-action: auto !important;
    pointer-events: visible !important
}

.navOpen #top #belt #navigation {
    overflow: auto !important;
    touch-action: auto !important;
    pointer-events: visible !important
}

.navOpen .ft_bnr_fixed {
    pointer-events: visible !important;
    touch-action: auto !important
}

.navOpen .ft_bnr_fixed * {
    touch-action: auto !important;
    pointer-events: visible !important
}

.navOpen .ft_bnr_fixed li:nth-child(3)::before {
    width: 100vw
}

.navOpen .ft_bnr_fixed li:nth-child(4) .hamburger .ham_off {
    opacity: 0
}

.navOpen .ft_bnr_fixed li:nth-child(4) .hamburger .ham_on {
    opacity: 1
}

.navOpen .ft_bnr_fixed li a {
    touch-action: auto !important;
    pointer-events: visible !important
}

#footer {
    color: #31210c
}

#footer .ft-top {
    padding: 20vw 0 15vw
}

#footer .ft-top .gr1 .logo {
    width: 60vw;
    margin: 0 auto
}

#footer .ft-top .gr1 .logo-txt {
    color: #522d0f;
    font-size: 5vw;
    letter-spacing: .02em;
    text-align: center;
    white-space: nowrap
}

#footer .ft-top .gr1 .tel-gr {
    margin: 10vw 0 0
}

#footer .ft-top .gr2 {
    margin-top: 15vw
}

#footer .ft-top .gr2 .ft-map .top {
    font-size: 4.5vw;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

#footer .ft-top .gr2 .ft-map .map-txt {
    text-align: center
}

#footer .ft-top .gr2 .ft-map .txt-top {
    display: block;
    position: relative;
    left: 50vw;
    transform: translateX(-50%)
}

#footer .ft-top .gr2 .ft-map .map-icon {
    font-weight: 600;
    margin-top: 2vw;
    display: block;
    margin-left: 3vw
}

#footer .ft-top .gr2 .ft-map .map-icon img {
    width: 5vw;
    margin-right: 2px;
    height: auto
}

#footer .ft-top .gr2 .ft-map .map-photo {
    margin-top: 5vw
}

#footer .ft-top .gr2 .info {
    margin-top: 10vw
}

#footer .ft-top .gr2 .info dl {
    letter-spacing: .06em
}

#footer .ft-top .gr2 .info dl:not(:last-child) {
    margin-bottom: 6vw
}

#footer .ft-top .gr2 .info dl dt {
    font-weight: 600
}

#footer .ft-top .gr2 .info dl dd {
    margin-left: 20px
}

#footer .ft-top .gr3 {
    margin: 15vw auto 0;
    width: 60vw
}

#footer .ft-top .btn-gr {
    margin-top: 10vw
}

#footer .ft-top .btn-gr li:not(:last-child) {
    margin-bottom: 2vw
}

#footer .ft-top .btn-gr li a {
    background-color: var(--secondary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4vw 5vw;
    text-align: center;
    line-height: 1.8
}

#footer .ft-top .btn-gr .icon {
    width: 20px;
    margin-right: 5px
}

#footer .ft-bottom {
    background: #fff9da;
    padding: 15vw 0
}

#footer .ft-bottom .ft-nav li {
    display: flex;
    justify-content: space-between
}

#footer .ft-bottom .ft-nav li a {
    max-width: 144px;
    width: 100%;
    position: relative;
    padding-left: 10px
}

#footer .ft-bottom .ft-nav li a::before {
    content: "";
    background: currentColor;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

#footer .ft-bottom .socialbuttons {
    margin-top: 5vw
}

#footer .ft-bottom .cookies_link {
    text-align: center;
    text-decoration: underline
}

#pagetop {
    width: 18vw;
    position: fixed;
    bottom: 36vw;
    right: 4vw
}

.ft_bnr_fixed {
    height: 50px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    transition: .3s opacity linear;
    z-index: 999;
    background: #fff;
    align-items: center;
    justify-content: space-between;
    visibility: visible;
    opacity: 1;
    transition: .3s;
    padding: 0 4vw;
    z-index: 9999999999;
    transition: .3s;
    border-top: 1px solid var(--secondary-color)
}

.ft_bnr_fixed li {
    padding: 5px 0;
    box-sizing: border-box;
    height: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1;
    text-transform: uppercase
}

.ft_bnr_fixed li img {
    height: 35px;
    width: auto
}

.ft_bnr_fixed li:nth-child(1),
.ft_bnr_fixed li:nth-child(2) {
    width: 20%
}

.ft_bnr_fixed li:nth-child(3) {
    background-color: var(--secondary-color);
    width: 40%;
    position: relative
}

.ft_bnr_fixed li:nth-child(3)::before {
    background: var(--secondary-color);
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    content: "";
    z-index: -1;
    transition: .3s
}

.ft_bnr_fixed li:nth-child(4) {
    width: 20%;
    position: relative;
    z-index: 9999999
}

.ft_bnr_fixed li:nth-child(4) .hamburger {
    height: 24px;
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    box-sizing: border-box
}

.ft_bnr_fixed li:nth-child(4) .hamburger img {
    height: 100%;
    width: auto
}

.ft_bnr_fixed li:nth-child(4) .hamburger .ham_on {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    opacity: 0
}

.remodal-is-opened {
    z-index: 99999999999
}

#popup {
    text-align: left;
    padding: 20vw 4% 20vw;
    letter-spacing: .1em;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff
}

#popup h2 {
    text-align: center;
    display: inline-block;
    position: relative
}

#popup .txt {
    margin-top: 4vw;
    color: #5b5348
}

#popup .txt2 {
    margin-top: 5vw;
    text-align: left;
    color: #5b5348
}

#popup .list {
    margin-top: 5vw
}

#popup .list li {
    text-align: left;
    padding: 1vw 15px;
    position: relative;
    font-weight: 600
}

#popup .list li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: var(--primary-color)
}

.btn-shared a {
    position: relative;
    padding: 4vw 5vw;
    line-height: 1.8;
    letter-spacing: .16em;
    font-size: 5vw;
    border: 1px solid rgba(0, 0, 0, 0);
    border-bottom-color: currentColor;
    border-right-color: rgba(0, 0, 0, 0) !important;
    font-weight: 600;
    display: block;
    text-align: center;
    color: #31210c
}

.btn-shared a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    border-width: 1.8vw 3vw 0 3vw;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentColor;
    border-style: solid;
    transform: translateX(calc(50% + 2px))
}

.btn-shared a::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 1px;
    height: 75%;
    background-color: currentColor;
    opacity: 0
}

.btn-shared.btn-round a {
    border-color: currentColor
}

.btn-shared.btn-round a::after {
    opacity: 1
}

.btn-shared2 a {
    position: relative;
    padding: 4vw 5vw;
    line-height: 1.8;
    letter-spacing: .1em;
    font-size: 4vw;
    border: 1px solid rgba(0, 0, 0, 0);
    background: var(--secondary-color);
    text-align: center;
    display: block;
    color: #fff
}

.btn-shared2 a::before {
    content: "";
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5vw
}

.btn-shared2 a::after {
    content: "";
    background: url("../img/shared/arr2.png") no-repeat top center/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5vw;
    width: 9vw;
    height: 2vw
}

.btn-shared2.cart a::before {
    background: url("../img/shared/icon_cart.png") no-repeat top center/100%;
    width: 8vw;
    height: 9vw
}

.tel-gr {
    border: 1px solid var(--secondary-color);
    box-sizing: border-box;
    padding: 4vw 9vw
}

.tel-gr .tel-ttl {
    text-align: center;
    font-size: 5vw;
    line-height: 1.2;
    font-weight: 600
}

.tel-gr .tel-main {
    font-size: 10vw;
    white-space: nowrap;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 1.2
}

.tel-gr .tel-main a {
    display: flex;
    align-items: center
}

.tel-gr .tel-main .icon {
    width: 12vw
}

.tel-gr .tel1 {
    margin-top: 2vw
}

.tel-gr .icon {
    margin-right: 1vw
}

.tel-gr .tel-txt {
    font-size: 5vw;
    letter-spacing: .1em
}

.tel-gr .tel2 .icon {
    width: 10vw
}

.slick-dots button {
    background: #5b5348;
    width: 3vw;
    height: 3vw
}

.slick-dots .slick-active button {
    background: var(--primary-color)
}

.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.row .col {
    width: 100%
}

.ttl-deco1 {
    position: relative;
    font-size: 5vw;
    letter-spacing: .08em;
    font-weight: 400;
    margin-left: 6vw
}

.ttl-deco1::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 101%;
    width: 5vw;
    height: 1.5vw;
    background-color: currentColor
}

.ttl-deco2 {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%)
}

.ttl-deco2::before {
    content: "";
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 1000vw;
    height: 1px
}

.img-deco {
    display: inline-block;
    position: relative
}

.img-deco::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--bg-yellow);
    right: -5vw;
    bottom: -5vw
}

@media(max-width: 999px) {
    #popup {
        font-size: 13px
    }
}

@media(min-width: 1000px) {
    .ft_bnr_fixed {
        display: none !important
    }

    #top {
        position: relative;
        padding: 150px 0 0 0
    }

    #top::before {
        height: 20px;
        width: 100%;
        bottom: 0;
        right: -92px;
        transform: translateY(20px)
    }

    #top::after {
        top: 5px;
        left: 1px;
        height: calc(100% + 60px);
        width: 10px;
        background: var(--primary-color)
    }

    #top h1 {
        font-size: 14px;
        left: 89px;
        bottom: 15px;
        padding: 0
    }

    #top .logo {
        width: 215px;
        top: 62px;
        left: 0;
        transform: none;
        padding: 10px 10px 10px 0;
        z-index: 3
    }

    #top .logo img {
        width: 100%;
        height: auto
    }

    #top .logo a:hover {
        opacity: 1 !important
    }

    #top #key {
        height: 650px;
        margin-left: 68px
    }

    #top #key .slide-fade {
        width: 100%;
        height: 100%
    }

    #top #key .slide-fade li {
        width: 100%;
        height: 100%
    }

    #top #belt {
        bottom: unset;
        height: auto
    }

    #top #navigation {
        padding: 0;
        overflow: hidden;
        border-bottom: 1px solid currentColor;
        height: 80px;
        box-sizing: border-box;
        padding: 10px 0 0
    }

    #top #navigation .wrap {
        display: flex;
        align-items: center;
        max-width: 1007px
    }

    #top #navigation .arr::before {
        display: none
    }

    #top #navigation .tog-nav {
        line-height: 30px;
        display: flex;
        white-space: nowrap;
        margin-right: 20px
    }

    #top #navigation .tog-nav li:not(:last-child) {
        margin-right: 26px
    }

    #top #navigation .tog-nav li a {
        padding: 0;
        font-size: 16px;
        position: relative
    }

    #top #navigation .tog-nav li a::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -22px;
        transform: translateX(-50%);
        width: 100%;
        height: 6px;
        display: block;
        background-color: var(--primary-color);
        opacity: 0;
        transition: opacity .3s
    }

    #top #navigation .tog-nav li a.active,
    #top #navigation .tog-nav li a:hover {
        color: currentColor;
        background-color: rgba(0, 0, 0, 0)
    }

    #top #navigation .tog-nav li a.active:hover::after,
    #top #navigation .tog-nav li a.active.active::after,
    #top #navigation .tog-nav li a:hover:hover::after,
    #top #navigation .tog-nav li a:hover.active::after {
        opacity: 1
    }

    #top #navigation .map {
        font-size: 13px;
        letter-spacing: .1em;
        margin-right: 25px
    }

    #top #navigation .map .icon {
        width: 22px;
        height: auto;
        display: block;
        margin: 0 auto;
        position: relative;
        top: 5px
    }

    #top #navigation .tel-gr {
        margin: 0;
        border: none;
        line-height: 30px;
        padding: 0
    }

    #top #navigation .tel-gr .tel-ttl {
        font-size: 14px;
        letter-spacing: .04em
    }

    #top #navigation .tel-gr .tel-main {
        font-size: 24px;
        letter-spacing: 0;
        margin: 0
    }

    #top #navigation .tel-gr .tel-main .icon {
        width: 27px;
        height: auto;
        margin-right: 4px
    }

    #top #navigation .tel-gr .tel-main.tel2 {
        display: none
    }

    #top #navigation .btn-gr {
        margin-top: 5vw
    }

    #top #navigation .btn-gr li a {
        padding: 4vw 5vw;
        font-weight: bold;
        font-size: 5vw
    }

    #top .hd-btn-list {
        position: absolute;
        top: 151px;
        right: 0
    }

    #top .hd-btn-list li a {
        width: 120px;
        height: 129px;
        display: block;
        text-align: center
    }

    #top .hd-btn-list li a .icon {
        width: 28px;
        height: auto;
        display: block;
        margin: 0 auto 0;
        padding: 28px 0 5px
    }

    #top .hd-btn-list .btn-online a {
        background: var(--secondary-color);
        color: #fff;
        text-align: center;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: .16em
    }

    #top .hd-btn-list .btn-online a .icon {
        display: block;
        text-align: center
    }

    #top .hd-btn-list .btn-cake {
        background-color: #fff;
        text-align: center;
        font-size: 400px;
        letter-spacing: .02em;
        font-size: 12px;
        line-height: 22px
    }

    #top .hd-btn-list .btn-cake .icon {
        width: 32px
    }

    #top .top-nav {
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

    #top .top-nav .top {
        display: flex;
        align-items: flex-end
    }

    #top .top-nav .map {
        text-align: center;
        font-size: 13px;
        letter-spacing: .1em;
        position: relative;
        top: -3px;
        line-height: 1
    }

    #top .top-nav .map .icon {
        display: block;
        width: 22px;
        height: auto;
        margin: 0 auto
    }

    #top .top-nav .tel-ttl {
        font-size: 14px;
        text-align: center;
        line-height: 16px
    }

    #top .top-nav .tel1 {
        border-left: 1px solid #c8c6c3;
        padding: 21px 16px 0;
        margin-left: 13px
    }

    #top .top-nav .tel1 .icon {
        width: 28px;
        margin-right: 6px;
        height: auto
    }

    #top .top-nav .tel-main {
        font-size: 24px;
        letter-spacing: 0;
        display: flex;
        align-items: center;
        font-weight: 600;
        line-height: 30px
    }

    #top .top-nav .tel2 {
        border-left: 1px solid #c8c6c3;
        border-right: 1px solid #c8c6c3;
        padding: 21px 14px 0
    }

    #top .top-nav .tel2 .icon {
        height: auto;
        width: 22px;
        margin-right: 9px
    }

    #top .top-nav .btn-list {
        margin-left: 20px;
        position: relative;
        top: 5px
    }

    #top .top-nav .btn-list li {
        position: relative;
        padding-left: 15px;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: .1em
    }

    #top .top-nav .btn-list li::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 6px;
        height: 6px;
        background: currentColor
    }

    #top .top-nav .top-btn {
        margin-left: 7px;
        margin-right: 22px
    }

    #top .top-nav .top-btn a {
        display: inline-block;
        position: relative;
        padding: 6px 14px 6px 28px;
        border: 1px solid currentColor;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: .16em
    }

    #top .top-nav .top-btn a::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: url("../img/shared/arr.png") no-repeat top center/100%;
        width: 6px;
        height: 12px;
        left: 14px
    }

    #top .top-nav .bottom {
        margin-top: 27px;
        padding-right: 20px
    }

    #top .top-nav .bottom .nav {
        display: flex;
        justify-content: flex-end
    }

    #top .top-nav .bottom .nav li:not(:last-child) {
        margin-right: 31px
    }

    #top .top-nav .bottom .nav li a {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: .1em;
        font-weight: 600;
        position: relative
    }

    #top .top-nav .bottom .nav li a::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -4px;
        width: 109%;
        height: 1px;
        background-color: currentColor;
        opacity: 0;
        transition: opacity .3s
    }

    #top .top-nav .bottom .nav li a:hover::before,
    #top .top-nav .bottom .nav li a.active::before {
        opacity: 1
    }

    .has-nav #top #belt {
        visibility: visible;
        opacity: 1
    }

    #footer .ft-main {
        display: flex
    }

    #footer .wrap {
        max-width: 1040px;
        padding: 0 20px;
        box-sizing: border-box
    }

    #footer .ft-top {
        padding: 50px 0 40px
    }

    #footer .ft-top .gr1 {
        width: calc(30% + 25px)
    }

    #footer .ft-top .gr1 .logo {
        width: 219px;
        margin: 0 auto
    }

    #footer .ft-top .gr1 .logo img {
        width: 100%;
        height: auto
    }

    #footer .ft-top .gr1 .logo-txt {
        font-size: 18px;
        letter-spacing: .06em;
        margin: 10px 0 0 0
    }

    #footer .ft-top .gr1 .tel-gr {
        margin: 28px 0 0
    }

    #footer .ft-top .gr2 {
        padding: 0 46px 0 38px;
        margin: 0
    }

    #footer .ft-top .gr2 .ft-map {
        display: flex
    }

    #footer .ft-top .gr2 .ft-map .top {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: -15px;
        white-space: nowrap;
        line-height: 28px
    }

    #footer .ft-top .gr2 .ft-map .map-txt {
        text-align: center
    }

    #footer .ft-top .gr2 .ft-map .txt-top {
        left: 0;
        transform: none
    }

    #footer .ft-top .gr2 .ft-map .map-icon {
        display: block;
        margin: 0;
        font-weight: bold
    }

    #footer .ft-top .gr2 .ft-map .map-icon img {
        width: 16px;
        margin-right: 2px;
        height: auto
    }

    #footer .ft-top .gr2 .ft-map .map-photo {
        margin-top: 0;
        width: 241px
    }

    #footer .ft-top .gr2 .ft-map .map-photo img {
        width: 100%;
        height: auto
    }

    #footer .ft-top .gr2 .info {
        margin: 19px 0 0 -2px
    }

    #footer .ft-top .gr2 .info dl {
        line-height: 28px;
        display: flex
    }

    #footer .ft-top .gr2 .info dl:not(:last-child) {
        margin-bottom: 0px
    }

    #footer .ft-top .gr2 .info dl dt {
        min-width: 85px;
        font-weight: 400
    }

    #footer .ft-top .gr2 .info dl dd {
        margin-left: 0
    }

    #footer .ft-top .gr3 {
        margin: 0;
        width: auto;
        margin-top: -10px
    }

    #footer .ft-top .gr3 .photo {
        width: 180px
    }

    #footer .ft-top .gr3 img {
        width: 100%;
        height: auto
    }

    #footer .ft-top .btn-gr {
        margin-top: 34px;
        display: flex;
        justify-content: space-between
    }

    #footer .ft-top .btn-gr li {
        width: calc(25% - 5.25px);
        max-width: 100%;
        letter-spacing: .16em
    }

    #footer .ft-top .btn-gr li:not(:last-child) {
        margin-bottom: 0
    }

    #footer .ft-top .btn-gr li a {
        padding: 15px 10px;
        line-height: 30px
    }

    #footer .ft-top .btn-gr .icon {
        width: 28px;
        height: auto;
        margin: 0
    }

    #footer .ft-bottom {
        background: #fff9da;
        padding: 30px 0 30px
    }

    #footer .ft-bottom .ft-nav {
        display: flex;
        padding: 0 31px
    }

    #footer .ft-bottom .ft-nav li {
        justify-content: flex-start
    }

    #footer .ft-bottom .ft-nav li a {
        width: auto;
        line-height: 1;
        padding: 0 28px;
        white-space: nowrap
    }

    #footer .ft-bottom .ft-nav li a::before {
        content: "";
        background: currentColor;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: unset;
        right: 0
    }

    #footer .ft-bottom .ft-nav li:last-child a:last-child:before {
        display: none
    }

    #footer .ft-bottom .socialbuttons {
        margin-top: 8px
    }

    #footer .ft-bottom address {
        margin-top: -9px;
        font-size: 13px;
        line-height: 23px
    }

    #footer .ft-bottom .cookies_link {
        text-align: center;
        text-decoration: underline
    }

    #footer .ft-bottom .cookies_link:hover {
        text-decoration: none
    }

    #pagetop {
        width: 79px;
        bottom: 100px;
        right: 100px
    }

    #pagetop img {
        width: 100%;
        height: auto
    }

    .has-nav .btn-fixed-gr {
        opacity: 1;
        visibility: visible
    }

    .remodal-is-opened {
        z-index: 99999
    }

    .remodal-close {
        top: 50px;
        right: calc(50% - 476px)
    }

    #popup {
        padding: 76px 100px 94px;
        text-align: center;
        max-width: 1000px;
        margin: 0 auto
    }

    #popup .txt {
        margin-top: 33px;
        color: #5b5348
    }

    #popup .txt2 {
        margin-top: 12px;
        text-align: center
    }

    #popup .list {
        max-width: 700px;
        margin: 17px auto 0;
        display: flex;
        justify-content: center;
        padding-left: 12px
    }

    #popup .list ul:not(:last-child) {
        margin-right: 40px
    }

    #popup .list li {
        padding: 1px 14px
    }

    #popup .list li::before {
        width: 5px;
        height: 5px
    }

    .btn-shared a {
        padding: 16px 30px 19px 30px;
        line-height: 30px;
        letter-spacing: .16em;
        font-size: 18px;
        display: inline-block;
        min-width: 285px;
        text-indent: -11px
    }

    .btn-shared a::before {
        right: 0;
        border-width: 9px 15px 0 15px;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) currentColor;
        border-style: solid;
        transform: translateX(calc(50% + 2px))
    }

    .btn-shared a::after {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        width: 1px;
        height: 67%;
        background-color: currentColor
    }

    .btn-shared.btn-round a {
        border-color: currentColor
    }

    .tel-gr {
        padding: 19px 31px
    }

    .tel-gr .tel-ttl {
        font-size: 18.3px;
        letter-spacing: .1em;
        line-height: 21.5px
    }

    .tel-gr .tel-main {
        font-size: 33.88px;
        line-height: 43px;
        margin-top: 5px
    }

    .tel-gr .tel-main .icon {
        width: 39px;
        height: auto;
        margin-right: 13px
    }

    .tel-gr .tel1 {
        margin-top: 10px
    }

    .tel-gr .tel-txt {
        font-size: 16px;
        letter-spacing: .1em
    }

    .tel-gr .tel2 {
        margin-top: -6px
    }

    .tel-gr .tel2 .icon {
        width: 34px;
        height: auto
    }

    .slick-dots {
        justify-content: flex-end;
        margin-right: -3px
    }

    .slick-dots button {
        width: 11px;
        height: 11px
    }

    .btn-shared2 a {
        line-height: 30px;
        font-size: 20px;
        display: inline-block;
        padding: 24px 30px;
        min-width: 338px
    }

    .btn-shared2 a::before {
        left: 26px
    }

    .btn-shared2 a::after {
        right: 19px;
        width: 51px;
        height: 8px
    }

    .btn-shared2.cart a::before {
        background: url("../img/shared/icon_cart.png") no-repeat top center/100%;
        width: 40px;
        height: 41px
    }

    .ttl-deco1 {
        margin: 0 0 0 74px;
        font-size: 36px
    }

    .ttl-deco1::before {
        width: 35px;
        height: 6px;
        right: 102%
    }

    .row {
        margin: 0 -24px
    }

    .row .col {
        width: 33.3333333333%;
        padding: 0 24px;
        box-sizing: border-box
    }

    .img-deco::before {
        right: -40px;
        bottom: -40px
    }

    .btn-fixed-gr {
        position: fixed;
        top: 200px;
        right: 0;
        z-index: 99;
        visibility: hidden;
        opacity: 0
    }
}

@media(min-width: 1000px)and (max-width: 1100px) {
    .has-nav #top #navigation {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box
    }

    #top .logo {
        width: 180px
    }

    #top .logo img {
        width: 100%;
        height: auto
    }

    #top .top-nav .tel-main {
        font-size: 22px
    }

    #top .top-nav .btn-list li {
        font-size: 13px
    }

    #top .top-nav .top-btn a {
        font-size: 13px
    }

    #top #navigation .tog-nav {
        margin-right: 20px
    }

    #top #navigation .tog-nav li:not(:last-child) {
        margin-right: 15px
    }

    #top #navigation .map {
        margin-right: 15px
    }
}</pre></body></html>