/* 専用クラスだけに適用。保存済みの装飾も使えるよう内部のpinkクラス名は維持する。 */
.kw-rich-bg-gray { padding:20px; background:#fafafa; outline:1px solid #f0f0f0; text-align:left; margin:15px 0 60px; }
.kw-rich-gray-box { padding:20px; margin:20px 0; border:1px solid #d8d8d8; background:#f5f5f5; }
.kw-rich-pink-line { background:linear-gradient(transparent 70%,#d9effb 70%); }
.kw-rich-point::before { content:""; display:inline-block; width:18px; height:18px; vertical-align:middle; margin-right:5px; background:url('../../../themes/lounge-tapioca/images/check-mark-p.svg') no-repeat; background-size:18px; }
.kw-rich-red-box { padding:20px; margin:20px 0; border:2px solid #c62828; background:#fff7f7; }
.kw-rich-txt-pink { color:#006da8; }
.kw-rich-txt-red { color:#c62828; }
/* サイトのメインカラーに合わせた青色の囲み。 */
.kw-rich-pink-box { margin:20px 0; font-weight:bold; display:block; background:#f2f9ff; padding:25px 20px 15px; border-radius:2px; font-size:18px; border:2px dashed #0090dd; }
.kw-rich-pink-box p { margin-top:16px; }
.kw-rich-pink-box p:first-child { margin-top:0; }
.kw-rich-source { text-align:right; }
.kw-rich-source a { font-style:italic; color:#999; font-size:11px; overflow-wrap:anywhere; }
.kw-rich-gray-frame { padding:20px; margin:20px 0; border:1px solid #ccc; }
.kw-rich-yellow-box { position:relative; background:#fffbeb; border:1px solid #ededed; border-radius:6px; margin:0 auto; padding:20px; }
.kw-rich-menu { max-width:145px; vertical-align:middle; margin:2px 3px; }
.kw-rich-error { border-left:4px solid #d63638; background:#fff; color:#b32d2e; padding:8px 12px; margin:8px 0; white-space:pre-line; }
.kw-rich-uploading { cursor:progress; }
@media (max-width:765px) { .kw-rich-pink-box { font-size:16px; } }