/* Classic Editor のスタイル調整 */
.editor-styles-wrapper {
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    line-height: 1.6 !important;
}

/* 見出しのスタイル */
.editor-styles-wrapper h1, 
.editor-styles-wrapper h2, 
.editor-styles-wrapper h3, 
.editor-styles-wrapper h4, 
.editor-styles-wrapper h5, 
.editor-styles-wrapper h6 {
    font-weight: bold !important;
    color: #222 !important;
}

/* リストのスタイル */
.editor-styles-wrapper ul {
    list-style-type: disc !important;
    margin-left: 20px !important;
}

.editor-styles-wrapper ol {
    list-style-type: decimal !important;
    margin-left: 20px !important;
}

/* テーブルのスタイル */
.editor-styles-wrapper table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.editor-styles-wrapper th, 
.editor-styles-wrapper td {
    border: 1px solid #ddd !important;
    padding: 8px !important;
}

/* リンクのスタイル */
.editor-styles-wrapper a {
    color: #0073aa !important;
    text-decoration: underline !important;
}

.editor-styles-wrapper a:hover {
    color: #005177 !important;
}

/* 画像のスタイル */
.editor-styles-wrapper img {
    max-width: 100% !important;
    height: auto !important;
}

/* ボタンのスタイル */
.editor-styles-wrapper .button {
    background-color: #0073aa !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.editor-styles-wrapper .button:hover {
    background-color: #005177 !important;
}

/* 引用のスタイル */
.editor-styles-wrapper blockquote {
    border-left: 4px solid #FFDC21 !important;
    padding: 10px 15px !important;
    color: #555 !important;
    background: #f8f8f8 !important;
}
.editor-styles-wrapper blockquote p {
    margin-top: 0 !important;
}

/* 太字と斜体 */
.editor-styles-wrapper strong {
    font-weight: bold !important;
}

.editor-styles-wrapper em {
    font-style: italic !important;
}

/* カスタムクラスがあれば追加 */
.editor-styles-wrapper .custom-class {
    background-color: #f4f4f4 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

/* clearfix */
.editor-styles-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* 番号付きリストの番号を強制的に表示 */
.editor-styles-wrapper ol {
    list-style-type: decimal !important;
    margin-left: 20px !important;
    padding-left: 20px !important;
    counter-reset: list-counter !important;
}

.editor-styles-wrapper ol li {
    display: list-item !important;
    counter-increment: list-counter !important;
}

/* 番号を明示的に表示 */
.editor-styles-wrapper ol li::before {
    content: counter(list-counter) "." !important;
    font-weight: bold !important;
    margin-right: 5px !important;
    color: black;
}

/* 番号なしリストの点を強制的に表示 */
.editor-styles-wrapper ul {
    list-style-type: none !important; /* デフォルトの点を無効化 */
    margin-left: 20px !important;
    padding-left: 20px !important;
}

.editor-styles-wrapper ul li {
    position: relative !important;
}

/* 疑似要素を使って点（●）を表示 */
.editor-styles-wrapper ul li::before {
    content: "●"; /* 黒丸を表示 */
    color: #333 !important; /* 点の色 */
    font-size: 5px !important; /* 点のサイズ */
    position: relative;
    top: -3px;
    padding-right: 6px !important; /* 点のためのスペースを確保 */
}