@charset "UTF-8";
/* AUC掲示板データ保存ツール CSS V1.00 */
.bbs_container {
  /* BBS全体のコンテナ */
  font-size: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt" 1;
  background-color: #100000;
  width: max-content;
  padding: 4px;
  border-left: 4px #100000 solid;
  border-right: 4px #100000 solid;
  border-radius: 8px;
}

.bbs_container td,
.bbs_container p {
  margin: 0;
}

.bbs_container table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px;
}

.bbs_container img {
  border: none;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
  margin: 0 auto;
}

.bbs_container img.LoadFailed {
  /* イメージロードに失敗した時のCSS */
  border: 4px red solid;
  margin-left: -4px;
  animation: LoadFailedAnimation 1s infinite;
}

@keyframes LoadFailedAnimation {
  /* イメージロードに失敗したことを分かりやすくするためのアニメーション */
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

.bbs_container ruby rt {
  font-size: 10px;
  transform: scale(0.8);
}

.bbs_container .res-no {
  /* レス番号(記事番号)の色とフォント */
  color: #cdb4a2;
  font-weight: bold;
}

.bbs_container .bbs-force {
  /* 記事のAuthorの色とフォント */
  color: #ffcc33;
  font-weight: bold;
}

.bbs_container .forceid {
  /* 部隊IDの色 */
  color: #a698ff;
}

.bbs_container .txt {
  /* 掲示板の書き込み日時の色 */
  color: #dacbc4;
  text-align: right;
}

.bbs_container .mono,
.bbs_container .mono span {
  /* 固定幅フォント指定 */
  font-family: "Inconsolata", "Noto Sans JP", sans-serif;
  font-feature-settings: normal;
}

.bbs_container .b {
  /* 太字 <太:> */
  font-weight: bold;
}

.bbs_container .i {
  /* Italic <斜:> */
  font-style: italic;
}

.bbs_container .d {
  /* 取り消し線 <消: > */
  text-decoration: line-through;
}

.bbs_container .o {
  /* 上線 <上: > */
  text-decoration: overline;
}

.bbs_container .u {
  /* 下線 <下: > */
  text-decoration: underline;
}

.bbs_container .fs_small {
  /* 小文字 <小: > */
  font-size: 10px;
}

.bbs_container .fs_large {
  /* 大文字 <大: > */
  font-size: 22px;
}

.bbs_container .c_black {
  /* 黒文字 <黒: >*/
  color: #000000;
}

.bbs_container .c_white {
  /* 白文字 <白: >*/
  color: #FFFFFF;
}

.bbs_container .c_red {
  /* 赤文字 <赤: >*/
  color: #fd3838;
}

.bbs_container .c_green {
  /* 緑文字 <緑: >*/
  color: #28b731;
}

.bbs_container .c_blue {
  /* 青文字 <青: >*/
  color: #5e7dff;
}

.bbs_container .c_yellow {
  /* 黄色文字 <黄: >*/
  color: #ffc513;
}

.bbs_container .c_cyan {
  /* 水色文字 <水: >*/
  color: #4bd9ea;
}

.bbs_container .c_purple {
  /* 紫文字 <紫: >*/
  color: #aa6dca;
}

.bbs_container .c_orange {
  /* オレンジ文字 <橙: >*/
  color: #ff7f2b;
}

.bbs_container .c_brown {
  /* 茶色文字 <茶: >*/
  color: #8e4731;
}

.bbs_container .c_gray {
  /* 灰色文字 <灰: >*/
  color: #c7c7c7;
}

.bbs_container .c_pink {
  /* ピンク色文字 <桃: >*/
  color: #ff89af;
}

.bbs_container .font_rainbow {
  /* 虹色文字 <虹: >*/
  animation-name: rainbow;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.bbs_container .sai {
  /* ダイス共通 */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  border: 1px #000000 solid;
  margin: 2px;
}

.bbs_container .sai[data-dicetype="sai"] {
  /* さいころ２～６ */
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}

.bbs_container .sai[data-dicetype="sai"][data-value="01"],
.bbs_container .sai[data-dicetype="sai1"] {
  /* さいころ１ */
  /* data-dicetype="sai1" は古いバージョンに対応するため。将来的には削除する */
  color: #fd3838;
  font-size: 10px;
}

.bbs_container .sai[data-dicetype="d4"] {
  /* ４面ダイス */
  background-color: #f0cdfd;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 violet, -1px -1px violet, -1px 1px 0 violet, 1px -1px violet, 1px 0px 0 violet, -1px 0px violet, 0px 1px 0 violet, 0px -1px violet;
  border: 1px violet solid;
}

.bbs_container .sai[data-dicetype="d6"] {
  /* ６面ダイス */
  background-color: white;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 gray, -1px -1px gray, -1px 1px 0 gray, 1px -1px gray, 1px 0px 0 gray, -1px 0px gray, 0px 1px 0 gray, 0px -1px gray;
  border: 1px gray solid;
}

.bbs_container .sai[data-dicetype="d8"] {
  /* ８面ダイス */
  background-color: #b0ccff;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 navy, -1px -1px navy, -1px 1px 0 navy, 1px -1px navy, 1px 0px 0 navy, -1px 0px navy, 0px 1px 0 navy, 0px -1px navy;
  border: 1px navy solid;
}

.bbs_container .sai[data-dicetype="d10"] {
  /* １０面ダイス */
  background-color: lightgreen;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 forestgreen, -1px -1px forestgreen, -1px 1px 0 forestgreen, 1px -1px forestgreen, 1px 0px 0 forestgreen, -1px 0px forestgreen, 0px 1px 0 forestgreen, 0px -1px forestgreen;
  border: 1px forestgreen solid;
}

.bbs_container .sai[data-dicetype="d12"] {
  /* １２面ダイス */
  background-color: #ffe5b3;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 orange, -1px -1px orange, -1px 1px 0 orange, 1px -1px orange, 1px 0px 0 orange, -1px 0px orange, 0px 1px 0 orange, 0px -1px orange;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px orange solid;
  margin: 1px;
}

.bbs_container .sai[data-dicetype="d20"] {
  /* ２０面ダイス */
  background-color: #ffbfbb;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 deeppink, -1px -1px deeppink, -1px 1px 0 deeppink, 1px -1px deeppink, 1px 0px 0 deeppink, -1px 0px deeppink, 0px 1px 0 deeppink, 0px -1px deeppink;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px deeppink solid;
  border-radius: 10px;
  margin: 1px;
}

.bbs_container a.bbs-mes-link {
  /* 本文中のリンク(>>数字)に対するCSS */
  color: #7762ff;
  border-bottom: medium none #7762ff;
  font-weight: normal;
  outline: none 0px;
  text-decoration: none;
}

.bbs_container .bbs-board {
  /* 親記事ブロック */
  width: auto;
  margin-bottom: 24px;
}

.bbs_container .bbs-board .btitle {
  /* 親記事の上の行 */
  height: 30px;
  line-height: 30px;
  clear: both;
  overflow: hidden;
  font-size: 14px;
}

.bbs_container .bbs-board .btitle .btitle-inner {
  /* 掲示板タイトルを含んだブロック */
  float: left;
}

.bbs_container .bbs-board .btitle .btitle-inner .child-title {
  /* 掲示板タイトル部分 */
  color: #cdb4a2;
  padding-left: 4px;
}

.bbs_container .bbs-board .btitle .bbs-number {
  /* 掲示板ID部分 */
  float: right;
  color: #FFFFFF;
  width: 110px;
  height: 19px;
  font-size: 12px;
  margin-top: 5px;
  margin-right: 5px;
}

.bbs_container .bbs-board .bbs-con {
  /* 親記事部分のマージン */
  margin-top: 0px;
  margin-left: 0px;
}

.bbs_container .bbs-board .bbs-con .td_b2 p {
  /* 親記事部分の本文の横幅 */
  width: 520px;
}

.bbs_container .bbs-board ~ .bbs-con {
  /* 親記事があるときは、掲示板データを右に少しずらす設定 */
  margin-left: 48px;
}

.bbs_container .bbs-con {
  /* 掲示板の１つの記事ブロック */
  padding: 4px;
  margin: 4px 0;
  background-color: #e7e4db;
}

.bbs_container .bbs-con table.bbs-con_ta .td_a {
  /* table形式の右側ブロック(発言者アイコン) */
  width: 100px;
  padding: 0px 0px 2px;
  vertical-align: top;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b {
  /* table形式の左側ブロック（レス番号、発言者、日時、本文など） */
  padding: 0px 0px 2px;
  vertical-align: top;
  background: #f9f8f5;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b1 {
  /* table形式のヘッダー（レス番号、発言者、日時） */
  padding: 2px 6px;
  font-size: 13px;
  background: #725c50;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b1 .data_l {
  /* table形式のヘッダーの左側ブロック(レス番号、発言者) */
  float: left;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b1 .data_l .res-no {
  /* table形式のレス番号(記事番号) */
  float: left;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b1 .data_r {
  /* table形式のヘッダーの右側ブロック(日時) */
  float: right;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b1 .data_r .txt {
  /* table形式の書き込み日時 */
  padding: 0px 4px 0px 0px;
}

.bbs_container .bbs-con table.bbs-con_ta .td_b .td_b2 {
  /* table形式の本文ブロック */
  padding: 4px 6px;
  vertical-align: top;
}

.bbs_container .bbs-con .bbs_grid {
  /* grid形式のCSS */
  display: grid;
  grid-template: "icon res-no bbs-force forceid date" 23px
 "icon body   body      body    body" 1fr
 /auto auto auto auto 1fr;
  background: #725c50;
}

.bbs_container .bbs-con .bbs_grid > .td_a {
  /* grid形式の右側ブロック(発言者アイコン) */
  grid-area: icon;
  padding: 0px 0px 2px;
  color: #FFFFFF;
  background-color: #e7e4db;
  width: 100px;
  vertical-align: top;
}

.bbs_container .bbs-con .bbs_grid > .res-no {
  /* grid形式のレス番号(記事番号)  */
  grid-area: res-no;
  float: none;
  height: 19px;
  line-height: 19px;
  vertical-align: middle;
  padding: 2px 0px 2px 6px;
}

.bbs_container .bbs-con .bbs_grid > .bbs-force {
  /* grid形式の発言者 */
  grid-area: bbs-force;
  padding: 2px 6px 2px 0px;
}

.bbs_container .bbs-con .bbs_grid > .forceid {
  /* grid形式の部隊ID */
  grid-area: forceid;
  padding: 2px 0px 2px 3px;
}

.bbs_container .bbs-con .bbs_grid > .txt {
  /* grid形式の書き込み日時 */
  grid-area: date;
  padding: 2px 10px 2px 0px;
}

.bbs_container .bbs-con .bbs_grid > .td_b2 {
  /* grid形式の本文ブロック */
  grid-area: body;
  padding: 4px 6px 6px;
  vertical-align: top;
  background: #f9f8f5;
}

.bbs_container .bbs-con .td_b2 {
  /* 本文のフォントサイズ */
  font-size: 14px;
}

.bbs_container .bbs-con .td_b2 .free-img {
  /* 添付画像ブロック */
  text-align: center;
}

.bbs_container .bbs-con .td_b2 .free-img .dice {
  /* ダイスを振ったときの表示ブロック */
  display: block;
  text-align: center;
  margin: 0 auto;
}

.bbs_container .bbs-con .td_b2 .free-img img {
  /* 添付画像 */
  max-width: 96px;
}

.bbs_container .bbs-con .td_b2 .free-img .rotate90 {
  /* 画像を回転して添付したときのブロック */
  display: flex;
  transform: rotate(90deg);
  min-height: 96px;
  margin: auto;
}

.bbs_container .bbs-con .td_b2 .free-img .rotate90 img {
  max-width: 96px;
  margin: auto;
}

.bbs_container .bbs-con .td_b2 .wordBreak {
  /* 掲示板の本文ブロック */
  padding: 0px 0px 2px;
  overflow-wrap: break-word;
  overflow: hidden;
  line-height: 1.3em;
}

.bbs_container .bbs-con .td_b2 .enquete {
  /* アンケートブロック */
  margin: auto;
  padding: 8px;
  width: 450px;
  background-color: #cceeee;
  border-radius: 10px;
  line-height: 16px;
}

.bbs_container .bbs-con .td_b2 .enquete p {
  /* アンケート内の<p> */
  font-size: 12px;
  width: 450px;
}

.bbs_container .bbs-con .td_b2 .enquete div {
  /* アンケート内の<div> */
  font-size: 12px;
}

.bbs_container .bbs-con .td_b2 .enquete .graph {
  /* アンケートの投票グラフ */
  position: relative;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .percent-base {
  /* 投票グラフの背景 */
  margin: 4px 0px;
  padding: 4px 0px;
  background-color: #ffffff;
  height: 16px;
  border-radius: 5px;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .percent {
  /* 投票グラフ（トップ以外の投票） */
  padding: 4px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #cccccc;
  height: 16px;
  border-radius: 5px;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .percent-top {
  /* 投票グラフ（トップ投票） */
  background-color: #99ccff;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .percent-num {
  /* アンケートの投票率 */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 445.5px;
  height: 24px;
  line-height: 24px;
  text-align: right;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .select {
  /* アンケートの選択状態 */
  padding: 0px 0px 0px 4px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 24px;
  line-height: 24px;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .select .enquete-img {
  /* アンケート部分の○や★を画像からテキストに変更するための専用CSS */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 12px;
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 #000000, -1px -1px #000000, -1px 1px 0 #000000, 1px -1px #000000, 1px 0px 0 #000000, -1px 0px #000000, 0px 1px 0 #000000, 0px -1px #000000;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .select .enquete-img[data-type="vote"] {
  /* アンケートの投票の★を黄色にするためのCSS */
  font-size: 12px;
  color: #ffc513;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .btn-line {
  /* アンケートボタンのブロック */
  text-align: center;
}

.bbs_container .bbs-con .td_b2 .enquete .graph .btn-line .enquete-button {
  /* アンケートボタンを<span>に変換するための専用CSS */
  display: inline-block;
  width: 90%;
  border-top: 1px solid #99ccff;
  border-right: 1px solid #77aadd;
  border-bottom: 1px solid #77aadd;
  border-left: 1px solid #99ccff;
  padding: 3px 0;
  margin: 5px 0;
  cursor: pointer;
  background: #99ccff;
  line-height: 25px;
  color: #000;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #e7e7e7;
  font-size: 13px;
  text-align: center;
}

.bbs_container .bbs-con .td_b2 p {
  /* 子記事部分の本文の横幅 */
  width: 472px;
}

@keyframes rainbow {
  /* 虹アニメーション */
  from {
    color: #fd3838;
  }
  14% {
    color: #ff7f2b;
  }
  29% {
    color: #ffc513;
  }
  43% {
    color: #28b731;
  }
  57% {
    color: #4bd9ea;
  }
  71% {
    color: #5e7dff;
  }
  86% {
    color: #aa6dca;
  }
  to {
    color: #fd3838;
  }
}