/* --------- mbtk-block-editor --------- */

#wrap .mbtk-block-editor h1,
#wrap .mbtk-block-editor h2,
#wrap .mbtk-block-editor h3,
#wrap .mbtk-block-editor h4,
#wrap .mbtk-block-editor h5,
#wrap .mbtk-block-editor h6,
#wrap .mbtk-block-editor blockquote,
#wrap .mbtk-block-editor blockquote *,
#wrap .mbtk-block-editor .wp-block-table,
#wrap .mbtk-block-editor p,
#wrap .mbtk-block-editor figure {
    margin: 0;
    transform: scale(1);
    transform-origin: center center;
}

#wrap .mbtk-block-editor * {
    max-width: 100%;
}


/* 画質悪化防止 */
#wrap .mbtk-block-editor img {
    max-width: 100%;
    height: auto;
}

/* 画像の下マージン */
#wrap figure.wp-block-image {
    margin-bottom: 0rem;
}

/* 画質悪化防止２ */
#wrap figure.wp-block-image>img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1000px) {
    #wrap figure.wp-block-image>img {
    }
}


/* =============================================
        　　　　　　文字色設定
============================================= */
#wrap .mbtk-block-editor .has-black-color {
    color: #000;
}

#wrap .mbtk-block-editor .has-cyan-bluish-gray-color {
    color: #ABB8C3;
}

#wrap .mbtk-block-editor .has-white-color {
    color: #FFF;
}

#wrap .mbtk-block-editor .has-pale-pink-color {
    color: #F78DA7;
}

#wrap .mbtk-block-editor .has-vivid-red-color {
    color: #CF2E2E;
}

#wrap .mbtk-block-editor .has-luminous-vivid-orange-color {
    color: #FF6900;
}

#wrap .mbtk-block-editor .has-luminous-vivid-amber-color {
    color: #FCB900;
}

#wrap .mbtk-block-editor .has-light-green-cyan-color {
    color: #7BDCB5;
}

#wrap .mbtk-block-editor .has-vivid-green-cyan-color {
    color: #00D084;
}

#wrap .mbtk-block-editor .has-pale-cyan-blue-color {
    color: #8ED1FC;
}

#wrap .mbtk-block-editor .has-vivid-cyan-blue-color {
    color: #0693E3;
}

#wrap .mbtk-block-editor .has-vivid-purple-color {
    color: #9B51E0;
}


/* =============================================
        　　　　　　背景色設定
============================================= */
#wrap .mbtk-block-editor .has-black-background-color {
    background-color: #000;
}

#wrap .mbtk-block-editor .has-cyan-bluish-gray-background-color {
    background-color: #ABB8C3;
}

#wrap .mbtk-block-editor .has-white-background-color {
    background-color: #FFF;
}

#wrap .mbtk-block-editor .has-pale-pink-background-color {
    background-color: #F78DA7;
}

#wrap .mbtk-block-editor .has-vivid-red-background-color {
    background-color: #CF2E2E;
}

#wrap .mbtk-block-editor .has-luminous-vivid-orange-background-color {
    background-color: #FF6900;
}

#wrap .mbtk-block-editor .has-luminous-vivid-amber-background-color {
    background-color: #FCB900;
}

#wrap .mbtk-block-editor .has-light-green-cyan-background-color {
    background-color: #7BDCB5;
}

#wrap .mbtk-block-editor .has-vivid-green-cyan-background-color {
    background-color: #00D084;
}

#wrap .mbtk-block-editor .has-pale-cyan-blue-background-color {
    background-color: #8ED1FC;
}

#wrap .mbtk-block-editor .has-vivid-cyan-blue-background-color {
    background-color: #0693E3;
}

#wrap .mbtk-block-editor .has-vivid-purple-background-color {
    background-color: #9B51E0;
}



/* =============================================
            以下プロジェクト毎に調整
============================================= */

/* ブロックエディタ全体の上下余白 */
#wrap {
    padding: 5.8rem 0 0;
}
@media screen and (max-width: 1000px) {
    #wrap {
        padding: 4.2rem 0 0;
    }
}
#wrap .mbtk-block-editor > *:first-child {
    margin-top: 0;
}

/* 本文、下余白 */
:root {
    --mbtk--text-base-fz: 1.5rem;
    --mbtk--text-base-lh: 2;
}
#wrap .mbtk-block-editor p {
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222222;
}
#wrap .mbtk-block-editor a {
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222222;
}
@media screen and (max-width: 1000px) {
    :root {
        --mbtk--text-base-fz: 1.5rem;
    }
}

/* リンク */
#wrap .mbtk-block-editor a {
    display: inline-block;
    text-decoration: underline;
    transition: opacity .2s;
}

#wrap .mbtk-block-editor a:hover {
    opacity: 0.6;
}

