縦書きフォーマットのミスを修正

koushu1/lesson2/formatE_tate/css/main.css

@@ -74,12 +74,13 @@ h2 {
   font-size: 28Q;
   line-height: 42Q;
   /* inline-size: 10em; */
-  block-size: 5rlh;
+  block-size: 4rlh;
   /* margin-block: 4mm 11mm; */
   /* margin-inline-start: 20mm; */
   margin-inline-start: 20mm;
-  display: grid;
-  align-content: center;
+  /* display: grid;
+  align-content: center; */
+  line-height: 4rlh;
   position: relative;
   /* string-set: section-title content(), section-number content(before); */
 }
@@ -91,7 +92,7 @@ h2::before {
   block-size: 24mm;
   inline-size: 24mm;
   position: absolute;
-  inset-block-start: 1mm;
+  inset-block-start: -3mm;
   inset-inline-start: -30mm;
 }
 

koushu1/lesson2/formatE_tate/css/page_settings.css

@@ -18,8 +18,8 @@
   --page-height: 210mm;
   --letters-per-line: 49;
   --lines-per-page: 20;
-  --page-margin-top: 15mm; /*左右マージンは天のみ指定できる。地は自動計算*/
-  --page-margin-yshift: 0mm; /*天地マージンはデフォルト天地均等。yshift値でずらす*/
+  --page-margin-top: 22mm; /*上下マージンは天のみ指定できる。地は自動計算*/
+  --page-margin-xshift: 0mm; /*左右マージンはデフォルト天地均等。xshift値でずらす*/
   --column-font-size: 12Q; /*コラムのフォントサイズ*/
   /* フォント指定 */
   --main-text-font: "Noto Sans JP"; /*メインフォント*/
@@ -29,9 +29,9 @@
   /* ページマージン自動計算 */
   --page-body-height: calc(var(--base-font-size) * var(--letters-per-line));
   --page-body-width: calc(var(--base-line-height) * var(--lines-per-page));
-  --page-inline-margin: calc((var(--page-height) - var(--page-body-height)) / 2);
-  --page-block-margin-start: var(--page-margin-top);
-  --page-block-margin-end: calc(var(--page-width) - var(--page-body-width) - var(--page-block-margin-start));
+  --page-block-margin: calc((var(--page-width) - var(--page-body-width)) / 2);
+  --page-inline-margin-start: var(--page-margin-top);
+  --page-inline-margin-end: calc(var(--page-height) - var(--page-body-height) - var(--page-inline-margin-start));
   font-size: var(--base-font-size);
   line-height: var(--base-line-height);
 
@@ -48,9 +48,9 @@
   size: var(--page-width) var(--page-height);
   /* bleed: 3mm; */
   /* marks: crop cross; */
