@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
*/

.is-style-good_list li::before {
    content: "";
    
    /* 1. 既存のアイコン設定（マスク画像や背景色）をリセット */
    -webkit-mask-image: none;
    mask-image: none;
    background-color: transparent; 

    /* 2. ご指定の画像を設定 */
    background-image: url('/wp-content/uploads/2026/07/s-32x32_webp_2c0f5081-0db7-4403-b2fe-8ddc2c3226d3.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* 3. 画像の表示サイズ（デザインに合わせて調整してください） */
    width: 20px;
    height: 20px;
}


/*-------------------------------------------
           underline
-------------------------------------------*/

.underline {
    border-bottom: 1px solid #bdbdbd;
}

.underline2 {
    border-bottom: 2px solid #ffffff;
}

/*-------------------------------------------
           CHARGE下
-------------------------------------------*/

@media (min-width: 768px) {
    body .swell-block-fullWide__inner .wp-block-media-text.is-style-broken.custom-media-space .wp-block-media-text__content {
    margin-top: 200px !important;
}
}
	
/*-------------------------------------------
           上下線
-------------------------------------------*/
.top-bottom-line {
    border-top: 1px solid #333333!important;    /* 上の線の太さ・種類・色 */
    border-bottom: 1px solid #333333!important; /* 下の線の太さ・種類・色 */
    padding: 15px 0!important;                  /* 線と文字の間の上下の余白 */
	width:50%;
	margin-left:auto!important;
	margin-right:auto!important;
}

/* ==================================
   スマホ開閉メニューのカスタマイズ（最終版）
================================== */

/* 1. ウィジェットタイトル等を非表示にする */
.p-spMenu__body .c-widget__title {
    display: none !important;
}

/* 2. メニュー領域の上にロゴ画像を挿入 */
.p-spMenu__nav::before {
    content: "";
    display: block;
    width: 200px; /* ロゴの表示サイズ（横幅） */
    height: 60px; /* ロゴの表示サイズ（高さ） */
    margin: 10px auto 30px; /* 中央揃え ＆ 下の余白(30px) */
    
    /* ※サイトがHTTPSのため、画像URLもhttps://に修正しています */
    background-image: url('/wp-content/uploads/2026/07/yoko_1.png');
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 3. メニューの「>」マークを完全に消す */
.p-spMenu__nav .c-listMenu a::before,
.p-spMenu__nav .c-listMenu a::after {
    display: none !important;
    content: none !important;
}

/* 4. メニュー項目の中央揃えと間隔の拡大 */
.p-spMenu__nav .c-listMenu a {
    justify-content: center !important; 
    text-align: center !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    /* アイコン分の左余白をリセットし、完璧な中央揃えにするための記述 */
    padding-left: 15px !important; 
    padding-right: 15px !important;
}