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

/* --- ID1591ファミリー全体（親・子ページ）の完全版デザイン（#e60033） --- */

/* H1: ページタイトルの装飾（赤の帯） */
.family-1591 .p-entry__title,
.family-1591 .post_content h1 {
    background-color: #e60033 !important;
    color: #ffffff !important;
    padding: 1em 1.2em !important;
    border: none !important;            /* ← ここで枠線を全消去 */
    border-bottom: none !important;     /* ← 念のため下線も個別で消去 */
    border-radius: 4px;
    box-shadow: none !important;
    text-align: left;
    margin-bottom: 2em !important;      /* 下のコンテンツとの距離 */
}

/* H2: 帯デザイン（赤の帯） */
.family-1591 .post_content h2 {
    background-color: #e60033 !important;
    color: #ffffff !important;
    padding: 0.8em 1.2em !important;
    border: none !important;
    box-shadow: none !important;
}

/* H3: 下線デザイン */
.family-1591 .post_content h3 {
    color: #333333 !important;
    border: none !important;             /* 一旦リセット */
    border-bottom: 3px solid #e60033 !important; /* 下線のみ赤 */
    background: transparent !important;
    padding: 0 0 0.3em 0 !important;
}

/* H4: 左ラインデザイン */
.family-1591 .post_content h4 {
    color: #333333 !important;
    border: none !important;
    border-left: 5px solid #e60033 !important; /* 左線のみ赤 */
    background: transparent !important;
    padding: 0.2em 0.8em !important;
}

/* --- H1の下の緑線や、その他すべての擬似要素装飾を強制消去 --- */
.family-1591 .p-entry__title::before, .family-1591 .p-entry__title::after,
.family-1591 .post_content h1::before, .family-1591 .post_content h1::after,
.family-1591 .post_content h2::before, .family-1591 .post_content h2::after,
.family-1591 .post_content h3::before, .family-1591 .post_content h3::after,
.family-1591 .post_content h4::before, .family-1591 .post_content h4::after {
    content: none !important;
    display: none !important;
    border: none !important;
    height: 0 !important;
}