@charset "utf-8";

/*ユーザー投稿
==================================================================================================================*/
/* ユーザー投稿本文 .uTextはサイト上表示でのみ適用のスタイル、.editor-styles-wrapper はWPのエディタでも反映されるスタイル */
.uText img{ max-width:100%; width:auto; height:auto; }

.editor-styles-wrapper .kakomi { padding:20px 25px; margin:20px; border-radius:4px; }
.editor-styles-wrapper .wk_gray{ border: 3px dashed #eee; }
.editor-styles-wrapper .bg_gray{ background:#f7f7f7; }
.editor-styles-wrapper .wk_orange{ border: 3px dashed #faebd7; }
.editor-styles-wrapper .bg_orange{ background:#fff7f4; }
.editor-styles-wrapper .wk_blue{ border: 3px solid #6495ed; }
.editor-styles-wrapper .bg_blue{ background:#6495ed; }
.editor-styles-wrapper .h2_orange{ background:#ffa37f; color:#fff; padding:13px 15px; }
.editor-styles-wrapper .h2_orange::before{
	position: absolute; content: ''; height: 1px; width: 98%;
	background-image: linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 60%,transparent 60%,transparent 100%);
	background-size: 10px 3px;
	top: 5px;
	left: 1%;
	z-index: 999; }
.editor-styles-wrapper .h2_orange::after{
	position: absolute; content: ''; height: 1px; width: 98%;
	background-image: linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 60%,transparent 60%,transparent 100%);
	background-size: 10px 3px;
	bottom: 5px;
	left: 1%;
	z-index: 999; }
.editor-styles-wrapper .h3_orange{ padding:6px 7px; border-left:5px solid #fff; border-bottom:1px dashed #fff; border-color:#ffa37f; }

.editor-styles-wrapper .fukidashi_l {background: #a8bf4e; margin:0 auto 0 60px; padding: 5px 10px; position: relative; border-radius: 30px; display:table;  line-height:1.3;}
.editor-styles-wrapper .fukidashi_l::before {
  content:"";background:url(person1.png) no-repeat; background-size:contain;
  position:absolute; top:0; left:-60px;
  width:60px; height:60px;
}
.editor-styles-wrapper .fukidashi_l::after {
	content: ""; position: absolute; top: 3px; left: -19px;
	border: 8px solid transparent; border-right: 18px solid #a8bf4e; transform: rotate(35deg);
}
.editor-styles-wrapper .fukidashi_r {background: #a8bf4e; margin:0 60px 0 auto; padding: 5px 10px; position: relative;border-radius: 30px; display:table; line-height:1.3;}
.editor-styles-wrapper .fukidashi_r::before {
  content:"";background:url(person1.png) no-repeat; background-size:contain;
  position:absolute; top:0; right:-60px;
  width:60px; height:60px;
}
.editor-styles-wrapper .fukidashi_r::after {
	content: ""; position: absolute; top: 10px; right: -19px;
	border: 8px solid transparent; border-left: 18px solid #a8bf4e; transform: rotate(10deg);
}