@charset "UTF-8";
/*個別ページパーツ
------------------------------------------------------------*/

/* カスタムカラムパーツ
------------------------------------------------------------*/
.content .column-2pc46 .column__item:first-child{flex: 4;}
.content .column-2pc46 .column__item:last-child {flex: 6;}

.content .column-2pc64 .column__item:first-child{flex: 6;}
.content .column-2pc64 .column__item:last-child {flex: 4;}

.content .column-2pc82 .column__item:first-child{flex: 8;}
.content .column-2pc82 .column__item:last-child {flex: 2;}

.content .column-2pc28 .column__item:first-child{flex: 2;}
.content .column-2pc28 .column__item:last-child {flex: 8;}

.content .column-3pc262 .column__item:first-child,
.content .column-3pc262 .column__item:last-child  {flex: 2;}

.content .column-3pc262 .column__item:nth-child(2){flex: 6;}


/* 会話風バルーン カスタマイズ
------------------------------------------------------------*/
.content .balloon .balloon__text { top: -10px;}

.content .balloon .balloon__img-1-left,
.content .balloon .balloon__img-2-left,
.content .balloon .balloon__img-3-left,
.content .balloon .balloon__img-4-left,
.content .balloon .balloon__img-5-left {float: left;  margin-right: 15px;}

.content .balloon .balloon__img-1-right,
.content .balloon .balloon__img-2-right,
.content .balloon .balloon__img-3-right,
.content .balloon .balloon__img-4-right,
.content .balloon .balloon__img-5-right {float: right; margin-left: 15px;}

.content .balloon .balloon__img-1-left div,
.content .balloon .balloon__img-2-left div,
.content .balloon .balloon__img-3-left div,
.content .balloon .balloon__img-4-left div,
.content .balloon .balloon__img-5-left div
{border-radius: 50%; width: 60px; height:60px; background-image:url(img/img_cat.gif);background-size:cover; background-position: center; margin-bottom:10px;}

.content .balloon .balloon__img-1-right div,
.content .balloon .balloon__img-2-right div,
.content .balloon .balloon__img-3-right div,
.content .balloon .balloon__img-4-right div,
.content .balloon .balloon__img-5-right div
{border-radius: 50%; width: 60px; height:60px; background-image:url(img/img_dog.gif);background-size:cover; background-position: center; margin-bottom:10px;}

.content .balloon .balloon__text-1-left,
.content .balloon .balloon__text-2-left,
.content .balloon .balloon__text-3-left,
.content .balloon .balloon__text-4-left,
.content .balloon .balloon__text-5-left {float: right;}

.content .balloon .balloon__text-1-right,
.content .balloon .balloon__text-2-right,
.content .balloon .balloon__text-3-right,
.content .balloon .balloon__text-4-right,
.content .balloon .balloon__text-5-right {float: left;}

.content .balloon .balloon__text-1-left::before,
.content .balloon .balloon__text-2-left::before,
.content .balloon .balloon__text-3-left::before,
.content .balloon .balloon__text-4-left::before,
.content .balloon .balloon__text-5-left::before {right:-20px;border-left: 10px solid #F2F2F2;}

.content .balloon .balloon__text-1-right::before,
.content .balloon .balloon__text-2-right::before,
.content .balloon .balloon__text-3-right::before,
.content .balloon .balloon__text-4-right::before,
.content .balloon .balloon__text-5-right::before {left: -20px;border-right:10px solid #F2F2F2;}
/*----- /会話風バルーン カスタマイズ -----*/


/* ボーダースタイルバルーン カスタマイズ
------------------------------------------------------------*/
.content .balloon-boder .balloon__text {
	border: 1px solid #E5E5E5;
	background-color:#ffffff;
}

.content .balloon-boder .balloon__text-1-left::after,
.content .balloon-boder .balloon__text-2-left::after,
.content .balloon-boder .balloon__text-3-left::after,
.content .balloon-boder .balloon__text-4-left::after,
.content .balloon-boder .balloon__text-5-left::after,
.content .balloon-boder .balloon__text-1-right::after,
.content .balloon-boder .balloon__text-2-right::after,
.content .balloon-boder .balloon__text-3-right::after,
.content .balloon-boder .balloon__text-4-right::after,
.content .balloon-boder .balloon__text-5-right::after {
	content: "";
	position: absolute;
	top: 15px;
	border: 10px solid transparent;
}

.content .balloon-boder .balloon__text-1-left::after,
.content .balloon-boder .balloon__text-2-left::after,
.content .balloon-boder .balloon__text-3-left::after,
.content .balloon-boder .balloon__text-4-left::after,
.content .balloon-boder .balloon__text-5-left::after {right:-18px;border-left: 10px solid #fff;}

.content .balloon-boder .balloon__text-1-right::after,
.content .balloon-boder .balloon__text-2-right::after,
.content .balloon-boder .balloon__text-3-right::after,
.content .balloon-boder .balloon__text-4-right::after,
.content .balloon-boder .balloon__text-5-right::after {left: -18px;border-right:10px solid #fff;}
/*----- /ボーダースタイルバルーン カスタマイズ -----*/