bunko.css

@charset "UTF-8";

@import url(node_modules/@vivliostyle/theme-base/theme-all.css);
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Nanum+Myeongjo:wght@400;700&family=Shippori+Mincho+B1:wght@400;700&display=swap');

html {
  writing-mode: vertical-rl;
  font-family: "Lora", "Shippori Mincho B1", "Nanum Myeongjo", serif;
  text-align: justify;
  /* 約物の調整 */
  text-spacing: space-first allow-end;
  line-height: 2;
  orphans: 1;
  widows: 1;
}

* {
  margin: 0;
  padding: 0;
}

/* タイトル文字列セット */
.title {
  string-set: title content();
}

@page {
  size: 105mm 148mm;
  padding: 20mm;
  margin: 3mm;
  font-size: 8pt;
}
@page :left {
  @top-left {
    /* 左上ノンブル、柱（タイトル文字列） */
    content: counter(page) "　" string(title);
    margin-left: 7pt;
    margin-top: 8.5mm;
    writing-mode: horizontal-tb;
  }
}
@page :right {
  @top-right {
    /* 右上ノンブル */
    content: counter(page);
    margin-right: 7pt;
    margin-top: 8.5mm;
    writing-mode: horizontal-tb;
  }
}

h1 {
  font-weight: bold;
  font-size: 1.35rem;
  break-after: avoid;
  line-height: 6rem;
  letter-spacing: 0.125em;
}

h2 {
  font-weight: normal;
  font-size: 1.18rem;
  text-indent: 3rem;
  break-after: avoid;
  line-height: 4rem;
}

ruby > rt {
  font-size: 50%;
}

p {
  text-indent: 1em;
  /* 段落先頭約物の調整、行末句読点ぶら下げあり */
  hanging-punctuation: first allow-end;
}

/* 縦中横 */
.tcy {
  text-combine-upright: all;
}
.upright {
  text-orientation: upright;
}

/* 圏点（ゴマ） */
em.sesame_dot {
  font-style: normal;
  text-emphasis-style: sesame;
}

/* 著者 */
.author {
  text-align: end;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.125em;
}

/* 奥付 */
.colophon {
  font-size: 0.824rem;
  line-height: 1.5rem;
  margin-block-start: 6rem;
  break-inside: avoid;
}