/* まとめ本文 */
.t_b {
 font-size: 18px;
 font-weight: bold;

 margin-top: 20px;
 margin-bottom: 60px; 
}
/* まとめ日時ID */
.t_h {
 font-size: 10px;
 padding: 10px 0px 0px 0px
}


  /* 吹き出しのCSS　*/

.article-body .l-fuki,

.article-body .r-fuki {

	position: relative;

	width: 80%;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding: 20px;

	border-radius: 6px;

	border: 2px solid #999;

	box-shadow: 1px 1px 5px #aaa;

	background-color: #fff;

	z-index: 1;

}

.article-body .r-fuki {

	margin: 20px 20% 40px 0;

	background-color: GreenYellow;

}

.article-body .l-fuki {

	margin: 20px 0 40px 19%;

}

.article-body .l-fuki::before,

.article-body .r-fuki::before {

	position: absolute;

	content: "";

	top: 16px;

	width: 10px;

	height: 10px;

	border-right: 2px solid #999;

	border-bottom: 2px solid #999;

	background-color: #fff;

	z-index: 2;

}

.article-body .r-fuki::before {

	right: -7px;

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	background-color: GreenYellow;

}

.article-body .l-fuki::before {

	left: -7px;

	transform: rotate(135deg);

	-webkit-transform: rotate(135deg);

}

.article-body .l-fuki::after,

.article-body .r-fuki::after {

	position: absolute;

	content: "";

	width: 80px;

	height: 80px;

	top: -10px;

	border-radius: 40px;

	border: 3px solid #fff;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

	box-shadow: 1px 1px 5px #aaa;

}

.article-body .r-fuki::after {

	right: -110px;

}

.article-body .l-fuki::after {

	left: -110px;

}

@media screen and (max-width: 620px) {

	.article-body .l-fuki,

	.article-body .r-fuki {

		width: 70%

	}

	.article-body .r-fuki {

		margin-right: 30%;

	}

	.article-body .l-fuki {

		margin-left: 30%;

	}

}

@media screen and (max-width: 478px) {

	.article-body .l-fuki::after,

	.article-body .r-fuki::after {

		width: 60px;

		height: 60px;

		border-radius: 30px;

	}

	.article-body .r-fuki::after {

		right: -84px;

	}

	.article-body .l-fuki::after {

		left: -84px;

	}

}





.kao::after {background-image:url(http://yurugame.doorblog.jp/gazou/kao.png);}