/* --------------------------------------------------
       0. 基本ルール
       -------------------------------------------------- */
    *, *::before, *::after {
        box-sizing: border-box;
    }

    /* --------------------------------------------------
       1. 全体設定
       -------------------------------------------------- */
    body {
        background-color: #505c4e !important;
        font-family: 'Noto Serif JP', serif !important;
        font-weight: 500 !important;
        color: #333;
    }

    header, .site-header, #masthead, .header, #header {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background-color: #e6e2d8 !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
    }
    body.admin-bar header { top: 32px !important; }
    
    .header a, .g-nav, .menu-item {
        color: #333333 !important;
        text-decoration: none !important;
        font-family: inherit !important;
    }
    .header a[href*="instagram"] { display: none !important; }


    /* --------------------------------------------------
       3. コンテンツエリア設定
       -------------------------------------------------- */
    #content {
        max-width: 1200px !important; 
        width: 100% !important; 
        margin: 0 auto !important; 
        background: #fff !important; 
        padding: 0 !important; 
        box-shadow: 5px 5px 15px rgba(0,0,0,0.1) !important; 
    }
    h2 {
        font-size: 1.4rem !important;
        font-weight: 700;
        margin: 0;
        padding: 3rem 0 1rem;
        text-align: center;
    }
    p.has-text-align-center {
        text-align: center !important;
    }

    /* --------------------------------------------------
       4. カラム設定
       -------------------------------------------------- */
    #content .lab-content-area .wp-block-columns {
        display: flex;
        flex-wrap: nowrap;
        align-items: center !important; 
        padding: 0 !important; 
        margin-bottom: 0 !important; 
    }
    .wp-block-columns {
        padding: 3rem;
    }
    .wp-block-column {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center; 
        padding: 3rem;
    }
    .wp-block-image {
        text-align: center;
    }
    .wp-block-column.no-padding-top {
        padding-top: 0;
    }

    /* --------------------------------------------------
       6. スマホ対応
       -------------------------------------------------- */
    /*
    @media (max-width: 768px) {
        #content .lab-content-area .wp-block-columns {
            flex-direction: column;
            gap: 30px !important;
        }
        .wp-block-column { width: 100%; }
        #content .lab-content-area h2 { 
            padding-left: 20px; 
            padding-right: 20px; 
        }
        figure.wp-block-image.size-full,
        .wp-block-image figure.size-full,
        figure.wp-block-gallery.has-nested-images,
        #content .lab-content-area p {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }
        figure.wp-block-image.size-full.top-cover {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        div.wp-block-spacer {
            height: 3rem !important;
        }
        .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-spacer,
        .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow .wp-block-spacer {
            height: 0 !important;
        }
    }

    @media (max-width: 480px) {
        div.wp-block-spacer {
            height: 0 !important;
            display: none !important;
        }
        .sustainability {
            padding-top: 45px !important;
        }
        .mt-30 {
            margin-top: -40px !important;
        }
    }
*/

    /* --------------------------------------------------
       7. ★簡易ライトボックス（拡大機能）用CSS
       -------------------------------------------------- */
    #lab-lightbox-overlay {
        display: none; /* 初期状態は非表示 */
        position: fixed;
        z-index: 999999;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background-color: rgba(0, 0, 0, 0.85);
        align-items: center;
        justify-content: center;
        cursor: zoom-out;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    #lab-lightbox-overlay.active {
        display: flex;
        opacity: 1;
    }
    #lab-lightbox-image {
        max-width: 90vw;
        max-height: 90vh;
        box-shadow: 0 0 20px rgba(0,0,0,0.5);
        border: 4px solid #fff;
        border-radius: 4px;
        transform: scale(0.9);
        transition: transform 0.3s ease;
    }
    #lab-lightbox-overlay.active #lab-lightbox-image {
        transform: scale(1);
    }


    /* --------------------------------------------------
       8. フッター非表示
       -------------------------------------------------- */
    /*
    footer, .site-footer, #colophon, #footer, .footer { display: none !important; }
    .site-content { margin: 0 !important; padding: 0 !important; }
    */


    /* --------------------------------------------------
        9.追加CSS
    -------------------------------------------------- */
    /*
    @media (max-width: 768px) {
        figure.wp-block-image.size-full, .wp-block-image figure.size-full {
            padding-left: 15px;
            padding-right: 15px;
        }
    }
        */