@charset "utf-8";


h2.column_tit {
	text-align:center;
	margin:0 0 30px 0 ;padding:12px;
	background-color: #266126; border-radius:6px;
	color:#fff;
	font-size:1.5rem; font-weight:500; line-height:1.4;
}
.sc_br { display:inline-block; width:1em; }

.mochikinatalk { max-width:800px; margin:0 auto; }


.talk_a, .talk_b { display:flex; align-items:flex-start; }
.talk_a .spkr, .talk_b .spkr { flex:0 0 60px; height:60px; line-height:60px; text-align:center; box-sizing:border-box; font-size:0.8rem; }
.talk_a .comm, .talk_b .comm { flex:1 1 10%; line-height:2.4; box-sizing:border-box;}
.talk_a .comm p, .talk_b .comm p { margin:0; line-height:2.4; display:inline-block; padding:10px; box-shadow:2px 2px 4px rgba(128,128,128,0.3); }

.talk_b .spkr { order:2; }
.talk_b .comm { order:1; text-align:right }


.talk_a .spkr {
background-color:#E9F3F8; color:#111;
border-radius:100px;
}
.talk_a .comm { padding:0 140px 30px 20px; }
.talk_a .comm p { background-color:#fff; border-radius:0 8px 8px 8px; border:1px #efefef solid; }

.talk_b .spkr {
background-color:#ECD9BD; color:#111;
border-radius:100px;
}
.talk_b .comm { padding:0 20px 30px 140px; }
.talk_b .comm p { background-color:#FEF7EB; border-radius:8px 0 8px 8px; text-align:left; }


.story_navi { text-align:center; margin:40px 0; }
a.next_story, a.prev_story {
	display:inline-block;
	margin:10px;
	background-color:#004500;
	background-repeat:no-repeat;
	color:#ffffff;
	text-decoration:none;
	border-radius:4px;
		transition-duration:0.2s;
}
a.next_story { background-image:url('../images/20/common/txt_arrow_w.png'); background-position:right center;	padding:5px 30px 5px 20px; }
a.prev_story { background-image:url('../images/20/common/txt_arrow_wr.png'); background-position:left center;	padding:5px 20px 5px 30px; }
a.next_story:hover, a.prev_story:hover { background-color:#FB8A1E; }

.continued {
	display:inline-block;
	margin:10px;
	background-color:#777;
	color:#fff;
	padding:5px 20px;
	border-radius:4px;
}

.talk_a .comm p img,
.talk_b .comm p img { margin-top:12px; max-width:160px; max-height:160px; }
/*.talk_a .comm p img { margin-left:0; }
.talk_b .comm p img { margin-right:0; }*/


/* # Tablet & Mobile Landscape 480-767px
========================================================================================= */   
@media only screen and (max-width: 767px) {

	h2.column_tit { font-size:1.3rem; }

	.sc_br { display:block; width:0em; }

	.talk_a .spkr, .talk_b .spkr { flex:0 0 40px; height:40px; line-height:40px; font-size:0.6rem; letter-spacing:-1px; }

	.talk_a .comm { padding:0 30px 30px 10px; }
	.talk_b .comm { padding:0 10px 30px 30px; }

	.story_navi { font-size:0.9rem;}

	.talk_a .comm p img,
	.talk_b .comm p img { max-width:120px; max-height:120px; }


}