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

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

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


/* 画質悪化防止 */
#mbtk-block-editor img {
    max-width: 100%;
    height: auto;
}
/* 画像の下マージン */
#mbtk-block-editor figure.wp-block-image {
    margin-bottom: 0rem;
}
/* 画質悪化防止２ */
#mbtk-block-editor figure.wp-block-image>img {
    max-width: 100%;
    height: auto;
}

/* =============================================
        　　　　　　文字色設定
============================================= */
#mbtk-block-editor .has-black-color {
    color: #000;
}
#mbtk-block-editor .has-cyan-bluish-gray-color {
    color: #ABB8C3;
}
#mbtk-block-editor .has-white-color {
    color: #FFF;
}
#mbtk-block-editor .has-pale-pink-color {
    color: #F78DA7;
}
#mbtk-block-editor .has-vivid-red-color {
    color: #CF2E2E;
}
#mbtk-block-editor .has-luminous-vivid-orange-color {
    color: #FF6900;
}
#mbtk-block-editor .has-luminous-vivid-amber-color {
    color: #FCB900;
}
#mbtk-block-editor .has-light-green-cyan-color {
    color: #7BDCB5;
}
#mbtk-block-editor .has-vivid-green-cyan-color {
    color: #00D084;
}
#mbtk-block-editor .has-pale-cyan-blue-color {
    color: #8ED1FC;
}
#mbtk-block-editor .has-vivid-cyan-blue-color {
    color: #0693E3;
}
#mbtk-block-editor .has-vivid-purple-color {
    color: #9B51E0;
}

/* =============================================
        　　　　　　背景色設定
============================================= */
#mbtk-block-editor .has-black-background-color {
    background-color: #000;
}
#mbtk-block-editor .has-cyan-bluish-gray-background-color {
    background-color: #ABB8C3;
}
#mbtk-block-editor .has-white-background-color {
    background-color: #FFF;
}
#mbtk-block-editor .has-pale-pink-background-color {
    background-color: #F78DA7;
}
#mbtk-block-editor .has-vivid-red-background-color {
    background-color: #CF2E2E;
}
#mbtk-block-editor .has-luminous-vivid-orange-background-color {
    background-color: #FF6900;
}
#mbtk-block-editor .has-luminous-vivid-amber-background-color {
    background-color: #FCB900;
}
#mbtk-block-editor .has-light-green-cyan-background-color {
    background-color: #7BDCB5;
}
#mbtk-block-editor .has-vivid-green-cyan-background-color {
    background-color: #00D084;
}
#mbtk-block-editor .has-pale-cyan-blue-background-color {
    background-color: #8ED1FC;
}
#mbtk-block-editor .has-vivid-cyan-blue-background-color {
    background-color: #0693E3;
}
#mbtk-block-editor .has-vivid-purple-background-color {
    background-color: #9B51E0;
}

/* =============================================
        　　　　　　背景色設定
============================================= */
mark.has-black-background-color {
    background-color: #000000;
}
mark.has-cyan-bluish-gray-background-color {
    background-color: #ABB8C3;
}
mark.has-white-background-color {
    background-color: #FFFFFF;
}
mark.has-pale-pink-background-color {
    background-color: #F78DA7;
}
mark.has-vivid-red-background-color {
    background-color: #CF2E2E;
}
mark.has-luminous-vivid-orange-background-color {
    background-color: #FF6900;
}
mark.has-luminous-vivid-amber-background-color {
    background-color: #FCB900;
}
mark.has-light-green-cyan-background-color {
    background-color: #7BDCB5;
}
mark.has-vivid-green-cyan-background-color {
    background-color: #00D084;
}
mark.has-pale-cyan-blue-background-color {
    background-color: #8ED1FC;
}
mark.has-vivid-cyan-blue-background-color {
    background-color: #0693E3;
}
mark.has-vivid-purple-background-color {
    background-color: #9B51E0;
}

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


#mbtk-block-editor > *:first-child {
    margin-top: 0;
}

/* 本文、下余白 */
:root {
    --mbtk--text-base-fz: 1.5rem;
    --mbtk--text-base-fw: 400;
    --mbtk--text-base-lh: 2;
    --mtbk-text-base-ls: 0;
}
#mbtk-block-editor p {
    font-size: var(--mbtk--text-base-fz);
    font-weight: var(--mbtk--text-base-fw);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222;
}
#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: #222;
}

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

