/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/*オリジナルふきだし基本コード*/

.hukidashi .name{
	margin-top: 0.5em;
	font-size: 0.7em;
	color: #666;
	font-weight: bold;
}
.hukidashi{
	margin:1em 0 1.3em;
	font-size:0.95em;
}
.hukidashi .hc{
	border:3px solid #eee;
	background-color: #eee;
	color: #555;
	margin-top: 0.5em;
	position:relative;
  width: calc(100% - 6em);
	border-radius:12px;
}
.hukidashi.left .hc{
	float:right;
	padding: 1em 0.8em 1em 1em;
}
.hukidashi.right .hc{
	float:left;
	padding: 1em 1em 0.8em 1em;
}
.hukidashi.left .hc:before {
	content: '';
	position: absolute;
	border-right: 1.1em solid #eee;
	border-bottom: 0.8em solid transparent;
	border-top: 0.8em solid transparent;
	top: 1em;
	left: -0.8em;
}
.hukidashi.right .hc:before {
	content: '';
	position: absolute;
	border-left: 1.1em solid #eee;
	border-bottom: 0.8em solid transparent;
	border-top: 0.8em solid transparent;
	top: 1em;
	right: -0.8em;
}
.hukidashi .hc h2,
.hukidashi .hc h3,
.hukidashi .hc h4,
.hukidashi .hc h5 {
	margin:10px 0!important;
	padding:0;
}
.hukidashi .hc p {
	margin-bottom:1em;
}
.hukidashi .hc p:last-child{
	margin-bottom:0;
}
.hukidashi .icon{
	width: ;
	text-align:center;
}
.hukidashi.left .icon{
	float:left;
}
.hukidashi.right .icon{
	float:right;
}
.hukidashi .icon img{
	border-radius:50%;
	width:5em;
	margin:0;
	border: 3px solid #eee;
	background: #eee;
}

/* --- 赤い吹き出し --- */
.hukidashi.red .hc{
background-color: #FD6173;
border-color: #FD6173;
}
.hukidashi.left.red .hc:before{
border-right-color: #FD6173;
}
.hukidashi.left.red .hc:after{
content:none;
}
.hukidashi.right.red .hc:before{
border-left-color: #FD6173;
}
.hukidashi.right.red .hc:after{
content:none;
}
.hukidashi.red .hc{
color: #ffffff;
}
.hukidashi.red .icon img {
background-color: #FD6173;
border-color: #FD6173;
}

/* --- 青い吹き出し --- */
.hukidashi.blue .hc{
background-color: #9CC2F7;
border-color: #9CC2F7;
}
.hukidashi.left.blue .hc:before{
border-right-color: #9CC2F7;
}
.hukidashi.left.blue .hc:after{
content:none;
}
.hukidashi.right.blue .hc:before{
border-left-color: #9CC2F7;
}
.hukidashi.right.blue .hc:after{
content:none;
}
.hukidashi.blue .hc{
color: #555;
}
.hukidashi.blue .icon img {
background-color: #9CC2F7;
border-color: #9CC2F7;
}

/* --- 水色の吹き出し --- */
.hukidashi.sky .hc{
background-color: #C0E7F6;
border-color: #C0E7F6;
}
.hukidashi.left.sky .hc:before{
border-right-color: #C0E7F6;
}
.hukidashi.left.sky .hc:after{
content:none;
}
.hukidashi.right.sky .hc:before{
border-left-color: #C0E7F6;
}
.hukidashi.right.sky .hc:after{
content:none;
}
.hukidashi.sky .hc{
color: #555555;
}
.hukidashi.sky .icon img {
background-color: #C0E7F6;
border-color: #C0E7F6;
}