p.sentence,
p.speech,
p.think{
	margin:0;
	padding:0;
}

p.speech:before{
	content: attr(chara); 
	display:box;
	box-align:center;
	box-pack:center;
	white-space: pre-line;
	width:6em;
	text-align:center;
	background:rgba(255,255,255,0.6);
	color:#000000;
	border-radius: 10px;
	text-shadow:1px 1px 2px rgba(255,255,255,1),-1px -1px 2px rgba(255,255,255,1),-1px 1px 2px rgba(255,255,255,1),1px -1px 2px rgba(255,255,255,1);
	box-shadow:inset 1px 1px 1px 2px rgba(0,0,0,0.6); 
	margin-right:1em;
}

p[chara="プレアデス"]:before{background:rgba(255,255,255,0.9);}
p[chara="グラシア"]:before{background:rgba(255,0,0,0.9);}
p[chara="デルフィン"]:before{background:rgba(0,51,153,0.9);}
p[chara="シエル"]:before{background:rgba(255,102,51,0.9);}
p[chara="ファベル"]:before{background:rgba(0,0,0,0.9);box-shadow:inset 1px 1px 1px 2px rgba(255,255,255,0.6); }
p[chara="ソルダ"]:before{background:rgba(255,255,51,0.9);}
p[chara="アスファリヤ"]:before{background:rgba(255,102,255,0.9);}
p[chara="ルスキニア"]:before{background:rgba(102,255,102,0.9);}

p.speech:after { content: ''; }
p.speech {
	margin:1em 0;
	display: box;
	white-space:normal;
}
p.speech>span{
	display:-webkit-box;
	box-align:center;
	box-flex: 1;
	white-space:normal;
	padding:0.5em;
}