/* hover テキストリンク */
#wrap p > a,
#wrap li > a,
#wrap blockquote > a,
#wrap cite > a,
#wrap td > a,
#wrap figcaption > a {
    color: #222222;
}

/* 本文サイズ、x-large */
#wrap .mbtk-block-editor p.has-x-large-font-size {
    font-size: 2.4rem;
    padding-bottom: 4rem;
}
/* 本文サイズ、large */
#wrap .mbtk-block-editor p.has-large-font-size {
    font-size: 2rem;
    padding-bottom: 4rem;
}
/* 本文サイズ、medium */
#wrap .mbtk-block-editor p.has-medium-font-size {
    font-size: 1.6rem;
    padding-bottom: 4rem;
}
/* 本文サイズ、small */
#wrap .mbtk-block-editor p.has-small-font-size {
    font-size: 1.3rem;
    padding-bottom: 4rem;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor p.has-x-large-font-size {
        font-size: 2.1rem;
        padding-bottom: 3.5rem;
    }
    #wrap .mbtk-block-editor p.has-large-font-size {
        font-size: 1.8rem;
        padding-bottom: 3.5rem;
    }
    #wrap .mbtk-block-editor p.has-medium-font-size {
        font-size: 1.5rem;
        padding-bottom: 3.5rem;
    }
    #wrap .mbtk-block-editor p.has-small-font-size {
        font-size: 1.2rem;
        padding-bottom: 3.5rem;
    }
}

/* 本文下余白 */
#wrap .mbtk-block-editor p {
    padding-bottom: 4rem;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor p {
        padding-bottom: 3.5rem;
    }
}

/* 引用 */
#wrap .mbtk-block-editor cite {
    font-size: var(--mbtk--text-base-fz);
    font-weight: var(--mbtk--text-base-fw);
    letter-spacing: var(--mtbk-text-base-ls);
}


/* 見出しフォントアピアランス、上下マージン、ボーダー */
#wrap .mbtk-block-editor h1,
#wrap .mbtk-block-editor h2,
#wrap .mbtk-block-editor h3,
#wrap .mbtk-block-editor h4,
#wrap .mbtk-block-editor h5,
#wrap .mbtk-block-editor h6 {
    margin-bottom: 4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #222222;
    font-weight: bold;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor h1,
    #wrap .mbtk-block-editor h2,
    #wrap .mbtk-block-editor h3,
    #wrap .mbtk-block-editor h4,
    #wrap .mbtk-block-editor h5,
    #wrap .mbtk-block-editor h6 {
        margin-bottom: 3.5rem;
    }
}

/* 見出しフォントサイズ */
#wrap .mbtk-block-editor h1 {
    font-size: 3.5rem;
}
#wrap .mbtk-block-editor h2 {
    font-size: 3.2rem;
}
#wrap .mbtk-block-editor h3 {
    font-size: 2.9rem;
}
#wrap .mbtk-block-editor h4 {
    font-size: 2.6rem;
}
#wrap .mbtk-block-editor h5 {
    font-size: 2.3rem;
}
#wrap .mbtk-block-editor h6 {
    font-size: 2rem;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor h1 {
        font-size: 2.4rem;
    }
    #wrap .mbtk-block-editor h2 {
        font-size: 2.3rem;
    }
    #wrap .mbtk-block-editor h3 {
        font-size: 2.2rem;
    }
    #wrap .mbtk-block-editor h4 {
        font-size: 2.1rem;
    }
    #wrap .mbtk-block-editor h5 {
        font-size: 2rem;
    }
    #wrap .mbtk-block-editor h6 {
        font-size: 1.9rem;
    }
}

/* 強調テキスト（太さ） */
#wrap .mbtk-block-editor strong {
    font-weight: bold;
}

/* 強調テキスト（イタリック体） */
em {
    font-style: italic;
}

/*センター揃え*/
.aligncenter,
.has-text-align-center,
.is-content-justification-center {
    text-align: center;
}

/*右揃え*/
.alignright,
.has-text-align-right,
.is-content-justification-right {
    text-align: right;
}

/* リスト */
#wrap .mbtk-block-editor ul,
#wrap .mbtk-block-editor ol {
    padding-bottom: 4rem;
}

#wrap .mbtk-block-editor ul li {
    position: relative;
    padding-left: 2rem;
    list-style-type: none;
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222222;
}

#wrap .mbtk-block-editor ul li::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 1.4rem;
    left: 0;
    display: inline;
    font-size: 1.5rem;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    color: #222222;
    background-color: #222222;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor ul li::before {
        top: 1.4rem;
    }
}

#wrap .mbtk-block-editor ol {
    list-style: auto;
    text-align: left;
    list-style-type: none;
    counter-reset: my-counter;
}

#wrap .mbtk-block-editor ol li {
    position: relative;
    padding-left: 2rem;
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222222;
}

