.video_quote {
    background-color: #F7FEFB;
    border:1px solid #7BE3BD;

    color:#666;

    border-radius: 3px;

    padding: 24px 16px;

    max-width: 640px;

    margin: 0 auto;
    font-size: 16px;

  }

  .video_quote_userArea {
    display: flex;
  }

  .video_quote_iconArea {
    flex-shrink: 0;
  }

  /* 子要素がある場合 */
  .video_quote_iconArea:has(*) {
    margin-right: 16px;
  }

  .video_quote_iconArea img {
    width: 64px;
    height: 64px;
    object-fit: cover;
  }

  .video_quote_iconArea img + .video_quote_status {
    margin-top: 8px;
  }

  .video_quote_status {
    text-align: center;
    color: red;
    background-color: pink;
    border:1px solid red;
    padding: .1em .4em;
    border-radius: 1em;
    font-size: 12px;
  }

  .video_quote_nameArea {
    flex-grow: 1;
    color:#775658;

  }

  .video_quote_score {
    display: flex;
    align-items: center;
    margin-top: 4px;
  }

  .video_quote_score img{
    display: block;
    float: left;
    width: 16px;
  }

  .video_quote_score_num {
    font-weight: bold;
    font-size: 13px;
    margin-left: .5em;
    line-height: 1;
  }

  /* トップの要素の場合 margin-top: 0 */
  .video_quote video:first-child,
  .video_quote_image:first-child {
    margin-top: 0 !important;
  }

  .video_quote video, .video_quote_image {
    width: 100%;
    margin: 16px 0;
  }

  .video_quote_userArea + .video_quote_sentence {
    margin-top: 16px;
  }

  .video_quote_sentence em {
    color:red;
    font-style: normal;
  }
  .video_quote_sentence b {
    background-color: yellow;
  }

  .video_quote_annotation {
    text-align: right;
    font-size: .8em;
    opacity: .6;
  }

  .video_quote_date {
    font-size: 13px;
    color:#775658;
    opacity: .8;
  }