@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* SWELLの親テーマスタイルをインポート */
@import url("../swell/style.css");

/* HISモバイル統合用スタイル */

/* SWELLヘッダーの非表示 (HISモバイルヘッダー使用時) */
.his-mobile-custom .l-header {
    display: none !important;
}

/* HISモバイルヘッダーの表示 */
.his-mobile-custom .his-mobile-header {
    display: block;
    position: relative;
    z-index: 1000;
}

/* メインコンテンツエリアの調整 */
.his-mobile-custom .l-container {
    margin-top: 0;
    padding-top: 0;
}

.his-mobile-custom #cntsWrap {
    margin-top: 0;
}

/* HISモバイルのbase.cssとの競合回避 */
.his-mobile-header * {
    box-sizing: border-box;
}

/* レスポンシブ対応 */
@media screen and (max-width: 784px) {
    .his-mobile-custom .l-sidebar {
        margin-top: 0;
    }
}

/* SWELLのボタンスタイルを維持 */
.his-mobile-header .swell-block-button {
    /* SWELLのボタンスタイルを継承 */
}

/* フッターの調整 */
.his-mobile-custom .l-footer {
    margin-top: 40px;
}

/* ページビルダーとの統合 */
.his-mobile-custom .wp-block-group {
    margin-top: 0;
}

/* HISモバイル専用クラスの追加調整 */
.his-mobile-content {
    padding: 20px 0;
}

.his-mobile-content .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media screen and (max-width: 768px) {
    .his-mobile-content .inner {
        padding: 0 15px;
    }
}