/* 吹き出しのCSS　*/

.article-body .l-fuki,

.article-body .r-fuki {

	position: relative;

	width: 75%;

	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: 25px 20% 40px 0;

	background-color: GreenYellow;

}

.article-body .l-fuki {

	margin: 25px 0 40px 23%;

}

.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: 60%

	}

	.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: 50px;

		height: 50px;

		border-radius: 30px;

	}

	.article-body .r-fuki::after {

		right: -84px;

	}

	.article-body .l-fuki::after {

		left: -84px;

	}

}



.sunglass::after {background-image:url(https://lh3.googleusercontent.com/-ZsqoJfowbKg/XBBtHMUOoxI/AAAAAAAAZnI/z8ljjL1K3ZkZS_GCGfbDLhsq_0TpBDQBwCEwYBhgL/w140-h140-p/man_58.png);}
.boy::after {background-image:url(https://lh3.googleusercontent.com/-HZfl7ZfCDCw/XBBq6rbqJTI/AAAAAAAAZm8/eZulsJdMoRcBmMllctkpx7rBdxZ0RZJ4ACEwYBhgL/w136-h140-p/s-necchusyou_face_boy01.jpg);}
.puppy::after {background-image:url(https://lh3.googleusercontent.com/-AvddvxfNG74/XBG9zhcFRrI/AAAAAAAAZoM/3aGd0gdjmFIfn9xPQAV90N2570rCAvsEACLcBGAs/h120/puppy.jpg
);}
.turuchan::after {background-image:url(https://lh3.googleusercontent.com/-OXk_T1mz8iQ/XBQEkfkN1aI/AAAAAAAAZsk/sD-8oidD-Lscaxlpg31bXBindEaZBnc-QCLcBGAs/h120/turuchan.png);}
.businessman::after {background-image:url(https://lh3.googleusercontent.com/-x8ixTAO8wiM/XBRAL70t7gI/AAAAAAAAZs0/z3No3Dq8WiQRFn1E5VNRWGOFhaB91QFegCEwYBhgL/w140-h140-p/businessman.jpg);}
.s-hoyo::after {background-image:url(https://lh3.googleusercontent.com/-PA6wU9B1Mp4/XBRBqbqHthI/AAAAAAAAZs8/vB2v43QOtqsRDn3xYIgi77a9Ngec6kK7QCLcBGAs/h120/hoyo.jpg);}
.mitsubachi::after {background-image:url(https://lh3.googleusercontent.com/-rQHbrbp0Ld0/XBRCQj9176I/AAAAAAAAZtE/s_WBI54AT8olhBYDKldIRpkh88rTYUU5ACLcBGAs/h120/mitsubachi.jpg);}
.chinchan::after {background-image:url(https://lh3.googleusercontent.com/-0cNorBRIick/XBSpV6eKw0I/AAAAAAAAZuw/IHtQlBa6e8UGl0WevqMmapT45q_NaHD8wCLcBGAs/h120/chinchan.png);}
.cat::after {background-image:url(https://lh3.googleusercontent.com/-KPtCG3W_VT4/XBg2baiuakI/AAAAAAAAZ24/cE4_qTKMI6gAdtkXGJZUeDNsMC_-bIvFQCEwYBhgL/w140-h140-p/cat3_4_tehe.png);}