.l-footer * {
    font-family: "Noto Serif JP", serif;
    color: #FFFFFF;
}
.l-footer  {
    background: #1A1819;
    padding: 60px 0 27px;
    border-top: 1px solid #CFBC7C;
}
    .footer__inner {
        width: 1140px;
        margin: auto;
        display: flex;
        gap: 50px;
    }
    .footer__box {
        flex-shrink: 0;
    }
    .footer__box-last {
        flex-shrink: 1;
    }
        .footer__boxttl {
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 14px;
        }
        .footer__bt-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .footer__bt-item {
            width: 148px;
            height: 40px;
        }
            .footer__bt-item a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                border: 1px solid #CFBC7C;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0.05em;
                color: #CFBC7C;
                position: relative;
                transition: color 0.5s ease;
                z-index: 1;
            }
            .footer__bt-item a:hover {
                color: #fff;
                opacity: 1;
            }
            .footer__bt-item a:hover::before {
                transform: scaleX(1);
                transform-origin: left;
            }
            .footer__bt-item a::before {
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                background: #CFBC7C;
                transform: scaleX(0);
                transform-origin: right;
                transition: all 0.5s ease;
                transition-property: transform;
                z-index: -1;
            }
        .footer__nav-box  {
            display: flex;
            gap: 30px;
            margin-bottom: 24px;
        }
            .footer__nav-list {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }
                .footer__nav-item a {
                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                    position: relative;
                    transition: .3s;
                }
                .footer__nav-item a:hover {
                    opacity: 1;
                }
                .footer__nav-item a::after{
                    position: absolute;
                    bottom: -2px;
                    left: 0;
                    content: '';
                    width: 0;
                    height: 1px;
                    background-color: #CFBC7C;
                    transition: .3s;
                }
                .footer__nav-item a:hover::after{
                    width: 100%;
                }
        .footer__sns-list {
            display: flex;
        }
            .footer__sns-item--x {
                margin-left: 20px;
            }
            .footer__sns-item--tiktok {
                margin-left: 13px;
            }
        .searchlink {
            background: transparent;
            padding: 0;
        }
            .searchlink__inner {
                width: auto;
                margin: 0;
                display: flex;
                flex-direction: column;
                gap: 9px;
            }
                .searchlink__section {
                    display: block;
                }
                    .searchlink__section .footer__boxttl {
                        margin-bottom: 9px;
                    }
                        .searchlink__items:not(:last-child):after {
                            content: none;
                        }
                        .searchlink__list {
                            display: flex;
                            gap: 19px;
                            flex-wrap: wrap;
                        }
                            .searchlink__items a {
                                font-size: 14px;
                                font-weight: 400;
                                letter-spacing: 0.05em;
                            }
    
    .footer__bar {
        background: #262425;
        margin-top: 60px;
    }
        .footer__bar-inner {
            width: 1140px;
            height: 50px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
            .footer__link-list {
                display: flex;
                align-items: center;
                gap: 4px;
            }
                .footer__link-list li {
                    font-size: 12px;
                    font-weight: 400;
                    letter-spacing: 0.05em;
                }
                    .footer__link-list li a {
                        font-size: 12px;
                        font-weight: 400;
                        letter-spacing: 0.05em;
                        position: relative;
                        transition: .3s;
                    }
                    .footer__link-list li a:hover {
                        opacity: 1;
                    }
                    .footer__link-list li a::after{
                        position: absolute;
                        bottom: -2px;
                        left: 0;
                        content: '';
                        width: 0;
                        height: 1px;
                        background-color: #CFBC7C;
                        transition: .3s;
                    }
                    .footer__link-list li a:hover::after{
                        width: 100%;
                    }
            .copy__write {
                font-size: 12px;
                font-weight: 400;
                letter-spacing: 0.05em;
            }

.modal__box {
    display: none;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(6px);
    background: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    align-items: center;
    justify-content: center;
}
.modal__box.is-active {
    display: flex;
}
    .modal__inner {
        width: 1140px;
        margin: 0 auto;
    }
        .kodawari__list {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
            .kodadwari__item {
                width: 216px;
                height: 144px;
            }
        .modal-bt {
            width: 260px;
            height: 50px;
            margin: 50px auto 0;
        }
            .modal-bt a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 260px;
                height: 50px;
                background: #CFCFCF;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0.05em;
                color: #fff;
                position: relative;
            }
            .modal-bt a::after {
                content: "";
                width: 7px;
                height: 12px;
                background: url(/images/top/bt-arrow.png) no-repeat center / cover;
                position: absolute;
                top: 19px;
                right: 20px;
            }