-  margin-block-start: var(--page-block-margin-start);
-  margin-block-end: var(--page-block-margin-end);
-  margin-inline: var(--page-inline-margin);
+  margin-inline-start: var(--page-inline-margin-start);
+  margin-inline-end: var(--page-inline-margin-end);
+  margin-block: var(--page-block-margin);
   font-size: 10Q;
 }
 @page: left {
@@ -60,8 +60,8 @@
   /* background-position: -3mm; */
   font-size: 11Q;
   font-family: var(--header-font);
-  margin-inline-start: calc(var(--page-inline-margin) + var(--page-margin-yshift));
-  margin-inline-end: calc(var(--page-inline-margin) - var(--page-margin-yshift));
+  margin-block-start: calc(var(--page-block-margin) + var(--page-margin-xshift));
+  margin-block-end: calc(var(--page-block-margin) - var(--page-margin-xshift));
   /* ノンブル */
   @bottom-left {
     content: counter(page);
@@ -76,14 +76,15 @@
   background-position: -3mm; */
   font-size: 11Q;
   font-family: var(--header-font);
-  margin-inline-start: calc(var(--page-inline-margin) - var(--page-margin-yshift));
-  margin-inline-end: calc(var(--page-inline-margin) + var(--page-margin-yshift));
+  margin-block-start: calc(var(--page-block-margin) - var(--page-margin-xshift));
+  margin-block-end: calc(var(--page-block-margin) + var(--page-margin-xshift));
   /* ノンブル */
   @bottom-right {
     content: counter(page);
     text-align: end;
     writing-mode: horizontal-tb;
   }
+  /* 柱 */
   @bottom-center {
     content: string(chapter-number, first) "　" string(chapter-title, first);
     writing-mode: horizontal-tb;

koushu1/lesson2/formatE_tate/ginga.html

@@ -9,7 +9,7 @@
       <h1 id="h1_0">銀河鉄道の夜</h1>
       <p class="author">宮沢賢治</p>
       <section class="level2" aria-labelledby="一午后の授業">
-        <h2 id="h2_0">一、午后の授業</h2>
+        <h2 id="h2_0">一、<ruby>午<rt>ご</rt></ruby><ruby>后<rt>ご</rt></ruby>の授業</h2>
         <p>「ではみなさんは、そういうふうに川だと云われたり、乳の流れたあとだと云われたりしていたこのぼんやりと白いものがほんとうは何かご承知ですか。」先生は、黒板に吊した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のようなところを指しながら、みんなに問をかけました。</p>
         <p>カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげようとして、急いでそのままやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないという気持ちがするのでした。</p>
         <p>

koushu1/lesson2/formatE_tate/ginga.md

@@ -9,7 +9,7 @@ lang: 'ja'
 # 銀河鉄道の夜
 <p class="author">宮沢賢治</p>
 
-## 一、午后の授業
+## 一、{午|ご}{后|ご}の授業
 
 「ではみなさんは、そういうふうに川だと云われたり、乳の流れたあとだと云われたりしていたこのぼんやりと白いものがほんとうは何かご承知ですか。」先生は、黒板に吊した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のようなところを指しながら、みんなに問をかけました。
 

koushu1/lesson2/formatE_tate/sample1.html

@@ -266,6 +266,30 @@ <h3 id="h3_5">会話サンプル</h3>
             このページが空いています！　埋めてください！
             :::
           </p>
+          <p>「ではみなさんは、そういうふうに川だと云われたり、乳の流れたあとだと云われたりしていたこのぼんやりと白いものがほんとうは何かご承知ですか。」先生は、黒板に吊した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のようなところを指しながら、みんなに問をかけました。</p>
+          <p>カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげようとして、急いでそのままやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないという気持ちがするのでした。</p>
+          <p>
+            ところが先生は早くもそれを見附けたのでした。
+            「ジョバンニさん。あなたはわかっているのでしょう。」
+          </p>
+          <p>
+            ジョバンニは勢よく立ちあがりましたが、立って見るともうはっきりとそれを答えることができないのでした。ザネリが前の席からふりかえって、ジョバンニを見てくすっとわらいました。ジョバンニはもうどぎまぎしてまっ赤になってしまいました。先生がまた云いました。
+            「大きな望遠鏡で銀河をよっく調べると銀河は大体何でしょう。」
+          </p>
+          <p>やっぱり星だとジョバンニは思いましたがこんどもすぐに答えることができませんでした。</p>
+          <p>
+            先生はしばらく困ったようすでしたが、眼をカムパネルラの方へ向けて、
+            「ではカムパネルラさん。」と名指しました。するとあんなに元気に手をあげたカムパネルラが、やはりもじもじ立ち上ったままやはり答えができませんでした。
+          </p>
+          <p>
+            先生は意外なようにしばらくじっとカムパネルラを見ていましたが、急いで「では。よし。」と云いながら、自分で星図を指しました。
+            「このぼんやりと白い銀河を大きないい望遠鏡で見ますと、もうたくさんの小さな星に見えるのです。ジョバンニさんそうでしょう。」
+          </p>
+          <p>ジョバンニはまっ赤になってうなずきました。けれどもいつかジョバンニの眼のなかには涙がいっぱいになりました。そうだ僕は知っていたのだ、勿論カムパネルラも知っている、それはいつかカムパネルラのお父さんの博士のうちでカムパネルラといっしょに読んだ雑誌のなかにあったのだ。それどこでなくカムパネルラは、その雑誌を読むと、すぐお父さんの書斎から巨きな本をもってきて、ぎんがというところをひろげ、まっ黒な頁いっぱいに白い点々のある美しい写真を二人でいつまでも見たのでした。それをカムパネルラが忘れる筈もなかったのに、すぐに返事をしなかったのは、このごろぼくが、朝にも午后にも仕事がつらく、学校に出てももうみんなともはきはき遊ばず、カムパネルラともあんまり物を云わないようになったので、カムパネルラがそれを知って気の毒がってわざと返事をしなかったのだ、そう考えるとたまらないほど、じぶんもカムパネルラもあわれなような気がするのでした。</p>
+          <p>
+            先生はまた云いました。
+            「ですからもしもこの天の川がほんとうに川だと考えるなら、その一つ一つの小さな星はみんなその川のそこの砂や砂利の粒にもあたるわけです。またこれを巨きな乳の流れと考えるならもっと天の川とよく似ています。つまりその星はみな、乳のなかにまるで細かにうかんでいる脂油の球にもあたるのです。そんなら何がその川の水にあたるかと云いますと、それは真空という光をある速さで伝えるもので、太陽や地球もやっぱりそのなかに浮んでいるのです。つまりは私どもも天の川の水のなかに棲んでいるわけです。そしてその天の川の水のなかから四方を見ると、ちょうど水が深いほど青く見えるように、天の川の底の深く遠いところほど星がたくさん集って見えしたがって白くぼんやり見えるのです。この模型をごらんなさい。」
+          </p>
         </section>
       </section>
     </section>

koushu1/lesson2/formatE_tate/sample1.md

@@ -254,3 +254,25 @@ $$
 :::
 
 
+「ではみなさんは、そういうふうに川だと云われたり、乳の流れたあとだと云われたりしていたこのぼんやりと白いものがほんとうは何かご承知ですか。」先生は、黒板に吊した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のようなところを指しながら、みんなに問をかけました。
+
+カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげようとして、急いでそのままやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないという気持ちがするのでした。
+
+ところが先生は早くもそれを見附けたのでした。
+「ジョバンニさん。あなたはわかっているのでしょう。」
+
+ジョバンニは勢よく立ちあがりましたが、立って見るともうはっきりとそれを答えることができないのでした。ザネリが前の席からふりかえって、ジョバンニを見てくすっとわらいました。ジョバンニはもうどぎまぎしてまっ赤になってしまいました。先生がまた云いました。
+「大きな望遠鏡で銀河をよっく調べると銀河は大体何でしょう。」
+
+やっぱり星だとジョバンニは思いましたがこんどもすぐに答えることができませんでした。
+
+先生はしばらく困ったようすでしたが、眼をカムパネルラの方へ向けて、
+「ではカムパネルラさん。」と名指しました。するとあんなに元気に手をあげたカムパネルラが、やはりもじもじ立ち上ったままやはり答えができませんでした。
+
+先生は意外なようにしばらくじっとカムパネルラを見ていましたが、急いで「では。よし。」と云いながら、自分で星図を指しました。
+「このぼんやりと白い銀河を大きないい望遠鏡で見ますと、もうたくさんの小さな星に見えるのです。ジョバンニさんそうでしょう。」
+
+ジョバンニはまっ赤になってうなずきました。けれどもいつかジョバンニの眼のなかには涙がいっぱいになりました。そうだ僕は知っていたのだ、勿論カムパネルラも知っている、それはいつかカムパネルラのお父さんの博士のうちでカムパネルラといっしょに読んだ雑誌のなかにあったのだ。それどこでなくカムパネルラは、その雑誌を読むと、すぐお父さんの書斎から巨きな本をもってきて、ぎんがというところをひろげ、まっ黒な頁いっぱいに白い点々のある美しい写真を二人でいつまでも見たのでした。それをカムパネルラが忘れる筈もなかったのに、すぐに返事をしなかったのは、このごろぼくが、朝にも午后にも仕事がつらく、学校に出てももうみんなともはきはき遊ばず、カムパネルラともあんまり物を云わないようになったので、カムパネルラがそれを知って気の毒がってわざと返事をしなかったのだ、そう考えるとたまらないほど、じぶんもカムパネルラもあわれなような気がするのでした。
+
+先生はまた云いました。
+「ですからもしもこの天の川がほんとうに川だと考えるなら、その一つ一つの小さな星はみんなその川のそこの砂や砂利の粒にもあたるわけです。またこれを巨きな乳の流れと考えるならもっと天の川とよく似ています。つまりその星はみな、乳のなかにまるで細かにうかんでいる脂油の球にもあたるのです。そんなら何がその川の水にあたるかと云いますと、それは真空という光をある速さで伝えるもので、太陽や地球もやっぱりそのなかに浮んでいるのです。つまりは私どもも天の川の水のなかに棲んでいるわけです。そしてその天の川の水のなかから四方を見ると、ちょうど水が深いほど青く見えるように、天の川の底の深く遠いところほど星がたくさん集って見えしたがって白くぼんやり見えるのです。この模型をごらんなさい。」

koushu1/lesson2/formatE_yoko/css/page_settings.css

@@ -81,6 +81,7 @@
     content: counter(page);
     text-align: end;
   }
+  /* 柱 */
   @bottom-center {
     content: string(chapter-number, first) "　" string(chapter-title, first);
   }