/* hover テキストリンク */
#mbtk-block-editor p > a,
#mbtk-block-editor li > a,
#mbtk-block-editor blockquote > a,
#mbtk-block-editor cite > a,
#mbtk-block-editor td > a,
#mbtk-block-editor .wp-caption-text > a {
    color: #222;
}

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

/* 本文下余白 */
#mbtk-block-editor p {
    /* padding-bottom: 40px; */
    margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor p {
        /* padding-bottom: 25px; */
        margin-bottom: 25px;
    }
}

/* 引用 */
#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);
    padding-bottom: 40px;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor cite {
        padding-bottom: 25px;
    }
}

/* 見出しフォントアピアランス、上下マージン、ボーダー */
#mbtk-block-editor h1,
#mbtk-block-editor h2,
#mbtk-block-editor h3,
#mbtk-block-editor h4,
#mbtk-block-editor h5,
#mbtk-block-editor h6 {
    margin-bottom: 40px;
    line-height: 1.5;
    color: #222;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor h1,
    #mbtk-block-editor h2,
    #mbtk-block-editor h3,
    #mbtk-block-editor h4,
    #mbtk-block-editor h5,
    #mbtk-block-editor h6 {
        margin-bottom: 25px;
    }
}

/* 見出しフォントサイズ */
#mbtk-block-editor h1 {
    font-size: 3.7rem;
}
#mbtk-block-editor h2 {
    font-size: 3.4rem;
}
#mbtk-block-editor h3 {
    font-size: 3.1rem;
}
#mbtk-block-editor h4 {
    font-size: 2.8rem;
}
#mbtk-block-editor h5 {
    font-size: 2.5rem;
}
#mbtk-block-editor h6 {
    font-size: 2.2rem;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor h1 {
        font-size: 2.8rem;
    }
    #mbtk-block-editor h2 {
        font-size: 2.6rem;
    }
    #mbtk-block-editor h3 {
        font-size: 2.4rem;
    }
    #mbtk-block-editor h4 {
        font-size: 2.2rem;
    }
    #mbtk-block-editor h5 {
        font-size: 2rem;
    }
    #mbtk-block-editor h6 {
        font-size: 1.8rem;
    }
}

/* 強調テキスト（太さ） */
#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;
}

/* リスト */
#mbtk-block-editor ul,
#mbtk-block-editor ol {
    margin: 0 0 40px 0;
}

#mbtk-block-editor ul li {
    position: relative;
    padding-left: 2rem;
    list-style-type: none;
    font-size: var(--mbtk--text-base-fz);
    font-weight: var(--mbtk--text-base-fw);
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor ul li {
        padding-left: 1.6rem;
    }
}

#mbtk-block-editor ul li::before {
    content: '・';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    font-size: 1.5rem;
    line-height: 2;
    color: #222;
}

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

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

#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;
    line-height: var(--mbtk--text-base-lh);
    letter-spacing: var(--mtbk-text-base-ls);
    color: #222;
}

@media screen and (max-width: 1000px) {
    #mbtk-block-editor ol li::before {
        top: 0;
    }
}

#mbtk-block-editor ol li::marker {
    font-size: 1.6rem;
}

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

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



/* ブロッククォート */
#mbtk-block-editor blockquote {
    padding: 38px 50px 20px;
    border: 1px solid #222;
    margin: 15px 0 50px;
    line-height: 2;
    color: #222;
    background-color: inherit;
}
#mbtk-block-editor blockquote p {
    color: #222;
    /* padding-bottom: 25px; */
    margin-bottom: 22px;
}
#mbtk-block-editor blockquote p + p {
    /* padding-bottom: 40px; */
    margin-bottom: 40px;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor blockquote {
        padding: 34px 20px 15px;
        margin-bottom: 50px;
    }
}

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

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

/* メディア下の余白 */
#mbtk-block-editor .wp-block-columns,
#mbtk-block-editor .wp-block-image,
#mbtk-block-editor .wp-block-file,
#mbtk-block-editor .wp-block-audio,
#mbtk-block-editor .wp-block-video {
    padding-bottom: 45px;
}
#mbtk-block-editor .wp-block-columns>img,
#mbtk-block-editor .wp-block-image>img,
#mbtk-block-editor .wp-block-file>img,
#mbtk-block-editor .wp-block-audio>img,
#mbtk-block-editor .wp-block-video>img {

}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor .wp-block-columns,
    #mbtk-block-editor .wp-block-image,
    #mbtk-block-editor .wp-block-file,
    #mbtk-block-editor .wp-block-audio,
    #mbtk-block-editor .wp-block-video {
        padding-bottom: 40px;
    }
}

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

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

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

