【賢威8】吹き出しをカスタマイズ

.chat_l, .chat_r{
	max-width: 600px;/*キャラ+吹き出しの最大幅を指定*/
	margin: 0 auto;/*上下の隙間を無くして中央へ配置*/
	font-weight: bold;/*吹き出し内の文字を太字に*/
}

/*モバイル*/
.chat_l .bubble_wrap{
	margin-left: -68px;/*左のキャラ画像と吹き出しの隙間、大きいほど離れる*/
	padding-left: 68px;/*↑margin-leftと同じ数字にしてください*/
}
.chat_r .bubble_wrap{
	margin-right: -68px;/*右のキャラ画像と吹き出しの隙間、大きいほど離れる*/
	padding-right: 68px;/*↑margin-rightと同じ数字にしてください*/
}
/*PC（768px以上）*/
@media screen and (min-width: 768px) {
.chat_l .bubble_wrap{
	margin-left: -110px;/*左のキャラ画像と吹き出しの隙間、大きいほど離れる*/
	padding-left: 110px;/*↑margin-leftと同じ数字にしてください*/
}
.chat_r .bubble_wrap{
	margin-right: -110px;/*右のキャラ画像と吹き出しの隙間、大きいほど離れる*/
	padding-right: 110px;/*↑margin-leftと同じ数字にしてください*/
}
}

.chat_l .talker b,
.chat_r .talker b{
	font-weight: bold;/*名前を太字に*/
	text-align: center;/*名前を中央へ配置*/
}
.chat_l .talker b img,
.chat_r .talker b img{
	max-width: 80px;/*PCの画像サイズ（最大幅）を指定*/
	margin-bottom: 3px;/*キャラ画像と名前の隙間を調整*/
	border: 1px solid #f4f5f7;/*キャラ画像に薄い枠線をつける*/
}

/*キャラクター吹き出し設定のカスタマイズ*/
.chat_l, .chat_r{
	max-width: 600px;
	margin: 0 auto;
	font-weight: bold;
}
.chat_l .talker b,
.chat_r .talker b{
	font-weight: bold;
	text-align: center;
}
.chat_l .talker b img,
.chat_r .talker b img{
	max-width: 80px;
	margin-bottom: 3px;
	border: 1px solid #f4f5f7;
}
.chat_l .bubble_wrap{
	margin-left: -68px;
	padding-left: 68px;
}
.chat_r .bubble_wrap{
	margin-right: -68px;
	padding-right: 68px;
}
/*
768px以上
*/
@media screen and (min-width: 768px) {
.chat_l .bubble_wrap{
	margin-left: -110px;
	padding-left: 110px;
}
.chat_r .bubble_wrap{
	margin-right: -110px;
	padding-right: 110px;
}
}