[data-bgb] h2{
    text-align: left;
    border-left: 4px solid #62cffd;
    &::after {
        display: none;
    }
}

/* 中見出し */
[data-bgb] h3 {
    background: none;
    border: none;
    border-bottom: #62cffd 2px solid;
    box-shadow: none;


    &:first-child {
        /* ブロックの最初の場合は余白を詰める */
        margin-block-start: 0;
    }
}

/* 小見出し */
[data-bgb] h4 {
    position: relative;
    padding: 0.3em 0.2em;
    margin: 1em 0;

    /* 回り込み防止 */
    overflow: hidden;

    /* スタイル */
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.2;
    border: none;

    &:first-child {
        /* ブロックの最初の場合は余白を詰める */
        margin-block-start: 0;
    }

    &::after {
        position: absolute;
        inset-block-end: 0.25em;
        inset-inline-start: 0;
        z-index: -1;
        inline-size: 100%;
        block-size: 8px;
        content: '';
        background-color: #ddd;
        border-radius: 2px;
    }
}

/* 小見出し */
[data-bgb] h5 {
    padding: 0.3em 0;
    margin: 1em 0;

    /* 回り込み防止 */
    overflow: hidden;

    /* スタイル */
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2;
    border-block-end: 1px dashed #999;

    &:first-child {
        /* ブロックの最初の場合は余白を詰める */
        margin-block-start: 0;
    }
}

/* コードブロック */
.bge-codeblock {
    background-color: #000000bc !important;
    border-radius: 12px !important;
    padding: 20px !important;
    line-height: 140% !important;
    font-family: 'Palatino bold' !important;
    font-size: 16px !important;
    word-wrap: break-word !important;
    color: #ff0101 !important;
    white-space: normal !important;
}

@media screen and (max-width: 428px) {
    [data-bgb] h1 {
        font-size: 24px;
    }

    [data-bgb] h2 {
        font-size: 20px;
    }

    [data-bgb] h3 {
        font-size: 18px;
    }

    [data-bgb] h4 {
        font-size: 16px;
    }

    [data-bgb] h5 {
        font-size: 14px;
    }

    .bge-ckeditor {
        word-break: break-word;
    }
    
}