#mbtk-block-editor figcaption,
#mbtk-block-editor figcaption >a {
    padding: 1em 0 1em;
    font-size: 1.5rem;
    font-weight: var(--mbtk--text-base-fw);
    line-height: 2;
    letter-spacing: var(--mtbk-text-base-ls);
    color: #999999;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor figcaption {
        padding: 1.5rem 0 0;
        font-size: 1.4rem;
    }
}

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

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

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

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

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

/* ボタンリンク */
#mbtk-block-editor .wp-block-buttons {
    margin: 4.5rem 0;
}
#mbtk-block-editor .wp-block-button {
    margin: 4.5rem 0;
}
#mbtk-block-editor a.wp-block-button__link {
    pointer-events: auto;
    display: inline-block;
    min-width: 26rem;
    padding: 1.6rem 2rem 2rem;
    border-radius: 9999px;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    background-color: #222;
    opacity: 1;
    transition: opacity .3s;
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor a.wp-block-button__link {
        margin: 0 0 2rem;
    }
}

/* ボタンリンク、hover */
#mbtk-block-editor a.wp-block-button__link:hover {
    opacity: .6;
}
/* テーブル */
#mbtk-block-editor table {
    width: 100%;
    margin-bottom: 3rem;
}
#mbtk-block-editor table.info {/* mabatakiサイト 分岐 */}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor table {
        margin-bottom: 2rem;
    }
}

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

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

/* tr内の上下マージン */
:root{
    /* --mbtk--th_td-padding: 0.9em 2rem 1em 2rem; */
}

/* tr */
#mbtk-block-editor table tr {
    position: relative;
    display: table-row;
    width: 100%;
    border-bottom: 1px solid #222;
    text-align: left;
}
#mbtk-block-editor table tr:first-child {
    border-top: 1px solid #222;
}
#mbtk-block-editor table.info tr ul,
#mbtk-block-editor table.info tr ol {
    padding-bottom: 0;
}

/* th, td */
#mbtk-block-editor table tr th,
#mbtk-block-editor table tr td {
    position: relative;
    display: table-cell;
    line-height: 2;
}
#mbtk-block-editor table.info tr th,
#mbtk-block-editor table.info tr td {
    padding: 0;
    padding: 15px 0 18px;
}
#mbtk-block-editor table tr th {
    padding: 15px 0 18px 0;
    text-align: left;
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    color: #222;
}
#mbtk-block-editor table.info tr th {
    width: 170px;
    padding-right: 20px;
}
#mbtk-block-editor table tr td {
    padding: 15px 0 18px 0;
    font-size: var(--mbtk--text-base-fz);
    line-height: var(--mbtk--text-base-lh);
    color: #222;
}
#mbtk-block-editor table.info tr td {
    width: calc(100% - 170px);
}
@media screen and (max-width: 1000px) {
    #mbtk-block-editor table.info tr th {
        width: 100px;
        padding-right: 15px;
    }
    #mbtk-block-editor table.info tr td {
        width: calc(100% - 100px);
    }
}

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

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

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

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

/* カラム、子要素 */
#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) {
    #mbtk-block-editor .wp-block-columns .wp-block-column {
        padding-right: 0;
        padding-bottom: 4rem;
        padding-left: 0;
    }
}

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

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

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

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

/* 埋め込みタグ */
#mbtk-block-editor .is-provider-youtube,
#mbtk-block-editor .is-provider-vimeo {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 10px 0 50px;
}
/* 動画 */
#mbtk-block-editor iframe {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
    margin: 10px 0 50px;
}
/* マップ */
#mbtk-block-editor iframe[src*=maps] {
    width: 100%;
    height: 45rem;
    margin: 10px 0 50px;
}
/* YouTube */
#mbtk-block-editor iframe[title="YouTube"] {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 10px 0 50px;
}
@media screen and (max-width: 1000px) {
    /* 埋め込みタグ */
    #mbtk-block-editor .is-provider-youtube,
    #mbtk-block-editor .is-provider-vimeo {
        margin: 10px 0 40px;
    }
    /* 動画 */
    #mbtk-block-editor iframe {
        margin: 10px 0 40px;
    }
    /* マップ */
    #mbtk-block-editor iframe[src*=maps] {
        margin: 10px 0 40px;
    }
    /* YouTube */
    #mbtk-block-editor iframe[title="YouTube"] {
        margin: 10px 0 40px;
    }
}
/* ::::::::::::::::::: mbtk-block-editor end ::::::::::::::::::: */