/*
 * Cocoonで保存済みの吹き出しHTML用の表示互換スタイル。
 * Cocoonのブロック編集機能や動的ショートコードは登録しません。
 * 記事データには変更を加えません。
 */
:is(.entry-content,.editor-styles-wrapper) .speech-wrap{
 --ao-balloon-icon-size:80px;
 --ao-balloon-bg:var(--cocoon-custom-background-color,#f2f9f6);
 --ao-balloon-border:var(--cocoon-custom-border-color,#b5d3c9);
 --ao-balloon-text:var(--cocoon-custom-text-color,#294b59);
 display:flex;align-items:flex-start;gap:20px;clear:both;
 width:100%;max-width:100%;margin:1.8em 0;padding:0;
 border:0;background:transparent;box-sizing:border-box;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap::after{display:none}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-person{
 flex:0 0 var(--ao-balloon-icon-size);width:var(--ao-balloon-icon-size);
 min-width:0;margin:0;padding:0;text-align:center;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-icon{
 display:block;width:var(--ao-balloon-icon-size);height:var(--ao-balloon-icon-size);
 max-width:100%;margin:0;padding:0;overflow:hidden;border-radius:50%;
 border:2px solid var(--ao-balloon-border);background:#fff;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-icon img{
 display:block;width:100%;height:100%;max-width:100%;margin:0;padding:0;
 object-fit:cover;border:0;border-radius:inherit;box-shadow:none;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-name{
 margin:6px 0 0;padding:0;font-size:12px;font-weight:600;line-height:1.5;
 color:#526a72;overflow-wrap:anywhere;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon{
 position:relative;flex:1 1 0;min-width:0;max-width:100%;width:auto;
 margin:4px 0 0;padding:16px 20px;border:2px solid var(--ao-balloon-border);
 border-radius:16px;background:var(--ao-balloon-bg);color:var(--ao-balloon-text);
 font-size:1em;line-height:1.9;overflow-wrap:anywhere;box-sizing:border-box;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon::before{
 content:"";position:absolute;display:block;left:-8px;right:auto;top:21px;
 width:12px;height:12px;border:0;border-left:2px solid var(--ao-balloon-border);
 border-bottom:2px solid var(--ao-balloon-border);background:var(--ao-balloon-bg);
 transform:rotate(45deg);box-sizing:content-box;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon::after{display:none}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon>:first-child{margin-top:0}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon>:last-child{margin-bottom:0}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbp-r{flex-direction:row-reverse}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbp-r .speech-balloon::before{
 left:auto;right:-8px;border:0;border-right:2px solid var(--ao-balloon-border);
 border-top:2px solid var(--ao-balloon-border);
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbis-sn .speech-icon,
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbis-sb .speech-icon{border-radius:8px}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbis-sn .speech-icon,
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbis-cn .speech-icon{border:0}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-flat{--ao-balloon-border:var(--cocoon-custom-border-color,#d8eae3)}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-line{
 --ao-balloon-bg:var(--cocoon-custom-background-color,#edf7eb);
 --ao-balloon-border:var(--cocoon-custom-border-color,#b9d6b1);
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-think .speech-balloon{border-radius:25px}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-think .speech-balloon::before{
 left:-13px;right:auto;top:24px;width:11px;height:11px;transform:none;
 border:2px solid var(--ao-balloon-border);border-radius:50%;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-think .speech-balloon::after{
 content:"";display:block;position:absolute;left:-22px;right:auto;top:39px;
 width:5px;height:5px;border:2px solid var(--ao-balloon-border);
 border-radius:50%;background:var(--ao-balloon-bg);box-sizing:content-box;
}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-think.sbp-r .speech-balloon::before{left:auto;right:-13px}
:is(.entry-content,.editor-styles-wrapper) .speech-wrap.sbs-think.sbp-r .speech-balloon::after{left:auto;right:-22px}
@media(max-width:600px){
 :is(.entry-content,.editor-styles-wrapper) .speech-wrap{--ao-balloon-icon-size:56px;gap:16px}
 :is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-name{font-size:11px}
 :is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon{padding:12px 14px;font-size:15px}
 :is(.entry-content,.editor-styles-wrapper) .speech-wrap .speech-balloon::before{top:16px}
}
@media print{
 .entry-content .speech-wrap{break-inside:avoid}
}