/* footer.css */

.site-footer {
    margin: 0;
    padding: 30px 20px;
    background: #3e3e3e;
    text-align: center;
}

/* PC/タブレットとスマホで改行位置が異なるため、ナビ文言を出し分ける */
.site-footer__nav--mobile {
    display: none;
}

.site-footer__nav p {
    margin: 0 0 10px;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 38.6px;
    text-transform: uppercase;
}

.site-footer__nav a {
    color: #fff;
    text-decoration: none;
}

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

/* 日本語はどこでも改行され得るため、スマホ幅で単語の途中(例:「施設利用申込につい／て」)
   で折り返されるのを防ぐ */
.site-footer__nav-nowrap {
    white-space: nowrap;
}

.site-footer__copyright {
    margin: 10px 0 0;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 38.6px;
}

/* 「Setagaya City」部分は大文字変換せず、「. All Rights Reserved.」だけデザイン通り大文字にする */
.site-footer__copyright-caps {
    text-transform: uppercase;
}

/* 782px〜1279px：PC版(1366px基準)のサイズ感をvwでそのまま縮小 */
@media (max-width: 1279px) {
    .site-footer {
        padding: 2.196vw 1.464vw;
    }

    .site-footer__nav p {
        margin-bottom: 0.732vw;
        font-size: 1.171vw;
        line-height: 2.826vw;
    }

    .site-footer__copyright {
        margin-top: 0.732vw;
        font-size: 0.952vw;
        line-height: 2.826vw;
    }
}

/* 375px(Figmaスマホ実測値)基準 */
@media (max-width: 782px) {
    /* site-footer-shellは.wp-site-blocksの直接の子になるため、テーマ標準の
       margin-block-start(:where(.wp-site-blocks) > *)が乗ってしまい、
       フッター手前で余計な隙間ができる。スマホの時だけ打ち消す
       （PC/タブレットはこの余白を残したいとのことなので対象外） */
    .site-footer-shell {
        margin-block-start: 0;
    }

    .site-footer {
        padding: 6.667vw 8vw;
    }

    .site-footer__nav--desktop {
        display: none;
    }

    .site-footer__nav--mobile {
        display: block;
    }

    .site-footer__nav p {
        margin-bottom: 0;
        font-size: 4vw;
        line-height: 9.493vw;
    }

    .site-footer__copyright {
        margin-top: 4.267vw;
        font-size: 3.2vw;
        line-height: 9.493vw;
    }
}