@charset "utf-8";
/* CKE5 ckeditor.scss */
:root {
    --ck-color-selector-caption-text: hsl(0, 0%, 20%);
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.cke5-blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    border-left: solid 5px #cccccc;
}

[dir="rtl"] .cke5-blockquote {
    border-left: 0;
    border-right: solid 5px #cccccc;
}

.cke5-table {
    overflow: hidden;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #000;
}

.cke5-table td, .cke5-table th {
    min-width: 2em;
    padding: .4em;
    border: 1px solid #000;
    overflow-wrap: anywhere;
    position: relative;
}

.cke5-table th {
    font-weight: bold;
}

[dir="rtl"] .cke5-table th {
    text-align: right;
}

[dir="ltr"] .cke5-table th {
    text-align: left;
}

.cke5-table > caption {
    caption-side: top;
    word-break: break-word;
    text-align: center;
    color: var(--ck-color-selector-caption-text);
    padding: .6em;
    outline-offset: -1px;
}

.cke5-table .ck-table-resized {
    table-layout: fixed;
}

.cke5-image {
    max-width: 100%;
    height: auto !important;
}

/* CKE5 for old UI */
.cke5-blockquote > p {
    all: revert;
}

.ck-content p {
    all: revert;
}

.image-style-block-align-left,
.image-style-block-align-right {
    max-width: calc(100% - var(--ck-image-style-spacing));
}

.image-style-align-left,
.image-style-align-right {
    clear: none;
}

.image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.image-style-block-align-right {
    margin-right: 0;
    margin-left: auto;
}

.image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

p + .image-style-align-left,
p + .image-style-align-right{
    margin-top: 0;
}

.image-inline {
    &.image-style-align-left,
    &.image-style-align-right {
        margin-top: var(--ck-inline-image-style-spacing);
        margin-bottom: var(--ck-inline-image-style-spacing);
    }

    &.image-style-align-left {
        margin-right: var(--ck-inline-image-style-spacing);
    }

    &.image-style-align-right {
        margin-left: var(--ck-inline-image-style-spacing);
    }
}
/* 回答エリア 先頭末尾それぞれ2つのpタグの余白を削る */
.answer_contents > .ck-content > p:is(:first-child, :last-child) {
    margin-block: 0;
    padding-bottom: 0;
}
.answer_contents > .ck-content > p:nth-child(2) {
    margin-top: 0;
}
.answer_contents > .ck-content > p:nth-last-child(2) {
    margin-bottom: 0;
}