/* ==========================================================================
   フッター全幅 ＆ センタリング
========================================================================== */

/* 1. html / body は標準のブロックフローに戻す（flexは絶対に使わない） */
html, body {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important; /* ★flexを解除 */
    background-color: #ffffff;
}

/* 2. メインコンテンツ側だけを1200px中央揃えにする */
#Main_Container,
#Main_Body,
#HeaderMenuContainer,
#HeaderMenuBox,
.ShopHeader,
.ShopMainContents,
.MainContentsContainerTenpo,
.ShopPan_Container,
.ShopVisualSliderContainer,
.ShopVisualSingleContainer,
.ShopSpecBlock {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* 3. フッター本体：画面横幅100%全幅に伸ばす */
footer,
#FooterMenuContainer,
.footer_wrapper,
.FooterContainer {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* 4. フッター内部のコンテンツ枠：1200px中央揃え */
#FooterMenuBox,
.footer_inner,
.FooterInner {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 15px !important;
    box-sizing: border-box !important;
}

/* 5. 一番下のコピーライトバー：画面横幅100%全幅 */
#copyright,
.copyright_box,
.FooterCopyright {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}