@import url("../style.css");

/* 見出し */
#post-title {
    border-bottom: 1px dotted #ccc;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 3rem;
    margin-bottom: 1.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
}

#post-body p {
    padding-bottom: 0.25rem;
}
#post-body a {
    color: #116AB0;
    text-decoration: underline;
    cursor: pointer;
}

/* 文字サイズ */
.ql-size-small {
    font-size: 0.75em;
}
.ql-size-large {
    font-size: 1.5em;
}
.ql-size-huge {
    font-size: 2.5em;
}
/* 文字揃え */
.ql-align-center {
    text-align: center;
}
.ql-align-right {
    text-align: right;
}
.ql-align-center img,
.ql-align-right img {
    display: inline-block;
}
/* インデント */
.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}
.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}
.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}
.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}
.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}
.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}
.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}
.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

/* WordPressブロックエディタの色 */
:root .has-pale-pink-background-color {
    background-color: #f78da7;
}
:root .has-vivid-red-background-color {
    background-color: #cf2e2e;
}
:root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900;
}
:root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900;
}
:root .has-light-green-cyan-background-color {
    background-color: #7bdcb5;
}
:root .has-vivid-green-cyan-background-color {
    background-color: #00d084;
}
:root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc;
}
:root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3;
}
:root .has-vivid-purple-background-color {
    background-color: #9b51e0;
}
:root .has-white-background-color {
    background-color: #fff;
}
:root .has-very-light-gray-background-color {
    background-color: #eee;
}
:root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3;
}
:root .has-very-dark-gray-background-color {
    background-color: #313131;
}
:root .has-black-background-color {
    background-color: #000;
}
:root .has-pale-pink-color {
    color: #f78da7;
}
:root .has-vivid-red-color {
    color: #cf2e2e;
}
:root .has-luminous-vivid-orange-color {
    color: #ff6900;
}
:root .has-luminous-vivid-amber-color {
    color: #fcb900;
}
:root .has-light-green-cyan-color {
    color: #7bdcb5;
}
:root .has-vivid-green-cyan-color {
    color: #00d084;
}
:root .has-pale-cyan-blue-color {
    color: #8ed1fc;
}
:root .has-vivid-cyan-blue-color {
    color: #0693e3;
}
:root .has-vivid-purple-color {
    color: #9b51e0;
}
:root .has-white-color {
    color: #fff;
}
:root .has-very-light-gray-color {
    color: #eee;
}
:root .has-cyan-bluish-gray-color {
    color: #abb8c3;
}
:root .has-very-dark-gray-color {
    color: #313131;
}
:root .has-black-color {
    color: #000;
}

#post-body a:any-link:hover {
    color: #f43254;
}
#post-body a {
    transition: .3s;
}