@charset "UTF-8";
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* 縦書き/横書き */
/* $orientation: "vertical" */
/* 吹き出し形式 */
/* sass/scss comple and store project root, need relpath from project top */
/* white id:0 sepia id:1 night id:2 */
@import url("https://mplus-webfonts.osdn.jp/mplus_webfonts.css");
.book.font-family-0 {
  /* 游ゴシック */
  font-family: mplus-2c-medium,"游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  /* 游明朝 */
  /* font-family: "游明朝体", "Yu Mincho", YuMincho, serif; */ }

.book.font-family-1 {
  /* 游ゴシック */
  font-family: mplus-2c-medium,"游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  /* 游明朝 */
  /* font-family: "游明朝体", "Yu Mincho", YuMincho, serif; */ }

.book.font-family-2 {
  /* 游ゴシック */
  font-family: mplus-2c-medium,"游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  /* 游明朝 */
  /* font-family: "游明朝体", "Yu Mincho", YuMincho, serif; */ }

/* 共通 */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* 共通スタイル */
/* 外部ファイル */
/* mplus font */
/* 全体 */
/* 関数 */
/* EOF */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* Target common TRPG Replay HTML */
/*
 * 以下の書式でマークアップされていることを想定
 * <p class="dialog"><span class="gm name">ＧＭ</span><span class="separator">：</span><span class="gm phrase">さて、それでは自己紹介をお願いします。</span></p>
 * もしくは
 * <div class="dialog"><p><span class="name gm"></span><span class="separator"></span><span class="gm phrase"></span></p></div>
 */
/* 変数 */
/* 全体 */
body {
  background-color: lightgray; }

/* 水平線 */
/* <hr /> */
hr {
  border: none;
  text-align: center;
  clear: both; }
  hr:before {
    content: "■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇■◇"; }

/* タイトル(h1)、章(h2) */
h1 {
  quotes: "◆" "◆"; }
  h1:before {
    content: open-quote; }
  h1:after {
    content: close-quote; }

h2 {
  quotes: "■" "■"; }
  h2:before {
    content: open-quote; }
  h2:after {
    content: close-quote; }

h3 {
  quotes: "□" "□"; }
  h3:before {
    content: open-quote; }
  h3:after {
    content: close-quote; }

h4 {
  quotes: "◇" "◇"; }
  h4:before {
    content: open-quote; }
  h4:after {
    content: close-quote; }

h5 {
  quotes: "▽" "▽"; }
  h5:before {
    content: open-quote; }
  h5:after {
    content: close-quote; }

h1, h2 {
  clear: both; }

/* Dialogue(台詞) */
.name {
  font-size: 110%;
  letter-spacing: 0.05em;
  /* GM */
  /* PC 全員(複数) */
  /* PCs */ }
  .name > .gm, .name.gm {
    color: blue; }
    .name > .gm:before, .name.gm:before {
      /* アイコン */
      background-image: url("./images/gm.png");
      background-size: 60px 60px;
      display: inline-block;
      width: 60px;
      height: 60px;
      content: ""; }
  .name > .pcall, .name.pcall {
    color: brown; }
  .name > .pc1, .name > .user1, .name.pc1, .name.user1 {
    color: green; }
  .name > .pc2, .name > .user2, .name.pc2, .name.user2 {
    color: green; }
  .name > .pc3, .name.pc3 {
    color: green; }
  .name > .pc4, .name.pc4 {
    color: green; }
  .name > .pc5, .name.pc5 {
    color: green; }
  .name > .pc6, .name.pc6 {
    color: green; }

/* PC1などではなくユーザー名をクラス名として、識別するには、extendを使う */
.name.user1:before {
  /* アイコン */
  background-image: url("./images/user1.png");
  background-size: 60px 60px;
  display: inline-block;
  width: 60px;
  height: 60px;
  content: ""; }

.name.user2:before {
  /* アイコン */
  background-image: url("./images/user2.png");
  background-size: 60px 60px;
  display: inline-block;
  width: 60px;
  height: 60px;
  content: ""; }

/* 発言 */
/* 確認用 */
.phrase {
  /*  color: green; */ }

/* 発言部分の括弧(仮) */
q {
  quotes: "「" "」" "『" "』"; }
  q:before {
    content: open-quote; }
  q:after {
    content: close-quote; }

/* Narrator(地の文、語り手) */
/* <p class="body_text">... など */
.body_text {
  color: darkblue; }

/* EOF */
/* 縦書き */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* 縦書き 共通スタイル */
/* EOF */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* EOF */
/* 横書き */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* 横書き 共通スタイル */
/* 全体 */
body {
  font-family: "HiraMinProN-W3","ＭＳ 明朝", "さざなみ明朝",serif, sans-serif; }

/* EOF */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* 横書き */
/* 全体 */
/* Dialogue(台詞) */
/* 台詞のブロック間に0.5emの空きを作る
       (横書きなので、後ろのブロックが前(上)に対して0.5のマージンを持つ) */
.dialog + .dialog {
  margin-top: 0.5em; }

/* Narrator(地の文、語り手) */
/* <p class="body_text">... など */
/* margin-startなどはまだまだアテにならないので手動で設定 */
.body_text {
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: darkgreen; }

/* EOF */
/* 吹き出し形式サポート */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* Target TRPG Comic Speech Balloon */
/* TRPG 吹き出し風 縦書き */
/* EOF */
/* CSS Create by Tsuyoshi CHO <Tsuyoshi.CHO@Gmail.com> */
/* It is licensed under the CC-BY-SA 4.0 http://creativecommons.org/licenses/by-sa/4.0/deed.ja */
/* Target TRPG Comic Speech Balloon */
/* TRPG 吹き出し風 横書き */
/* EOF */
/* EOF */