@charset "UTF-8";

/*
 * Wysiwyg style css for Quill
 */

span.ql-size-small {
    font-size: 80%;
}

span.ql-size-large {
    font-size: 130%;
}

span.ql-size-huge {
    font-size: 175%;
}


/* wysiwyg = CK */

.wysiwyg {
    word-wrap : break-word;
    overflow-wrap : break-word;
    margin-bottom:4%;
}

/* 太字 <strong> */
.wysiwyg strong {
    font-weight: bold;
}

/* 斜体 <em> */
.wysiwyg em {
    font-style: italic;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 下線 <u> */
.wysiwyg u {
    text-decoration:underline;
}

/* 打ち消し線 <s> */
.wysiwyg s {
    text-decoration:line-through;
}

/* 下付き <sub> */
.wysiwyg sub {
    font-size:0.8rem;
}

/* 上付き <sup> */
.wysiwyg sup {
    font-size:0.8rem;
}

/* 順序のないリスト <ol> */
.wysiwyg ol {
    margin:0.5em 0;
    padding:0 1.5em;
    list-style: decimal outside;
}
.wysiwyg li ol>li {
    text-indent:0;
}

/*順序のないリスト <ul> */
.wysiwyg ul {
    margin:0.5em 0;
    padding:0 0.5em;
    list-style: none;
}
.wysiwyg ul>li {
    padding-left:1em;
    text-indent:-1em;
}
.wysiwyg ul>li:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.5em;
}

/* インデント <p class="txt-indent"> */
.wysiwyg .txt-indent {
    text-indent:1em;
}

/* ブロック引用文 <blockquote> */
.wysiwyg blockquote {
    position: relative;
    padding: 1em 2em;
    box-sizing: border-box;
    font-style: italic;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #FBFBFB;
    margin:0.5em 1em;
}

/* 中央揃え <p class="txt-center"> */
.wysiwyg .txt-center {
    text-align:center;
}

/* 右揃え <p class="txt-right"> */
.wysiwyg .txt-right {
    text-align:right;
}

/* 両端揃え <p class="txt-justify"> */
.wysiwyg .txt-justify {
    text-align:justify;
}

/* ハイパーリンク <a href=""> */
.wysiwyg a[href] {
    text-decoration:underline;
    color:#03F;
}

/* アンカー挿入 <a id="" name=""> */
.wysiwyg a {
    text-decoration:none;
    color: inherit;
}

/* テーブル <table> */
.wysiwyg table {
    width: auto;
    margin:1em 0;
    border-collapse:collapse;
    border: 1px solid #DDD;
    max-width:100%;
    border-spacing: 0;
}
.wysiwyg table caption {
    text-align:center;
    margin-bottom:0.5em;
}
.wysiwyg table tr th {
    background: #f6f6f6;
    padding: 0.5em 0.25em;
    border: 1px solid #DDD;
}
.wysiwyg table tr td {
    background: #FFFFFF;
    padding: 0.5em 0.25em;
    border: 1px solid #DDD;
    word-break: break-all;
    word-wrap: break-word;
}

.wysiwyg table .txt-justify {
    -moz-text-align-last: justify;
    text-align-last: justify;
}

/* フォントサイズ小 <span class="font-size-small"> */
.wysiwyg .font-size-small {
    font-size:1.1rem;
}

/* フォントサイズ大 <span class="font-size-large"> */
.wysiwyg .font-size-large {
    font-size:2.2rem;
}


/* 文字の間隔0.5em <span class="font-space-small"> */
.wysiwyg .font-space-small {
    letter-spacing:0.5em;
}

/* 文字の間隔1.0em <span class="font-space-medium"> */
.wysiwyg .font-space-medium {
    letter-spacing:1.0em;
}

/* 文字の間隔1.5em <span class="font-space-large"> */
.wysiwyg .font-space-large {
    letter-spacing:1.5em;
}

/* 文字の間隔2.0em <span class="font-space-xlarge"> */
.wysiwyg .font-space-xlarge {
    letter-spacing:2.0em;
}