@charset "UTF-8";

/* =========================================
 * 1. H2内の太字（strong）のサイズ調整（フロント・エディター共通）
 * ========================================= */
.single-column .l-mainContent__inner .post_content h2 strong,
h2.block-editor-rich-text__editable.block-editor-block-list__block.wp-block-heading strong {
    font-size: 30px !important;
}

/* H3内の太字（strong）の色やサイズを維持するための防衛線（必要に応じて） */
.single-column .l-mainContent__inner .post_content h3 strong,
h3.block-editor-rich-text__editable.block-editor-block-list__block.wp-block-heading strong {
    font-size: inherit !important; /* 親（H3）のサイズを継承 */
    color: inherit !important;
}
/* =========================================
 * 2. まとめエリア（post_column-summary）のH2余白
 * ========================================= */
.single-column .l-mainContent__inner .post_content .post_column-summary h2,
.wp-block-group.post_column-summary h2 {
    padding-top: 41px !important;
}
.single-column .l-mainContent__inner .post_content .post_column-summary h3,
.wp-block-group.post_column-summary h3.wp-block-heading {
    padding-top: 16px !important;
}
.single-column .l-mainContent__inner .post_content .post_column-summary .swell-block-column,
.wp-block-group.post_column-summary .swell-block-column{
    padding-bottom: 32px;

}

/* =========================================
 * 3. 読了エリア？（post_column-read）のデザイン
 * ========================================= */
.single-column .l-mainContent__inner .post_content .post_column-read,
.post_column-read.wp-block-paragraph {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
    position: relative;
}

.single-column .l-mainContent__inner .post_content div.post_column-read,
div.post_column-read {
    padding-top: 0 !important;
}

/* 上部のライン（&::before ネストを解消した安全な記法） */
.single-column .l-mainContent__inner .post_content .post_column-read::before,
.post_column-read.wp-block-paragraph::before {
    content: "";
    display: block;
    width: 86%;
    max-width: 780px;
    height: 1px;
    background-color: rgba(13, 61, 125, 0.3);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.l-mainContent__inner .post_column-read > *:first-child, .l-mainContent__inner .block-editor-block-list__layout-read > *:first-child, .l-mainContent__inner .mce-content-body-read > *:first-child, .editor-styles-wrapper .post_column-read > *:first-child, .editor-styles-wrapper .block-editor-block-list__layout-read > *:first-child, .editor-styles-wrapper .mce-content-body-read > *:first-child {
    /* padding-top: 50px; */
    /* border-top: 1px solid rgba(13, 61, 125, 0.3); */
    border-top: none;
    padding-top: 0 !important;
    margin-top: -20px !important;
}


/* =========================================
 * 4. post_column 内の段落余白
 * ========================================= */
.single-column .l-mainContent__inner .post_content .post_column p.post_column-read,
.post_column p.post_column-read.wp-block-paragraph {
    padding-bottom: 60px !important;
}


/* =========================================
 * まとめエリア（post_column-summary）内の飛び出し防止（全幅強制リセット）
 * ========================================= */
.single-column .l-mainContent__inner .post_content .post_column-summary .alignfull,
.editor-styles-wrapper .post_column-summary .alignfull {
    position: static !important; /* ユーザー様大正解の指定！ */
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    transform: none !important;
}

.post_column-box div{
    padding-left: 60px !important;
    padding-right: 60px !important;
}
@media (max-width: 750px) {
.post_column-box div{
    padding-left: 15px !important;
    padding-right: 15px !important;
} 
}