/*
ここに独自の 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.sky .hc{
background-color: #c8e4ff;
border-color: #c8e4ff;
}
.hukidashi.left.sky .hc:before{
border-right-color: #c8e4ff;
}
.hukidashi.left.sky .hc:after{
content:none;
}
.hukidashi.right.sky .hc:before{
border-left-color: #c8e4ff;
}
.hukidashi.right.sky .hc:after{
content:none;
}
.hukidashi.sky .hc{
color: #555555;
}
.hukidashi.sky .icon img {
background-color: #c8e4ff;
border-color: #c8e4ff;
}


.memox{
   position:relative;
   background:#fffde7;
   width:85%;
   margin:2em auto;
   padding:1.5em 1em;
   transform: rotate(-1deg);
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   color:#795548;
}
.memox::before{
   content:'ニャンジャ語録';
   position:relative;
   display:inline-block;
   border-bottom:3px solid #795548;
   border-radius: 0 0 40% 5% / 0 0 15% 20%;
   padding:0 1em 0.1em 0.2em;
   font-family: honokamaru;
   font-size:110%;
   font-weight:bold;
   
}
.memox::after{
   content:'';
   position:absolute;
   left:50%;
   top:-15px;
   margin-left:-75px;
   width:150px;
   height:30px;
   background:rgba(245,245,245,0.7);
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   
}
.memox ol{
   margin:1em 0.5em 0 2em;
   padding:0 0 0 0;
}
.memox ol li{
   margin-bottom:0.5em;
}


.note{
    position: relative;
    background-color: #fffde7;
    background-image:
    linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);
    background-size: 100% 1.5em;
    line-height:1.5em;}