.top,.bottom{
	display:flex;
	display:-webkit-flex;
}
.top_left_col{
	width:calc(100% - 200px);
	display:flex;
	align-items:center;
	justify-content:center;
}
.top_right_col{
	width:200px;
}
.right_col_item{
	background-color: var(--balloon_color);
    border-radius:5px;
	padding:5px;
	margin-bottom:5px;
}
.right_col_item>p{
	margin:0;
}

.pic_box{/*キャラ画像*/
	padding:3px;
	text-align:center;
}
.pic_box>img{
	max-width:1000px;
	max-height:1000px;
}

/*吹き出し*/
.arrow_box{
	position:relative;
	border:1px solid var(--border_color);
	border-radius:5px 5px 5px 5px;
	padding:10px;
	margin:10px 5px;
	background-color: var(--balloon_color);
}


.user_balloon {
	display:inline-block;
	position: relative;
	background-color: var(--balloon_color);
	border:1px solid var(--border_color);
	padding:5px;
	margin:5px;
	border-radius:5px;
	width:93%;
}

.conversation_box{
	width:100%;
	margin:5px;
	padding:5px;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content: left;
}
.conversation_box>div>input{
	width:100%;
}


.window_save{
    background: var(--balloon_color);
    border:1px solid var(--border_color);
    color: var(--text_color);
}
.window_save>a{
    display:block;
}
.window_save>a>i{
    display:inline;
    padding-top:10px;
}
.window_save>a>span{
    font-size:0.9em;
    padding-top:5px;
    padding-bottom:5px;
}



/* どちらのトガリ（三角形）も完全に消去する */
.arrow_box:before, 
.arrow_box:after,
.user_balloon:before,
.user_balloon:after {
    display: none !important;
    content: none !important;
}