.slow-moves {
    transition: 0.3s;
    }

.sidebar-inactive {
    transform: translateX(-100%);
}

/* 動画用 */
.note-video-clip {
    padding: 0.5em;
    border: solid 1px #666666;
    width: 854px;
    height:480px;
    text-align:center;
}

@media screen and (min-width: 450px) and (max-width:600px)  {
    .note-video-clip {
      width: 426px;
      height:240px;
    }
}

/* テキスト内台詞挿入 */
.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
  }
  
  .balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
  }
  
  .balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
  }
  
  .balloon5 .chatting {
    width: 100%;
  }
  
  .says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
  }
  
  .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
  }
  
  .says p {
    margin: 0;
    padding: 0;
  }