@charset "utf-8";
:root{
    /* color */
    --color_text: #000000;
    --color_textGrayp: #707070;
    --color_main: #2454D6;
    --color_white: #ffffff;
    --color_gray: #F4F4F4;


}

/************************************************************
/* mce-content-body : クラシックエディタ、ACF内リッチエディタ
/* wp-block-post-content : ブロックエディタ
/* site-editor-content : ブラウザ上での表示
/************************************************************/
/* エディタ全体設定 */
.wp-block-post-title{
    font-family: sans-serif;
}
.mce-content-body,
.wp-block-post-content,
.site-editor-content{
    font-family: sans-serif;
    color: var(--color_text);
    line-height: 1.7;
}
.mce-content-body *,
.wp-block-post-content *,
.site-editor-content *{
    margin-bottom: 0;
    letter-spacing: 0.1em;
}

/* コンテンツ間余白 */
/*
.mce-content-body > * + * , .mce-content-body .wp-block-column > * + *, .mce-content-body .wp-block-group__inner-container > * + *,
.wp-block-post-content > * + *, .wp-block-post-content .wp-block-column > * + *, .wp-block-post-content .wp-block-group__inner-container > * + *,
.site-editor-content > * + *, .site-editor-content .wp-block-column > * + *, .site-editor-content .wp-block-column > * + *{
    margin-top: 30px;
}
.mce-content-body h3 + *,
.wp-block-post-content h3 + *,
.site-editor-content h3 + *,
.mce-content-body h4 + *,
.wp-block-post-content h4 + *,
.site-editor-content h4 + *,
.mce-content-body h5 + *,
.wp-block-post-content h5 + *,
.site-editor-content h5 + *,
.mce-content-body h6 + *,
.wp-block-post-content h6 + *,
.site-editor-content h6 + *{
    margin-top: 0 !important;
}
.mce-content-body * + h2,
.wp-block-post-content * + h2,
.site-editor-content * + h2{
    margin-top: 60px !important;
}
@media (min-width: 768px){
    .mce-content-body > * + * , .mce-content-body .wp-block-column > * + *, .mce-content-body .wp-block-group__inner-container > * + *,
    .wp-block-post-content > * + *, .wp-block-post-content .wp-block-column > * + *, .wp-block-post-content .wp-block-group__inner-container > * + *,
    .site-editor-content > * + *, .site-editor-content .wp-block-column > * + *, .site-editor-content .wp-block-column > * + *{
        margin-top: 40px;
    }
    .mce-content-body * + h2,
    .wp-block-post-content * + h2,
    .site-editor-content * + h2{
        margin-top: 100px !important;
    }
}
*/

/* 見出し h1-h6 */
.mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6,
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3, .wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6
.site-editor-content h1, .site-editor-content h2, .site-editor-content h3, .site-editor-content h4, .site-editor-content h5, .site-editor-content h6{
    line-height: 1.5;
    font-weight: 800;
    color: var(--color_main);
}
.mce-content-body h2,
.wp-block-post-content h2,
.site-editor-content h2{
    background-color: var(--color_gray);
    padding: 10px 20px;
	color: var(--color_main);
	font-size: 18px;
}
.mce-content-body h3,
.wp-block-post-content h3,
.site-editor-content h3{
    position: relative;
    padding: 10px 0 10px 30px;
    font-size: 20px;
}
.mce-content-body h3::before,
.wp-block-post-content h3::before,
.site-editor-content h3::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    border-radius: 5px;
    background-color: var(--color_main);
}
.mce-content-body h4,
.wp-block-post-content h4,
.site-editor-content h4{
    border-bottom: 1px solid var(--color_textGrayp);
    padding-bottom: 10px;
    font-size: 18px;
}
.mce-content-body h5,
.wp-block-post-content h5,
.site-editor-content h5{
    font-size: 16px;
}


/* リンク */
.mce-content-body a,
.wp-block-post-content a,
.site-editor-content a{
    color: var(--color_main);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* テーブル */
.mce-content-body table,
.wp-block-post-content table,
.site-editor-content table{
    font-size: var(--fs_14);
    line-height: 1.5;
}
.mce-content-body table thead,
.wp-block-post-content table thead,
.site-editor-content table thead{
    border-bottom: 0;
    text-align: center;
}
.mce-content-body th, .mce-content-body td,
.wp-block-post-content th, .wp-block-post-content td,
.site-editor-content th, .site-editor-content td{
    border: 1px solid var(--color_textGrayp);
    padding: 10px 15px;
    text-align: inherit;
    vertical-align: middle;
}
.mce-content-body th, 
.wp-block-post-content th,
.site-editor-content th{
    font-weight: 500;
}

/* リスト */

.mce-content-body ul,
.wp-block-post-content ul,
.site-editor-content ul{
    padding-left: 0;
}
.mce-content-body ul > li,
.wp-block-post-content ul > li,
.site-editor-content ul > li{
    list-style: none;
    position: relative;
    padding-left: 1.5em;
    font-weight: var(--fw_m);
    line-height: 1.5;
}
.mce-content-body ul > li::before,
.wp-block-post-content ul > li::before,
.site-editor-content ul > li::before{
    content: "●";
    position: absolute;
    left: 0;
    color: var(--color_main);
}
.mce-content-body ol,
.wp-block-post-content ol,
.site-editor-content ol{
    padding-left: 1.5em;
}
.mce-content-body ol > li,
.wp-block-post-content ol > li,
.site-editor-content ol > li{
    list-style: decimal;
}
.mce-content-body ol > li::marker,
.wp-block-post-content ol > li::marker,
.site-editor-content ol > li::marker{
    color: var(--color_main);
}
.mce-content-body li + li,
.wp-block-post-content li + li,
.site-editor-content li + li{
    margin-top: 10px;
}


/* キャプション系 */
.mce-content-body .wp-caption-dd figcaption,
.wp-block-post-content .wp-block-image figcaption,
.site-editor-content .wp-block-image figcaption{
    margin-top: 10px;
    text-align: center;
    font-weight: 600; 
}

/* 上付き・下付き文字 */
.mce-content-body sub, .mce-content-body sup,
.wp-block-post-content sub, .wp-block-post-content sup,
.site-editor-content sub, .site-editor-content sup{
    position: relative;
    font-size: 0.75em;
    line-height: 1;
}
.mce-content-body sub,
.wp-block-post-content sub,
.site-editor-content sub{
    bottom: -0.25em
} 
.mce-content-body sup,
.wp-block-post-content sup,
.site-editor-content sup{
    top: -0.5em;
}

.mce-content-body b, .mce-content-body strong,
.wp-block-post-content b,.wp-block-post-content strong,
.site-editor-content b, .site-editor-content strong{
    font-weight: 800;
}

/* 文字色 */
.mce-content-body .has-text-colorsub,
.wp-block-post-content .has-text-color,
.site-editor-content .has-text-color{
    color: var(--color_text);
}
.mce-content-body .has-text-gray-color,
.wp-block-post-content .has-text-gray-color,
.site-editor-content .has-text-gray-color{
     color: var(--color_textGrayp);
}
.mce-content-body .has-main-color,
.wp-block-post-content .has-main-color,
.site-editor-content .has-main-color{
    color: var(--color_main);
}
.mce-content-body .has-white-color,
.wp-block-post-content .has-white-color,
.site-editor-content .has-white-color{
    color: var(--color_white);
}