/**
 * Footer
 */

.kite-footer {
    background: var(--kite-beige-light);
    padding:0 20px;
}

.kite-footer__inner {
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 0px 30px;
}

.kite-footer__logo {
    border-bottom: 2px solid #311F0F;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

.kite-footer__logo img {
    height: 108px;
    width: auto;
}

.kite-footer__content {
    display: flex;
    gap: 80px;
}

.kite-footer__info {
    flex: 1;
}

.kite-footer__info dl {
    display: flex;
    margin: 0 0 15px;
}

.kite-footer__info dt {
    width: 110px;
    font-size: 16px;
    flex-shrink: 0;
}

.kite-footer__info dd {
    margin: 0;
    font-size: 16px;
}

.kite-footer__info dd span {
    display: block;
}

.kite-footer__info dd a {
    color: var(--kite-brown);
    text-decoration: none;
}

.kite-footer__info dd a:hover {
    text-decoration: underline;
}

.kite-footer__nav h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 25px;
    line-height: 1;
}

.kite-footer__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kite-footer__nav li {
    margin-bottom: 3px;
}

.kite-footer__nav li::before {
    content: '・';
}

.kite-footer__nav a {
    font-size: 16px;
    color: var(--kite-brown);
    text-decoration: none;
}

.kite-footer__nav a:hover {
    text-decoration: underline;
}

.kite-footer__reservation h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 25px;
    width: 100%;
}

.kite-footer__reservation .kite-btn {
    display: block;
    width: 246px;
    margin-bottom: 20px;
    text-align: center;
}

.kite-footer__bottom {
    background: var(--kite-brown);
    padding: 25px 40px;
    text-align: center;
    color: #dbdbdb;
    margin: 0 -20px;
}

.kite-footer__links {
    margin-bottom: 25px;
}

.kite-footer__links a {
    color: #dbdbdb;
    font-size: 14px;
    text-decoration: none;
}

.kite-footer__links a:hover {
    text-decoration: underline;
}

.kite-footer__links span {
    margin: 0 20px;
}
.kite-footer__links span:last-child {
    display: none;
}

.kite-footer__copyright {
    font-size: 14px;
    margin: 0;
}


@media (max-width: 1040px) {
.kite-footer__content {
    flex-wrap:wrap;
    gap: 30px;
}

    
.kite-footer__info {
    order: 3;
    flex: unset;
}

.kite-footer__nav{
    order: 2;
    width: 260px;
}

.kite-footer__reservation  {
    flex:unset;
    flex-wrap:wrap;
    display: flex;
    gap: 20px;
    order: 1;
    width:100%;
}

}



@media (max-width: 767px) {
    .kite-footer__inner {
        padding: 25px 0px 40px;
    }

    .kite-footer__logo {
        border-bottom:unset;
        padding-bottom: 25px;
        margin-bottom: 0;
    }
    .kite-footer__logo img {
        height: 39px;
    }
    .kite-footer__line {
        width: 100%;
    }
    .kite-footer__content {
        flex-direction: column;
        gap: 40px;
        padding: 0 20px;
    }
    .kite-footer__info dl {
        /* flex-direction: column; */
        gap: 5px;
        margin-bottom: 20px;
    }
    .kite-footer__info dt {
        width: 90px;
        font-size: min(3.1vw,15px);
        color: var(--kite-gray-light);
    }
    .kite-footer__info dd {
        font-size: min(3.1vw,15px);
    }
    .kite-footer__nav h3 ,.kite-footer__reservation h3 {
        font-size: min(3.6vw , 21px);
        color: var(--kite-gray-light);
        position:relative;
    }

    .kite-footer__nav h3::before ,.kite-footer__reservation h3::before {
        border-top:1px solid #8E8074;
        position:absolute;
        width:25px;
        content:"";
        top: 50%;
        left: -30px;
    }
    
    .kite-footer__nav a {
        font-size:  min(5.1vw,25px);
    }
    .kite-footer__reservation {
        display: flex;
        gap: 15px;
    }

    .kite-footer__reservation .kite-btn {
        flex: 1;
        width: auto;
        margin-bottom: 0;
        padding: 14px 10px;
        font-size: 14px;
    }
    .kite-footer__bottom {
        padding: 25px 15px;
    }
    .kite-footer__links {
        text-align: left;
        padding: 0 20px;
    }
    .kite-footer__links a {
        display: block;
        font-size: min(2.9vw,14px);
        margin-bottom: 6px;
    }
    .kite-footer__links span {
        display: none;
    }
    .kite-footer__copyright {
        font-size: min(2.9vw,14px);
    }
}