@charset "utf-8";
/*=======================================================

プレビューページ

========================================================*/
/* Quill リセット上書き */
/* Quill側でクラス設定できるよう検討中　今は下記で対応 */
.member-news-item__text.ql-editor {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
}
.ql-editor strong {
  font-weight: bold !important;
}
.ql-editor em {
  font-style: italic !important;
}
.ql-editor a {
  color: rgb(18, 102, 247) !important;
  text-decoration: underline !important;
}
.ql-editor a:hover {
  color: rgb(18, 152, 247) !important;
}


.preview {
    padding: 0em 1em;
}
/*タイトル*/
.preview .category {
    background-color: #e1a865;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 0.3em 0.5em;
    line-height: 1;
    border-radius: 1px;
    margin-bottom: 0.5em;
}
/*カテゴリ*/
.preview .title {
    border-bottom: 2px solid #c6c6c6;
    padding: 0.2em 0em 0.5em 0.1em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
/*改行*/
.preview .改行 {
    display: block;
    margin-bottom: 1em;
}
/*空白行*/
.preview .空白行 {
    display: block;
}
/*マーカー*/
.preview .マーカー {
    background: linear-gradient(rgba(255, 255, 255, 0) 70%, rgb(255, 214, 76) 90%);
    font-weight: bold;
}
/*赤字*/
.preview .赤字 {
    color: #f41a1a;
}
/*小見出し*/
.preview .小見出し {
    display: block;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 0.5em;
    position: relative;
    padding-left: 1.2em;
    line-height: 1.4;
}
.preview .小見出し::before{
    position: absolute;
    content: "";
    top:0em;
    left: 0.2em;
    width: .4em;
    height: 1.4em;
    background-color: #b9651e;    
}
/*テキストリンク*/
.preview .リンク{
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    transition: .3s ease-out;
    color: #00917b;
    }
    /*-------------------*/
    .preview .リンク:hover{
        color: #00c9ab;
    }

.draft {
    opacity: 0.5;
    pointer-events: none;
}