@charset "utf-8";
/*
 * editor-style-gutenberg.css
 * @package WordPress ～5.4
 * License: GPLv2 or later
*/
 
    /* font-family */
    body.block-editor-page .editor-post-title__input,
    body.block-editor-page .editor-block-list__block{
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
    }
 
    /* 標準 font-size(16px) を 14px にする場合 */
    body.block-editor-page .editor-block-list__block{
        font-size: 14px;
    }
    body.block-editor-page .edit-post-visual-editor p:not(.wp-block-cover-text){
        font-size: 14px;
    }
    /* blockquote だけ font-size を標準に戻す */
    body.block-editor-page .wp-block-pullquote blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]:before,
    body.block-editor-page .wp-block-pullquote blockquote > .editor-rich-text p {
        font-size: 24px !important;
    }
    body.block-editor-page .wp-block-pullquote__citation,
    body.block-editor-page .wp-block-pullquote cite,
    body.block-editor-page .wp-block-pullquote footer{
        font-size: 13px;
    }
 
 
    /* メインタイトル 装飾  */
    body.block-editor-page .editor-post-title__block textarea {
        margin: 0 0 20px !important;
        padding: 15px 0 15px 10px !important;
        border-top: 2px solid #f5f5f5;
        border-bottom: 2px solid #f5f5f5;
        font-size: 20px;
        font-size: 2em;
        font-weight: 500;
        line-height: 1.6em;
    }
 
    /* タイトル幅合わせ Fix WordPress～5.3   */
    body.branch-5.block-editor-page .editor-post-title__block > div,
    body.branch-5-1.block-editor-page .editor-post-title__block > div,
    body.branch-5-2.block-editor-page .editor-post-title__block > div,
    body.branch-5-3.block-editor-page .editor-post-title__block > div{
        margin-left: 13px;
        margin-right: 13px;
    }
    /* タイトル幅合わせ Fix WordPress5.4 */
    body.block-editor-page .editor-post-title__block > div{
        margin-left: 0;
        margin-right: 0;
    }
 
 
    /* ブロックタイトル 装飾 */
    body.block-editor-page .editor-block-list__block h1,
    body.block-editor-page .editor-block-list__block h2,
    body.block-editor-page .editor-block-list__block h3{
        border-bottom: 1px dotted #ccc !important;
        border-left: 3px solid #666 !important;
        border-top: 1px dotted #ccc !important;
        font-size: 1.4rem !important;
        margin: 0 0 20px !important;
        padding: 7px 0 7px 10px !important;
    }

    /* タイトル 装飾 */
    body.block-editor-page .editor-styles-wrapper h1 {
      margin-bottom: 25px;
      padding-bottom: 10px;
      border-bottom: 2px solid #efefef;
      font-size: 20px;
      font-size: 2em;
      font-weight: 500;
      line-height: 1.6em;
    }
    body.block-editor-page .editor-styles-wrapper h2 {
      margin-bottom: 25px;
      padding-bottom: 10px;
      border-bottom: 2px solid #efefef;
      font-size: 20px;
      font-size: 2em;
      font-weight: 500;
      line-height: 1.6em;
    }
    body.block-editor-page .editor-styles-wrapper h2.border-blue {
        border-color: #192066;
    }
    body.block-editor-page .editor-styles-wrapper h2.border-gray {
        border-color: #f5f5f5;
    }
    body.block-editor-page .editor-styles-wrapper h2.border-black {
        border-color: #1e1e1e;
    }
    body.block-editor-page .editor-styles-wrapper h2.border-white {
        border-color: #ffffff;
    }

    body.block-editor-page .editor-styles-wrapper h3 {
      margin-bottom: 25px;
      padding: 15px 20px;
      background-color: #efefef;
      font-size: 18px;
      font-size: 1.8em;
      font-weight: 500;
      line-height: 1.6em;
    }
    body.block-editor-page .editor-styles-wrapper h3.background-blue {
    background-color: #192066;
    }
    body.block-editor-page .editor-styles-wrapper h3.background-gray {
    background-color: #f5f5f5;
    }
    body.block-editor-page .editor-styles-wrapper h3.background-black {
    background-color: #1e1e1e;
    }
    body.block-editor-page .editor-styles-wrapper h3.background-white {
    background-color: #ffffff;
    }


    body.block-editor-page .editor-styles-wrapper h4 {
      margin-bottom: 25px;
      padding-left: 15px;
      border-left: solid 4px #efefef;
      font-size: 16px;
      font-size: 1.6em;
      font-weight: 500;
      line-height: 1.4em;
    }
    body.block-editor-page .editor-styles-wrapper h4.border-blue {
        border-color: #192066;
    }
    body.block-editor-page .editor-styles-wrapper h4.border-gray {
        border-color: #f5f5f5;
    }
    body.block-editor-page .editor-styles-wrapper h4.border-black {
        border-color: #1e1e1e;
    }
    body.block-editor-page .editor-styles-wrapper h4.border-white {
        border-color: #ffffff;
    }

    body.block-editor-page .editor-styles-wrapper h5 {
        font-size: 110%;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 10px;
    }
    body.block-editor-page .editor-styles-wrapper h6 {
        font-size: 100%;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    body.block-editor-page .wp-block-quote {
        position: relative;
        margin: 1em 0;
        padding: 30px 25px;
        border: 1px solid #e6e8ec;
        background-color: #f5f5f5;
        color: #6c6c6c;
    }
    body.block-editor-page .wp-block-quote:before {
        content: "“";
        position: absolute;
        top: 10px;
        left: 15px;
        color: #e8e8e8;
        font-family: serif;
        font-size: 36px;
        line-height: 1.1;

    }
    body.block-editor-page .wp-block-quote:after {
        content: "”";
        position: absolute;
        right: 15px;
        bottom: 10px;
        color: #e8e8e8;
        font-family: serif;
        font-size: 36px;
        line-height: 0;
    }

    /* カスタム */
    /* 普通の枠 */
    body.block-editor-page .editor-styles-wrapper .border-blue {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #192066;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-black {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #1e1e1e;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-gray {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #e8e8e8;
        word-break: break-all;
    }

    /* 楕円の枠 */
    body.block-editor-page .editor-styles-wrapper .border-blue-radius {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #192066;
        border-radius: 10px;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-black-radius {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #1e1e1e;
        border-radius: 10px;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-gray-radius {
        background-color: #fff;
        padding: 15px;
        border: 2px solid #e8e8e8;
        border-radius: 10px;
        word-break: break-all;
    }

    /* カスタムボックス */
    body.block-editor-page .editor-styles-wrapper .border-blue-custom {
        padding: 10px;
        background-color: #fff;
        border: 2px solid #192066;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-blue-custom strong {
        display: block;
        width: calc(100% + 20px);
        margin: -10px -10px 10px;
        background-color: #192066;
        padding: 5px 10px;
        color: #fff;
    }

    body.block-editor-page .editor-styles-wrapper .border-black-custom {
        padding: 10px;
        background-color: #fff;
        border: 2px solid #1e1e1e;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-black-custom strong {
        display: block;
        width: calc(100% + 20px);
        margin: -10px -10px 10px;
        background-color: #1e1e1e;
        padding: 5px 10px;
        color: #fff;
    }

    body.block-editor-page .editor-styles-wrapper .border-gray-custom {
        padding: 10px;
        background-color: #fff;
        border: 2px solid #e8e8e8;
        word-break: break-all;
    }
    body.block-editor-page .editor-styles-wrapper .border-gray-custom strong {
        display: block;
        width: calc(100% + 20px);
        margin: -10px -10px 10px;
        background-color: #e8e8e8;
        padding: 5px 10px;
        color: #fff;
    }


    /* 表示幅設定 メインカラム */

    /* Content-Width 730px WordPress5.4 */
    body.block-editor-page .wp-block{
        max-width: 730px !important;
        max-height: none !important;
    }
    /* Content-Width 730px WordPress～5.3 */
    body.branch-5.block-editor-page .wp-block,
    body.branch-5-1.block-editor-page .wp-block,
    body.branch-5-2.block-editor-page .wp-block,
    body.branch-5-3.block-editor-page .wp-block{
        max-width: 760px !important;    /* 730 + 30 */
        max-height: none !important;
    }
 
    /* メインカラム full-width-page */
    /* Content-Width full-width-page 1200px WordPress5.4 */
    body.block-editor-page.full-width-page .wp-block{
        max-width: 1200px !important;
        max-height: none !important;
    }
    /* Content-Width full-width-page 1200px WordPress～5.3 */
    body.branch-5.block-editor-page.full-width-page .wp-block,
    body.branch-5-1.block-editor-page.full-width-page .wp-block,
    body.branch-5-2.block-editor-page.full-width-page .wp-block,
    body.branch-5-3.block-editor-page.full-width-page .wp-block{
        max-width: 1230px !important;   /* 1200 + 30 */
        max-height: none !important;
    }
 
 
    /* 幅広 Fix ordPress5.4  800px */
    .wp-block[data-align="wide"]{
         max-width: 800px !important;
    }
 
    /* 幅広 Fix WordPress～5.3  800px */
    body.branch-5 .wp-block[data-align="wide"],
    body.branch-5-1 .wp-block[data-align="wide"],
    body.branch-5-2 .wp-block[data-align="wide"],
    body.branch-5-3 .wp-block[data-align="wide"]{
         max-width: 830px !important;   /* 800 + 30 */
    }
 
    /* 全幅 Fix */
    .wp-block[data-align="full"]{
         max-width: none !important;
    }