/* カスタムカラーパレット用スタイル */
.has-color-1-color {
    color: #001d1b;
}
.has-color-2-color {
    color: #00888d;
}
.has-color-3-color {
    color: #758686;
}
.has-color-4-color {
    color: #dfe0e6;
}
.has-color-5-color {
    color: #eeeff1;
}

.has-color-1-background-color {
    background-color: #001d1b;
}
.has-color-2-background-color {
    background-color: #00888d;
}
.has-color-3-background-color {
    background-color: #758686;
}
.has-color-4-background-color {
    background-color: #dfe0e6;
}
.has-color-5-background-color {
    background-color: #eeeff1;
}

/* テーブルのthおよびtdにカラーパレットを適用 */
.wp-block-table th .sme-bg-color,
.wp-block-table td .sme-bg-color{
    position: relative;
    display: block;
    margin: -.5em;
    padding: .5em;
}
.wp-block-table th .sme-bg-color::before,
.wp-block-table td .sme-bg-color::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.wp-block-table th .sme-bg-color.has-color-1-background-color::before,
.wp-block-table td .sme-bg-color.has-color-1-background-color::before {
    background-color: var(--wp--preset--color--color-1);
}

.wp-block-table th .sme-bg-color.has-color-2-background-color::before,
.wp-block-table td .sme-bg-color.has-color-2-background-color::before {
    background-color: var(--wp--preset--color--color-2);
}

.wp-block-table th .sme-bg-color.has-color-3-background-color::before,
.wp-block-table td .sme-bg-color.has-color-3-background-color::before {
    background-color: var(--wp--preset--color--color-3);
}

.wp-block-table th .sme-bg-color.has-color-4-background-color::before,
.wp-block-table td .sme-bg-color.has-color-4-background-color::before {
    background-color: var(--wp--preset--color--color-4);
}

.wp-block-table th .sme-bg-color.has-color-5-background-color::before,
.wp-block-table td .sme-bg-color.has-color-5-background-color::before {
    background-color: var(--wp--preset--color--color-5);
}

.wp-block-table tr.has-color-1-background-color th,
.wp-block-table tr.has-color-1-background-color td  {
    background-color: var(--wp--preset--color--color-1);
}
.wp-block-table tr.has-color-2-background-color th,
.wp-block-table tr.has-color-2-background-color td {
    background-color: var(--wp--preset--color--color-2);
}
.wp-block-table tr.has-color-3-background-color th,
.wp-block-table tr.has-color-3-background-color td {
    background-color: var(--wp--preset--color--color-3);
}
.wp-block-table tr.has-color-4-background-color th,
.wp-block-table tr.has-color-4-background-color td {
    background-color: var(--wp--preset--color--color-4);
}
.wp-block-table tr.has-color-5-background-color th,
.wp-block-table tr.has-color-5-background-color td {
    background-color: var(--wp--preset--color--color-5);
}

/* その他エディター用 */

.blog-ttl-02 {
	color: var(--accent-color);
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: -0.8em
}
.blog-box {
	padding: 1.25em 2.375em;
}

.wp-block-table td,
.wp-block-table th {
  vertical-align: middle;
}