/* =========================
   共通フッター
========================= */

/* フッター全体：画面最下部に表示 */
#site-footer {
    color: #fff;
    font-family: Noto Sans JP;
    margin-top: auto;
}

/* --- フッター本体 --- */
/* 背景 */
#site-footer .site-footer__bg {
    width: 100%;
    background: #4c4c4c; /* 濃いグレー */
}

/* 中身の配置 */
#site-footer .site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* 高さは固定（元仕様） */
    height: min(7.333vw, 88px);
    /* 画面が狭いときの左右余白 */
    padding: 0 min(1.333vw, 16px);
    width: 100%;
    box-sizing: border-box;
}

/* 左：ロゴ部分 */
#site-footer .site-footer__left {
    display: flex;
    align-items: center;
}

/* ロゴサイズ */
#site-footer .site-footer__logo {
    height: min(3.333vw, 40px);
    width: auto;
    display: block;
}

/* 右：コピーライト部分 */
#site-footer .site-footer__right {
    font-size: min(1.083vw, 13px);
    white-space: nowrap;
}

/* 1200px以上：中央1080px固定（左右は余白として見せる） */
@media (min-width: 1200px) {
    #site-footer .site-footer__inner {
        max-width: 1080px;
        margin: 0 auto;
        padding: 0; /* 中央固定時は左右paddingを消す */
    }
}

/* 画面が狭いとき：コピーライトを折り返しOKにして潰れを防ぐ */
@media (max-width: 600px) {
    #site-footer .site-footer__right {
        white-space: normal;
        text-align: right;
        font-size: 12px;
        line-height: 1.2;
        margin-left: 12px;
    }

    #site-footer .site-footer__links {
        font-size: 11px;
        padding: 8px 8px;
    }
}