@charset "utf-8";
/*
Author: コワーキングスペース HiKARiBA
Author URI: https://hikariba.jp
*/

body.wp-editor hr {
    clear: both;
}
body.wp-editor .collapse {
    display: block;
}
.editor-post-title__block .editor-post-title__input,
.editor-block-list__layout {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}

.editor-styles-wrapper h2 {
    /*background-color: #ddd;*/
    background-color: #fcf2de;
    /*margin: 0 0 .8em;*/
    padding: .5em .7em;
    font-size: 2rem;

/*    margin-bottom:20px;
    padding:0 0 0 20px;
    border-left:2px solid #fcf2de;
    font-size:1.1rem;*/
    border-radius: 10px;
}

.editor-styles-wrapper section > h2 {
    margin-left:20px;
}
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
    margin-bottom:.8em;
    padding: .5em .7em .2em;
    font-size: 1.8rem;
}
.editor-styles-wrapper h3 {
    position: relative;
    border-bottom: 2px solid #ffebc3;
}
.editor-styles-wrapper h3::after {
    position: absolute;
    content:'';
    display:block;
    width: 100%;
    border-bottom: 2px solid #ddb35a;
    left: 0;
    bottom: -1px;
    width: 25%;
}
.editor-styles-wrapper h4 {
    border-bottom: 2px solid #ccc;
}

.editor-styles-wrapper p + h2 {
	margin-top:2em;
}
.editor-styles-wrapper p + h3,
.editor-styles-wrapper p + h4 {
    margin-top:1.6em;
}

.editor-styles-wrapper figure.bg-brown img {
    background-color: #381c01;
}


.editor-styles-wrapper section + section {
    margin-top:50px;
}

.editor-styles-wrapper p {
    margin-bottom:1em;
    clear:both;
    overflow:hidden;
}
.editor-styles-wrapper p.left {
    text-align:left;
}
.editor-styles-wrapper p.right {
    text-align:right;
}
.editor-styles-wrapper p.center {
    text-align:center;
}
.editor-styles-wrapper ol,
.editor-styles-wrapper ul {
    margin:10px 0;
}
.editor-styles-wrapper img {
    width:auto;
    max-width:100%;
    height:auto;
    margin:5px 0;
    display: block;
}
@media (min-width:600px) {
    .editor-styles-wrapper img {
        width:auto;
        margin:10px 0;
    }
    .editor-styles-wrapper img.left {
        float:left;
    }
    .editor-styles-wrapper img.center {
        text-align:center;
        margin:0 auto;
    }
    .editor-styles-wrapper img.right {
        float:right;
    }
}
.editor-styles-wrapper a {
    text-decoration:underline;
}
.editor-styles-wrapper a:hover {
    text-decoration:none;
}
.editor-styles-wrapper a[target=_blank]::after {
    content:'\f35d';
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    font-size:.8rem;
    padding-left:.2em;
}

.editor-styles-wrapper ul li {
    list-style: disc;
    margin-left: 1.5em;
}


.editor-styles-wrapper blockquote {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    padding: .5em .5em .5em 1.2em;
    margin-left: 0.7em;
    margin-right: 1.5em;
}
.editor-styles-wrapper blockquote p {
    margin-bottom: .5em;
}
.editor-styles-wrapper blockquote p + p {
    margin-bottom: 1em;
}
.editor-styles-wrapper blockquote cite {
    font-size: 1.3rem;
    color: #666;
}

.editor-styles-wrapper table {
    width:100%;
    border-width:1px 0 0 1px;
    border-style:solid;
    border-color:#ccc;
    border-spacing:0;
    margin:20px 0;
}
.editor-styles-wrapper table th {
    padding:1em .2em;
    font-weight:normal;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#ccc;
    background-color:#faf1d3;
}
.editor-styles-wrapper table td {
    padding:.75em .2em;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#ccc;
}
.editor-styles-wrapper table td.center {
    text-align:center;
}
.editor-styles-wrapper .vertical th {
    width:80px;
}
@media (min-width:600px) {
    .editor-styles-wrapper .vertical th {
        width:200px;
    }
}
.editor-styles-wrapper iframe { max-width:100%; }



/*.editor-styles-wrapper div.button{
    display:flex;
    justify-content:center;
    text-align:center;
}
.editor-styles-wrapper div.button a {
    display:inline-block;
    width:300px;
    padding:15px 0;
    margin:0 10px 15px;
    border-bottom:5px solid #53baff;
    background-color:#ddf1ff;
    text-decoration:none;
}
.editor-styles-wrapper div.button a:hover {
    text-decoration:underline;
}
.editor-styles-wrapper div.button a.button_small {
    padding:1px 0;
}*/