@charset "UTF-8";

#tinymce,
.rich-editor {
    font-size: 0.875rem;
    word-break: break-all;
}
#tinymce h3,
.rich-editor h3 {
    font-size: 1.125rem;
    font-weight: bold;
}
#tinymce h4,
.rich-editor h4 {
    color: #0379de;
    font-size: 1rem;
    font-weight: bold;
}
#tinymce h5,
.rich-editor h5 {
    font-size: 0.875rem;
    font-weight: bold;
}
#tinymce .red,
.rich-editor .red {
    color: #cd0000;
}
#tinymce .bold,
.rich-editor .bold {
    font-weight: bold;
}
#tinymce a,
.rich-editor a {
    text-decoration: underline;
}
#tinymce a:hover,
.rich-editor a:hover {
    text-decoration: none;
}
#tinymce ul,
.rich-editor ul {
    font-size: 1rem;
    font-weight: bold;
    padding-left: 1rem;
}
#tinymce ul li,
.rich-editor ul li {
    line-height: 2rem;
    list-style-type: none;
    position: relative;
}
#tinymce ul > li:before,
.rich-editor ul > li:before {
    color: #0077de;
    content: "・";
    font-size: 2.5rem;
    left: -2rem;
    position: absolute;
    top: -0.1rem;
}
#tinymce ul li > ul,
.rich-editor ul li > ul {
    font-size: 0.875rem;
    font-weight: normal;
}
#tinymce ul li > ul > li:before,
.rich-editor ul li > ul > li:before {
    color: #0077de;
    content: "◯";
    font-size: 0.5rem;
    font-weight: bold;
    left: -1rem;
    position: absolute;
    top: 0rem;
}
#tinymce table,
.rich-editor table {
    border: 1px solid #dadada;
}
#tinymce table th,
.rich-editor table th {
    background: #f3f3f3;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    font-weight: bold;
    padding: 1rem 2rem;
}
#tinymce table td,
.rich-editor table td {
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding: 1rem;
}

/* sp */
@media screen and (max-width:575px) {

}
