/*
Theme Name: SWELL CHILD
Template: swell
Author: LOOS, Inc.
Version: 1.0.0
*/

/* ここから下にCSSを記述してください */

/* ===================================================
   SWELL標準パーツの非表示化＆FutureShop統合
   =================================================== */

/* 1. SWELL標準のヘッダー・フッター・関連パーツを強制非表示 */
body .l-header, 
body .l-footer, 
body .p-fixBtnWrap, 
body #search_modal,
body #wpadminbar { 
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -9999 !important;
}

/* 2. FutureShop用ヘッダー（JS表示）のスタイル強制適用 */
body .fs-l-header {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    z-index: 99999 !important;
    background: #fff !important;
}

/* 3. コンテンツエリアの余白リセット */
html, body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#body_wrap {
    padding-top: 0 !important;
}
#content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. スマホ表示時の調整 */
@media screen and (max-width: 959px) {
    #content {
        margin-top: 0 !important; 
    }
    .l-mainContent__inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* 5. サイドバーの余白調整 */
.c-widget {
    margin-bottom: 30px !important;
}