#chat{
/*	transition:1s;*/
	list-style:none;
	overflow:auto;
	padding:5px 0 60px;
}
#chat.textOn{
	max-height:calc(100% - 55px);
}
#chat dl{
	display:flex;
	padding:0;
}
#chat .R dl{
	justify-content:flex-end;
}
#chat .L dt{
	background:#FFF url(../img/icon_prof.svg) no-repeat center center;;
	margin-right:.5rem;
	border-radius:1rem;
	height:32px;
	width:32px;
}

#chat dd{
	max-width:80%;
}
#chat.chat-sample dd{
	max-width:100%;
}
#chat .sender{
	position:relative;
	line-height:1.1em;
	font-weight:600;
	margin:0 0 .5em;
	font-size:.7rem;
	color:#777;
}
#chat .balloon{
	display:inline-block;
	padding:.7em 1em;
	padding:7px 1em;
	font-size:.93rem;
	font-size:.95rem;
}
#chat .L .balloon{
	border-radius:0 1.1rem 1.1rem 1.1rem;
	background:#FFF;
}
#chat .R .balloon{
	border-radius:1.1rem 0 1.1rem 1.1rem;
	background:#24A163;
	color:#F3F7F9;
	background:#a0dea5;
	background:#a4e8a9;
	background:#b2e1ab;
	color:#333;
}
.chatDetail{
	word-break:break-word;
	white-space:pre-wrap;
	line-height:1.5em;
	overflow:hidden;
}
#chat dd a.example{
	border-top:1px solid #ddd;
	text-decoration:none;
	padding:.7em 0 .1em;
	text-align:center;
	margin-top:.9em;
	display:block;
	width:100%;
}
.posting-container,
.selective-container{
	border-top:1px solid rgba(255,255,255,.5);
	background:#CFECD1;
	min-height:55px;
}
.posting-input{
	border-color:transparent;
	resize:none;
}
.icon.icon-post{
	border-radius:0 4px 4px 0;
	height:40px;
	width:50px;
	padding:0;
}
.icon.icon-post:before{
	background-image:url(../img/icon_send.svg);
	background-size:32px;
	margin-right:0;
	display:block;
	height:40px;
	width:50px;
	top:0;
}
.selective-box,
.selective-container{
	padding:.5rem 1rem;
	display:none;
}
.selective-box{
	background:rgba(178,225,171,.5);
	background:#CFECD1;
/*	border:2px solid #fff;*/
	border-radius:1.1rem;
	border-top-right-radius:0;
	margin:0 0 1rem;
	padding:.5rem;
}

.btn-chat{
	border-top-right-radius:0;
	background:#b2e1ab;
	border-color:#fff;
}
.btn-chat:active{
	background:#BCE5B6;
}
.btn-chat:active,
.btn-chat:focus{
	box-shadow:0 0 6px rgba(255,255,255,1) !important;
}

section.container-fluid{
	overflow:hidden;
}



/* フワッと */
.chat-fade-enter-active{
  transition:opacity 0.5s ease;
}
.chat-fade-leave-active{
  transition:opacity 0s ease;
}
.chat-fade-enter-from{
  opacity:0;
}
.chat-fade-leave-to{
  opacity:0;
}

/* 上から */
/*
.chat-fade-enter-active{
  transition:all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.chat-fade-leave-active{
  transition:opacity 1s ease;
}
.chat-fade-enter-from{
  opacity:0;
  transform:translateY(-100%);
}
.chat-fade-leave-to{
  opacity:0;
  transform:translateY(100%);
}
*/
.modal-fade-enter-active,
.modal-fade-leave-active{
  transition:opacity 0.3s ease;
}
.modal-fade-enter-from,
.modal-fade-leave-to{
  opacity:0;
}
/*# sourceMappingURL=chat.a4524b53.css.map*/