@charset "utf-8";
/*
css name: dialogue
for template: post_type
Author: wp.theme.builder.01
*/
/* ---------- 吹き出し会話 ---------- */
.single .entry-header-wrap.content-body-false + .entry-content-wrap .dialogue-container	{
	margin-top: 1em;
}
.dialogue-container	{
	padding: 1em;
	margin-bottom: 1em;
	background-color: #95b0df;/* LINE風 */
	background-color: #EEE;/* グレー */
	background-color: #0693e3;/* 青 */
	background-color: #bef;/* 水色 */
}
.dialogue	{
	display: flex;
	align-items: flex-start;
}
.dialogue + .dialogue	{
	margin-top: 1em;
}
.dialogue.position-right	{
	flex-direction: row-reverse;
}
.dialogue.position-left .dialogue-icon	{
	margin-right: 1em;
}
.dialogue.position-right .dialogue-icon	{
	margin-left: 1em;
}
.dialogue-icon	{
	flex-shrink: 0;
	width: 4em;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	border-radius: 100%;
}
.dialogue-icon:after	{
	content: '';
	display: block;
	padding-top: 100%;
}
/* ---------- スタンプ ---------- */
.dialogue-child.dialogue-stamp	{
	padding-top: 1em;
}
.dialogue-child.dialogue-stamp img	{
	max-width: 8em;
}
/* ---------- セリフ着色 ---------- */
.dialogue .block-baloon	{
	border-color: #FFF;
}
.dialogue .block-baloon-left:before	{
	border-right-color: #FFF;
}
.dialogue .block-baloon-right:before	{
	border-left-color: #FFF;
}
/* 緑 */
.block-baloon.color-green	{
	background-color: #85E249;
}
.block-baloon-left.color-green:after	{
	border-right-color: #85E249;
}
.block-baloon-right.color-green:after	{
	border-left-color: #85E249;
}
/* 白 */
.block-baloon.color-white	{
	background-color: #FFF;
	border-color: #DDD;
}
.dialogue .block-baloon-left.color-white:before	{
	border-right-color: #DDD;
}
.dialogue .block-baloon-right.color-white:before	{
	border-left-color: #DDD;
}
.block-baloon-right.color-white:after	{
	border-left-color: #FFF;
}
.block-baloon-left.color-white:after	{
	border-right-color: #FFF;
}
/* CSS 薄いピンク */
.block-baloon.color-css	{
	background-color: #FFC0C0;
}
.block-baloon-left.color-css:after	{
	border-right-color: #FFC0C0;
}
.block-baloon-right.color-css:after	{
	border-left-color: #FFC0C0;
}
/* ---------- 顔画像 ---------- */
.icon-default	{
	background-image: url( ../images/dialogue/icon-default.png );
}
.icon-1	{
	background-image: url( ../images/dialogue/icon-1.png );
}
.icon-2	{
	background-image: url( ../images/dialogue/icon-2.png );
}
.icon-3	{
	background-image: url( ../images/dialogue/icon-3.png );
}
.icon-4	{
	background-image: url( ../images/dialogue/icon-4.png );
}
.icon-5	{
	background-image: url( ../images/dialogue/icon-5.png );
}
/* ---------- カスタムクラス ---------- */
.dialogue.red .dialogue-text	{
	color: #FFF;
	background-color: #F00;
}
.dialogue.red .dialogue-baloon-right:after	{
	border-left: 1.5em solid #F00;/* 背景色 */
}
.dialogue.red .dialogue-baloon-left:after	{
	border-right: 1.5em solid #F00;/* 背景色 */
}
.dialogue.black .dialogue-text	{
	color: #FFF;
	background-color: #000;
}
.dialogue.black .dialogue-baloon-right:after	{
	border-left: 1.5em solid #000;/* 背景色 */
}
.dialogue.black .dialogue-baloon-left:after	{
	border-right: 1.5em solid #000;/* 背景色 */
}
/* ---------- //吹き出し会話 ---------- */