

/* -- 顔-共通 -- */
.talk .face { /* 左右共通 */ background-color: transparent; background-repeat: no-repeat; }
.talk .face.l { /* 左側 */ background-position: left top; }
.talk .face.r { /* 右側 */ background-position: right top; }
/* -- 顔-サイズ -- */
.talk .face { background-size: 40px; }
.talk .face.l { padding-left: 50px; }
.talk .face.r { padding-right: 50px; }
.talk .face p { min-height: 40px;}
.talk.face48 .face { background-size: 48px; }
.talk.face48 .face.l { padding-left: 58px; }
.talk.face48 .face.r { padding-right: 58px; }
.talk.face48 .face p { min-height: 48px; }
.talk.face64 .face { background-size: 64px; }
.talk.face64 .face.l { padding-left: 74px; }
.talk.face64 .face.r { padding-right: 74px; }
.talk.face64 .face p { min-height: 64px; }
.talk.face80 .face { background-size: 80px; }
.talk.face80 .face.l { padding-left: 90px; }
.talk.face80 .face.r { padding-right: 90px; }
.talk.face80 .face p { min-height: 80px; }

/* -- フキダシ-風船 -- */
.talk .face p {
	position: relative;
	display: inline-block; vertical-align: top; margin-bottom: 10px; padding: 0.25em 0.5em;
	background-color: rgba(0,200,180,0.25); border-radius: 0.5em;
	}
.talk .face.l p { margin-right: 20px; }
.talk .face.r p { margin-left: 20px; }
.talk .face p a { color: rgb(0,120,90); border-bottom: 1px dashed rgb(0,160,140); }

/* -- フキダシ-尻尾 -- */
.talk .face p:after { /* 左右共通 */
	position: absolute; top: 1.25em; content: ""; width: 0; height: 0; pointer-events: none; margin-top: -8px; border: solid transparent;
	}
.talk .face.l p:after { /* 左側 */ right: 100%; border-right-color: rgba(0,200,180,0.25); border-width: 4px 8px; }
.talk .face.r p:after { /* 右側 */ left: 100%; border-left-color: rgba(0,200,180,0.25); border-width: 4px 8px; }

/* -- フキダシ外 -- */
.talk .image { text-align: center; margin: 0 0 10px 0; }
.talk .image img.ss { border-radius: 6px; }
.talk .image img.ss.border { border: 2px solid #666; }
.talk .console { margin: 0.25em; background-color: black; color: white; font-family: 'smilebasicfont'; padding: 0.25em; margin-bottom: 10px; }
.talk .console span.enter { color: rgb(0,160,220); }
.talk .list { margin: 0.25em; background-color: black; color: white; border: 4px solid rgb(80,80,80); border-radius: 4px; padding: 0.25em; font-family: 'smilebasicfont'; }
.talk .list .num { font-family: 'smilebasicfontln'; white-space: pre; margin-right: 0.5em; color: rgb(200,200,200); }
.talk .list .num:after { font-family: 'smilebasicfontln'; content: '.'; }

/* -- フキダシ内 -- */
.talk .face p img { vertical-align: middle; }
.talk .face p img.ss { display: block; border-radius: 6px; margin: 6px auto; }
.talk .face p code { font-family: 'smilebasicfont'; word-break: break-all; }
.talk .face p ruby { line-height: inherit; }
.talk .face p strong { font-size: 1.25em; }
.talk .face p span.enter:before { color: rgb(0,160,220); }
.talk .face p code.linenum { font-family: 'smilebasicfontln'; color: #888; word-break: normal; }
.talk .face p code.bit { text-decoration: underline; }