#wrap .mbtk-block-editor ol li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    position: absolute;
    top: 0;
    left: 1px;
    z-index: 1;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222;
}

#wrap .mbtk-block-editor ol li::marker {
    font-size: 1.5rem;
}

#wrap .mbtk-block-editor span.mark {
    padding: 0 10px;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 16px;
    border: 1px solid #001E2A;
}

#wrap .mbtk-block-editor span.mark.limited {
    border-color: #222222;
    color: #222222;
    background: #222222;
}

/* ブロッククォート */
#wrap .mbtk-block-editor blockquote {
    padding: 4rem 5rem 4.6rem;
    border: 1px solid #222222;
    margin: 1.5rem 0 5rem;
    line-height: 2;
    color: #222222;
    background-color: inherit;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor blockquote {
        padding: 3.4rem 2rem 3.2rem;
        margin-bottom: 5rem;
    }
}

#wrap .mbtk-block-editor blockquote p {
    padding: 0;
    color: #222222;
}


/* ギャラリー */
#wrap .mbtk-block-editor .wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem 2rem;
    padding-bottom: 3rem;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor .wp-block-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-gallery {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem 2rem;
        padding-bottom: 3rem;
    }
}

#wrap .mbtk-block-editor .wp-block-gallery .wp-block-image {
    padding-bottom: 0;
}

/* メディア下の余白 */
#wrap .mbtk-block-editor .wp-block-columns,
#wrap .mbtk-block-editor .wp-block-image,
#wrap .mbtk-block-editor .wp-block-file,
#wrap .mbtk-block-editor .wp-block-audio,
#wrap .mbtk-block-editor .wp-block-video {
    padding-bottom: 4.5rem;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor .wp-block-columns,
    #wrap .mbtk-block-editor .wp-block-image,
    #wrap .mbtk-block-editor .wp-block-file,
    #wrap .mbtk-block-editor .wp-block-audio,
    #wrap .mbtk-block-editor .wp-block-video {
        padding-bottom: 4rem;
    }
}

/* 画像角丸スタイル*/
#wrap .mbtk-block-editor .is-style-rounded img {
    border-radius: 9999px;
}

/* メディア内本文 */
#wrap .mbtk-block-editor .wp-block-columns p,
#wrap .mbtk-block-editor .wp-block-image p,
#wrap .mbtk-block-editor .wp-block-file p,
#wrap .mbtk-block-editor .wp-block-audio p,
#wrap .mbtk-block-editor .wp-block-video p {
    padding-bottom: 0;
}

/* 動画 */
#wrap .mbtk-block-editor .wp-block-video video {
    width: 100%;
    margin: 0.5rem 0;
}

/* preタグ（codeタグの親にセットされ、コードのインデントを作る） */
#wrap .mbtk-block-editor .wp-block-code {
    padding: 2rem 3rem;
    border: 1px solid #222222;
    border-radius: 15px;
    margin-top: 1rem;
    margin-bottom: 3rem !important;
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    color: #222222;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor .wp-block-code {
        padding: 1.8rem 4rem 2rem;
        margin-bottom: 3rem !important;
    }
}

/* preタグ内に記述するcodeタグ（codeを表記するときに使う） */
#wrap .mbtk-block-editor .wp-block-code code {
    font-style: italic;
    white-space: break-spaces;
}

/* オーディオ */
#wrap .mbtk-block-editor audio {
    width: 100%;
    margin: 0.5rem 0;
}

/* スペーサー */
.mbtk-block-editor .wp-block-spacer {
    height: 20px !important;
}
@media screen and (max-width: 1000px) {
    .mbtk-block-editor .wp-block-spacer {
        height: 10px !important;
    }
}



/* フィグキャプション */
#wrap .mbtk-block-editor figcaption,
#wrap .mbtk-block-editor figcaption >a {
    padding: 1em 0 1em;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: var(--mtbk-text-base-ls);
    color: #999;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor figcaption {
        padding: 1.5rem 0 0;
        font-size: 1.4rem;
    }
}


/* ボタンリンク */
#wrap .mbtk-block-editor a.wp-block-button__link {
    pointer-events: auto;
    display: inline-block;
    width: 26rem;
    min-width: 26rem;
    padding: 0.8rem 1rem 1rem;
    border-radius: 9999px;
    margin: 2rem 0;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background-color: #333;
    opacity: 1;
    transition: opacity .3s;
}
/* ボタンリンク、hover */
#wrap .mbtk-block-editor a.wp-block-button__link:hover {
    opacity: .6;
}


/* テーブル */
#wrap .mbtk-block-editor table {
    width: 100%;
    padding-bottom: 3rem;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor table {
        padding-bottom: 2rem;
    }
}

/* tableの上下マージン */
#wrap .mbtk-block-editor .wp-block-table {
    margin-top: 2rem;
    margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-table {
        margin-top: 1rem;
        margin-bottom: 4rem;
    }
}

