.chara_contents {
  width: 100%;
  max-width: 800px;
  height: 20%;
  min-height: 100px;
  max-height: 150px;
  position: fixed;
  bottom: 120px;
  z-index: 2;
}

.mane {
  width: 20%;
  max-width: 200px;
  max-height: 200px;
  position: fixed;
  bottom: 0;
  right: 0;
}
.comm {
  width: 83%;
  max-width: 640px;
  height: 100%;
  max-height: 150px;
  position: fixed;
  bottom: 5px;
  right: 15%;
}
 .move {
   bottom: 120px;
   z-index: 100;
 }

 .focused {
   border: 5px solid #bd1111;
   background-color: rgba(255, 221, 221, 0.07); ;
   padding-top: 10px;
   padding-bottom: 10px;
 }