/*
 Theme Name: Twenty Seventeen Child
 Template: twentyseventeen
*/


/* ==========================
   Footer
========================== */

/* Twenty Seventeenのデフォルトスタイルを上書きして中央に配置 */
.site-info {
    float: none !important;
    width: 100% !important;
    text-align: center;
    display: block;
}

/* フッター全体のコンテナ */
.site-info .footer-inner {
    display: flex;
    flex-direction: column; /* 縦方向（上下）に並べる */
    align-items: center;
    gap: 10px; /* 行同士の縦の隙間 */
    margin-top: 15px;
    text-align: center;
}

/* 1行目のブロック */
.site-info .footer-row-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px 30px;
}

/* 2行目のブロック（住所と電話番号） */
.site-info .footer-row-bottom {
    display: flex;
    flex-wrap: wrap; /* 幅が狭くなったら自動で次の行に折り返す */
    justify-content: center;
    align-items: center;
    gap: 10px 20px; /* 縦横の隙間 */
}

/* 各フッター項目のスタイル */
.site-info .footer-item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 14px;
    white-space: nowrap; /* テキストが途中で勝手に改行されないようにする */
}


/* 画面幅が狭い場合（例：767px以下のスマホ画面）の調整 */
@media screen and (max-width: 767px) {
    .site-info .footer-row-bottom {
        flex-direction: column; /* 縦方向（上下）に並べる */
        align-items: center;
        gap: 8px; /* 項目同士の縦の隙間 */
    }
}

/* 各フッター項目のスタイル */
.site-info .footer-item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 14px;
}

/* アイコンの調整 */
.site-info .footer-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    fill: currentColor;
    flex-shrink: 0;
}