#wrap .mbtk-block-editor table tbody {
    display: table-row-group;
    width: 100%;
}


/* tableにつけるテーブルボーダーの太さ */
:root{
    --mbtk--table-border-width: 1px;
}
#wrap .mbtk-block-editor table tbody tr {
    position: relative;
    display: table-row;
    width: 100%;
}

#wrap .mbtk-block-editor table tbody tr::before {
    content: '';
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
    background-size: 0 0, 0 0, 10px 1px, 0 0;
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
}

#wrap .mbtk-block-editor table tbody tr:first-child::before {
    background-size: 10px 1px, 0 0, 10px 1px, 0 0;
}

#wrap .mbtk-block-editor table tbody th{
    color: #222222;
}

#wrap .mbtk-block-editor table tbody th,
#wrap .mbtk-block-editor table tbody td {
    position: relative;
    display: table-cell;
    border-top: 1px solid #cccccc;
}

#wrap .mbtk-block-editor table tbody tr th,
#wrap .mbtk-block-editor table tbody tr td {
    border-bottom: 1px solid #cccccc;
}


/* tr内の上下マージン */
:root{
    --mbtk--th_td-padding: 1.4rem 2rem 1.5rem 2rem;
}
#wrap .mbtk-block-editor table tbody th {
    padding: var(--mbtk--th_td-padding);
    text-align: left;
    font-size: var(--mbtk--text-base-fz);
    font-weight: 700;
    line-height: var(--mbtk--text-base-lh);
}

#wrap .mbtk-block-editor table tbody tr *:first-child {
    padding-left: 0;
}

#wrap .mbtk-block-editor table tbody tr td {
    padding: var(--mbtk--th_td-padding);
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
}


/* テーブル用フィグキャプション */
#wrap .mbtk-block-editor table+figcaption {
    padding-top: 0;
    padding-bottom: 0.5rem;
    margin-top: 2rem;
    color: #222222;
}
@media screen and (max-width: 1000px) {
    #wrap .mbtk-block-editor table+figcaption {
        margin-top: 1.5rem;
    }
}



/* カラム、親 */
#wrap .mbtk-block-editor .wp-block-columns {
    display: flex;
    width: 100%;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-columns {
        display: block;
    }
}

#wrap .mbtk-block-editor .wp-block-columns.is-layout-flex {
    padding-bottom: 3.5em;
}

@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-columns.is-layout-flex  {
        padding-bottom: 0rem;
    }
    #wrap .mbtk-block-editor .wp-block-columns .is-layout-flow  {
        padding-bottom: 2rem;
    }
}

/* カラム、子 */
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column {
    width: 100%;
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column {
        padding-right: 0;
        padding-bottom: 4rem;
        padding-left: 0;
    }
}

/* カラム内、画像 */
#wrap .mbtk-block-editor .wp-block-column .wp-block-image {
    padding-bottom: 0;
}

/* カラム内、見出しのマージン */
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h1,
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h2,
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h3,
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h4,
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h5,
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column  h6 {
    border: unset;
    padding: 0;
    margin-top: 0.8em;
    margin-bottom: 0.3em;
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h1,
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h2,
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h3,
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h4,
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h5,
    #wrap .mbtk-block-editor .wp-block-columns .wp-block-column h6 {
        margin-top: 0.7em;
        margin-bottom: 0.1em;
    }
}

/* カラム内ギャラリー、ギャラリーの下マージン打ち消し */
#wrap .mbtk-block-editor .wp-block-columns .wp-block-column .wp-block-gallery {
    padding-bottom: 0;
}

#wrap .mbtk-block-editor .wp-block-columns .wp-block-column .wp-block-image img {
    width: 100%;
    height: auto;
}



/* 区切り線 */
#wrap .mbtk-block-editor hr {
    border: none;
    border-bottom: 1px solid #cccccc;
    border-image-slice: 1;
    margin: 5rem 0;
}
.body.plans-single #wrap .mbtk-block-editor hr {
    border-bottom: 1px solid rgba(186,145,91,0.3);
}
@media screen and (max-width: 750px) {
    #wrap .mbtk-block-editor hr {
        margin: 3rem 0;
    }
}



/* 埋め込みタグ */
#wrap .mbtk-block-editor .is-provider-youtube,
#wrap .mbtk-block-editor .is-provider-vimeo {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 4rem;
}

/* 動画 */
#wrap .mbtk-block-editor iframe {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    margin: 1rem 0 5rem;
}

/* マップ */
#wrap .mbtk-block-editor iframe[src*=maps] {
    width: 100%;
    height: 45rem;
}

/* YouTube */
#wrap .mbtk-block-editor iframe[title="YouTube"] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 5rem;
}

/* --------- mbtk-block-editor ここまで --------- */