/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It's ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It's fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.8.1754117216
Updated: 2025-08-02 15:46:56
*/

/* 区切り線：太さを1pxに修正 */
.wp-block-separator {
    border-top-width: 1px;
}

/* 背景色変更 */
#page.site {
    background-color: #F2F2F2 !important;
    /* ベースカラーであるライトグレー */
}

/* 横スクロールセクション */
.wp-block-group.horizontal-scroll-outer.is-layout-constrained.wp-block-group-is-layout-constrained {
    height: 100vh;
    padding-top: 5rem;
    box-sizing: border-box;
}

.horizontal-track {
    display: flex;
}

.horizontal-panel {
    flex-shrink: 0;
}

.horizontal-panel img {
    border-radius: 12px;
    transition: transform 0.3s ease;
}


/* モバイル対応 */
@media (max-width: 768px) {

    /* 横スクロールセクション全体をモバイル向けに調整 */
    .horizontal-scroll-outer {
        height: auto !important;
    }

    .horizontal-track {
        display: block;
    }

    .horizontal-panel .wp-block-column:first-child {
        order: 2;
    }

    .horizontal-panel .wp-block-column:last-child {
        order: 1;
    }


    /* 会社概要の各行をテーブル風に */
    .uagb-block-50274fc7,
    .uagb-block-8e3cd5f8,
    .uagb-block-58bd1947,
    .uagb-block-4000594e {
        border-bottom: 1px solid #eee !important;
    }

    /* 会社概要のラベル部分（左側） */
    .uagb-block-3dbdd474,
    .uagb-block-5aae4f56,
    .uagb-block-e68db31a,
    .uagb-block-2e89251e {
        flex: 0 0 35% !important;
        border-right: 1px solid #919191 !important;
    }

    /* 会社概要の値部分（右側） */
    .uagb-block-b7400463,
    .uagb-block-3584f142,
    .uagb-block-e4f7c1c3,
    .uagb-block-5822debf {
        flex: 1 !important;
        display: flex !important;
    }

    /* 会社概要内のpタグ */
    .uagb-block-1986a586 p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }

    /* Google Mapコンテナ - 横幅100%表示 */
    .uagb-google-map__wrap,
    .uagb-block-dec76fee {
        display: block !important;
        margin: 2rem 0 !important;
        width: 100% !important;
    }

}

/* タブレット対応 */
@media (min-width: 769px) and (max-width: 1024px) {

    /* 横スクロールセクション - タブレットでは横スクロール維持 */
    .horizontal-scroll-outer {
        height: 100vh;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
    }

    /* Webkit系ブラウザ（Chrome, Safari）のスクロールバーを非表示 */
    .horizontal-scroll-outer::-webkit-scrollbar {
        display: none;
    }


    /* 会社概要の各行をテーブル風に */
    .uagb-block-50274fc7,
    .uagb-block-8e3cd5f8,
    .uagb-block-58bd1947,
    .uagb-block-4000594e {
        border-bottom: 1px solid #eee !important;
    }

    /* 会社概要のラベル部分（左側） */
    .uagb-block-3dbdd474,
    .uagb-block-5aae4f56,
    .uagb-block-e68db31a,
    .uagb-block-2e89251e {
        flex: 0 0 30% !important;
        border-right: 1px solid #919191 !important;
    }

    /* 会社概要の値部分（右側） */
    .uagb-block-b7400463,
    .uagb-block-3584f142,
    .uagb-block-e4f7c1c3,
    .uagb-block-5822debf {
        flex: 1 !important;
        display: flex !important;
    }

    /* 会社概要内のpタグ */
    .uagb-block-1986a586 p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }

    /* Google Mapコンテナ - スマホライク */
    .uagb-google-map__wrap,
    .uagb-block-dec76fee {
        display: block !important;
        margin: 3rem 0 !important;
        width: 100% !important;
    }
}

.googlemap {
    width: 60vw;
}

/* カバー画像完全対応（Samsung Browser + フェード） */
.wp-block-cover {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    z-index: 0 !important;
    overflow: hidden !important;
    background-color: transparent !important;
}

/* フェード用背景要素のベーススタイル */
.wp-block-cover .fade-layer {
    pointer-events: none !important;
    z-index: -1 !important;
}