/* ログエリア */
.log_body {
  /* サイズ */
  width: 1100px;
  height: 450px;
  /* 余白 */
  padding: 24px;
  /* フォント */
  font-size: 24px;
  text-align: left;
  color: #fff;
  /* 背景 */
  background: rgba(81, 84, 94, 0.5);
  /* レイアウト */
  display: grid;
  row-gap: 32px;
  align-content: start;
  /* その他 */
  overflow-y: scroll;

  /* tyrano.css の定義を打ち消す ↓*/
  margin: 20;
  border: none;
  line-height: 1em;
}

/* スクロールバー */
.log_body::-webkit-scrollbar-thumb {
  background: #add8e6 ;
  scrollbar-color: #add8e6 
}
/* スクロールバーの幅を指定 */
.log_body::-webkit-scrollbar {
  width: 30px; 
}
/* 横スクロールバーのスタイル */
.log_body::-webkit-scrollbar {
  height: 30px; /* スクロールバーの縦幅を指定 */
  background-color: #696969 ;
}


/* TYRANO.kag.pushBackLog によって自動追加されてしまう <br> を打ち消す */
.log_body>br {
  display: none;
}


/* ログ１行名前 */
.log_body>.log_line {
  display: grid;
  grid-template-columns: 220px 800px;
  column-gap: 40px;
  align-items: center;
}

/* ログ１行内のキャラ名欄 */
.log_body>.log_line>.log_chara {
  font-family: ReggaeCN;
  text-align: right;
  word-break: break-all;
  font-size: 24px; /* ★キャラ名のフォントサイズ */
}

/* ログ１行内のテキスト欄 */
.log_body>.log_line>.log_text {
  line-height: 1.5em;
  word-break: break-all;
}

/* ログテキスト欄内の謎言語コンテナ */
.log_body>.log_line>.log_text.log_nazolang {
  /* .nazolang_word で margin-bottom した分全体サイズが下方向に大きくなってしまうので矯正 */
  margin-bottom: -56px;
  display: flex;
  flex-wrap: wrap
}

/* １ワードの謎言語＋解読文字のコンテナ */
.log_body>.log_line>.log_text.log_nazolang>.nazolang_word {
  /* 余白 */
  margin-right: 48px; /* ★謎言語の間の幅 */
  margin-bottom: 80px;
  /* レイアウト */
  display: grid;
  grid-template-rows: 24px 36px;
  grid-row-gap: 8px;
  justify-content: start;
  justify-items: center;
}

/* 解読文字 */
.log_body>.log_line>.log_text.log_nazolang>.nazolang_word>.nazolang_ruby {
  color: #c3f2fa;
  width: 160px;
  margin-top: -26px;
  margin-left: -200px; /* nazolang_ruby の横幅を打ち消して、 nazolang_word の横幅のみを適用させるためにマイナスしている */
  margin-right: -200px; /* left だけマイナスすると字が右によってしまうため、 right もマイナス（累計が width よりも大きな値になる必要あり） */
  line-height: 75px;
  text-align: center;
  letter-spacing: -2px; /* ★解読文字の字間 */
  font-size: 24px; /* ★解読文字のフォントサイズ */
}

/* 謎言語 */
.log_body>.log_line>.log_text.log_nazolang>.nazolang_word>.nazolang {
  font-family: MyFont;
  font-size: 40px
}