/*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data {
  background-repeat: no-repeat;
  background-image: url('/img/loading.svg');
  overflow-y: hidden;
}
#his-prof {
  float: left;
  width: 100px;
}
.his-float {
  float: left;
  width: calc(50% - 50px);
  height: 122px;
  overflow-y: scroll;
  padding: 5px;
}
#his-data-show {
  margin: 50px;
  background-color:var(--his-data);
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  margin-bottom: 0;
  padding: 5px;
}
.tab-content {
  overflow-y: scroll;
  height: calc(100% - 240px)
}
.my-data-width {
  width: 10%;
}
.active-back{
  background-color: var(--active);
}
#his-name .emojione,#his-name .emoji-img{
  width: 20px;
}