ブログパーツとか: 段組み式縦書き記事の書き方　～　ツェねずみ（宮沢賢治）

【使い方】
①全文を<div class="dangumi"></div>で囲む
②改段する箇所に</div><div class="dangumi">を挿入する
③widthとheightをpxで指定する（レスポンシブにはできない）
サンプルブログ

<div class="dangumi">
　ある古い家の、まっくらな天井裏に、「ツェ」という名まえのねずみがすんでいました。 
　ある日ツェねずみは、きょろきょろ四方を見まわしながら、床下街道を歩いていますと、向こうからいたちが、何かいいものをたくさんもって、風のように走って参りました。そしてツェねずみを見て、ちょっとたちどまって早口に言いました。 
「おい、ツェねずみ。お前んとこの戸棚の穴から、金米糖がばらばらこぼれているぜ。早く行ってひろいな。」 
　ツェねずみは、もうひげもぴくぴくするくらいよろこんで、いたちにはお礼も言わずに、いっさんにそっちへ走って行きました。ところが戸棚の下まで来たとき、いきなり足がチクリとしました。そして、「止まれ、だれかっ。」と言う小さな鋭い声がします。 
　ツェねずみはびっくりしてよく見ますと、それは蟻でした。蟻の兵隊は、もう金米糖のまわりに四重の非常線を張って、みんな黒いまさかりをふりかざしています。二三十匹は金米糖を片っぱしから砕いたり、とかしたりして、巣へはこぶしたくです。ツェねずみはぶるぶるふるえてしまいました。 
「ここから内へはいってならん。早く帰れ。帰れ、帰れ。」蟻の特務曹長が、低い太い声で言いました。 
　ねずみはくるっと一つまわって、いちもくさんに天井裏へかけあがりました。そして巣の中へはいって、しばらくねころんでいましたが、どうもおもしろくなくて、おもしろくなくて、たまりません。蟻はまあ兵隊だし、強いからしかたもないが、あのおとなしいいたちめに教えられて、戸棚の下まで走って行って蟻の曹長にけんつくを食うとは、なんたるしゃくにさわることだとツェねずみは考えました。そこでねずみは巣からまたちょろちょろはい出して、木小屋の奥のいたちの家にやって参りました。 
　いたちはちょうど、とうもろこしのつぶを、歯でこつこつかんで粉にしていましたが、ツェねずみを見て言いました。 
「どうだ。金米糖がなかったかい。」 
「いたちさん。ずいぶんお前もひどい人だね。私のような弱いものをだますなんて。」 
「だましゃせん。たしかにあったのや。」 
</div><div class="dangumi">
「あるにはあっても、もう蟻が来てましたよ。」 
「蟻が、へい。そうかい。早いやつらだね。」 
「みんな蟻がとってしまいましたよ。私のような弱いものをだますなんて、償うてください。償うてください。」 
「それはしかたない。お前の行きようが少しおそかったのや。」 
「知らん、知らん。私のような弱いものをだまして。償うてください。償うてください。」 
「困ったやつだな。ひとの親切をさかさまにうらむとは。よしよし。そんならおれの金米糖をやろう。」 
「償うてください。償うてください。」 
「えい、それ。持って行け。てめえの持てるだけ持ってうせちまえ。てめえみたいな、ぐにゃぐにゃした男らしくもねえやつは、つらも見たくねえ。早く持てるだけ持ってどっかへうせろ。」いたちはプリプリして、金米糖を投げ出しました。ツェねずみはそれを持てるだけたくさんひろって、おじぎをしました。いたちはいよいよおこって叫びました。 
「えい、早く行ってしまえ。てめえの取った、のこりなんかうじむしにでもくれてやらあ。」 
　ツェねずみは、いちもくさんに走って、天井裏の巣へもどって、金米糖をコチコチ食べました。 
　こんなぐあいですから、ツェねずみはだんだんきらわれて、たれもあんまり相手にしなくなりました。そこでツェねずみはしかたなしに、こんどは、柱だの、こわれたちりとりだの、バケツだの、ほうきだのと交際をはじめました。中でも柱とは、いちばん仲よくしていました。 
　柱がある日、ツェねずみに言いました。 
「ツェねずみさん、もうじき冬になるね。ぼくらはまたかわいてミリミリ言わなくちゃならない。お前さんも今のうちに、いい夜具のしたくをしておいた方がいいだろう。幸いぼくのすぐ頭の上に、すずめが春持って来た鳥の毛やいろいろ暖かいものがたくさんあるから、いまのうちに、すこしおろして運んでおいたらどうだい。僕の頭は、まあ少し寒くなるけれど、僕は僕でまたくふうをするから。」 
</div><div class="dangumi">
　ツェねずみはもっともと思いましたので、さっそく、その日から運び方にかかりました。 
　ところが、途中に急な坂が一つありましたので、ねずみは三度目に、そこからストンところげ落ちました。 
　柱もびっくりして、 
「ねずみさん、けがはないかい。けがはないかい。」と一生けん命、からだを曲げながら言いました。ねずみはやっと起き上がって、それからかおをひどくしかめながら言いました。 
「柱さん。お前もずいぶんひどい人だ。僕のような弱いものをこんな目にあわすなんて。」 
　柱はいかにも申しわけがないと思ったので、 
「ねずみさん、すまなかった。ゆるしてください。」と一生けん命わびました。 
　ツェねずみは図にのって、 
「許してくれもないじゃないか。お前さえあんなこしゃくなさしずをしなければ、私はこんな痛い目にもあわなかったんだよ。償っておくれ。償っておくれ。さあ、償っておくれよ。」 
「そんなことを言ったって困るじゃありませんか。許してくださいよ。」 
「いいや、弱いものをいじめるのは私はきらいなんだから、償っておくれ。償っておくれ。さあ、償っておくれ。」 
　柱は困ってしまって、おいおい泣きました。そこでねずみも、しかたなく、巣へかえりました。それからは、柱はもうこわがって、ねずみに口をききませんでした。 
　さてそののちのことですが、ちりとりはある日、ツェねずみに半分になった最中を一つやりました。するとちょうどその次の日、ツェねずみはおなかが痛くなりました。さあ、いつものとおりツェねずみは、まどっておくれを百ばかりも、ちりとりに言いました。ちりとりもあきれて、もうねずみとの交際はやめました。 
　また、そののちのことですが、ある日バケツはツェねずみに、せんたくソーダのかけらをすこしやって、 
「これで毎朝お顔をお洗いなさい。」と言いましたら、ねずみはよろこんで次の日から、毎日それで顔を洗っていましたが、そのうち
</div><div class="dangumi">
にねずみのおひげが十本ばかり抜けました。さあツェねずみは、さっそくバケツへやって来て、償っておくれ償っておくれを、二百五十ばかり言いました。しかしあいにくバケツにはおひげもありませんでしたし、償うわけにも行かず、すっかり参ってしまって、泣いてあやまりました。そして、もうそれからは、ちょっとも口をききませんでした。 
　道具仲間は、みんな順ぐりにこんなめにあって、こりてしまいましたので、ついにはだれもツェねずみの顔を見るといそいでわきの方を向いてしまうのでした。 
　ところがその道具仲間に、ただ一人だけ、まだツェねずみとつきあってみないものがありました。 
　それは針がねを編んでこさえたねずみ捕りでした。 
　ねずみ捕りは全体、人間の味方なはずですが、ちかごろは、どうも毎日の新聞にさえ、猫といっしょにお払い物という札をつけた絵にまでして、広告されるのですし、そうでなくても、元来人間は、この針金のねずみ捕りを、一ぺんも優待したことはありませんでした。ええ、それはもうたしかにありませんとも。それに、さもさわるのさえきたないようにみんなから思われています。それですから実は、ねずみ捕りは人間よりはねずみの方に、よけい同情があるのです。けれども、たいていのねずみはなかなかこわがって、そばへやって参りません。ねずみ捕りは、毎日やさしい声で、 
「ねずちゃん、おいで。今夜のごちそうはあじのおつむだよ。お前さんの食べる間、わたしはしっかり押えておいてあげるから。ね、安心しておいで。入り口をパタンとしめるようなそんなことをするもんかね。わたしも人間にはもうこりこりしてるんだから。おいでよ。そら。」 
　なんてねずみを呼びかけますが、ねずみはみんな、 
「へん、うまく言ってらあ。」とか、 
「へい、へい。よくわかりましてございます。いずれ、おやじや、せがれとも相談の上で。」とか言ってそろそろ逃げて行ってしまいます。 
　そして朝になると、顔のまっ赤な下男が来て見て、 
「またはいらない。ねずみももう知ってるんだな。ねずみの学校で
</div><div class="dangumi">
教えるんだな。しかしまあもう一日だけかけてみよう。」と言いながら、新しいえさととりかえるのでした。 
　今夜も、ねずみ捕りは叫びました。 
「おいでおいで。今夜はやわらかな半ぺんだよ。えさだけあげるよ。大丈夫さ。早くおいで。」 
　ツェねずみが、ちょうど通りかかりました。そして、 
「おや、ねずみ捕りさん、ほんとうにえさだけをくださるんですか。」と言いました。 
「おや、お前は珍しいねずみだね。そうだよ。えさだけあげるんだよ。そら、早くお食べ。」 
　ツェねずみはプイッと中にはいって、むちゃむちゃむちゃっと半ぺんを食べて、またプイッと外へ出て言いました。 
「おいしかったよ。ありがとう。」 
「そうかい。よかったね。またあすの晩おいで。」 
　次の朝、下男が来て見ておこって言いました。 
「えい。えさだけとって行きやがった。ずるいねずみだな。しかしとにかく中にはいったというのは感心だ。そら、きょうは鰯だぞ。」 
　そして鰯を半分つけて行きました。 
　ねずみ捕りは、鰯をひっかけて、せっかくツェねずみの来るのを待っていました。 
　夜になって、ツェねずみはすぐ出て来ました。そしていかにも恩に着せたように、 
「今晩は、お約束どおり来てあげましたよ。」と言いました。 
　ねずみ捕りは少しむっとしたが、無理にこらえて、 
「さあ、食べなさい。」とだけ言いました。 
　ツェねずみはプイッとはいって、ピチャピチャピチャッと食べて、またプイッと出て来て、それから大風に言いました。 
「じゃ、あした、また、来て食べてあげるからね。」 
「ブウ。」とねずみ捕りは答えました。 
　次の朝、下男が来て見て、ますますおこって言いました。 
「えい。ずるいねずみだ。しかし、毎晩、そんなにうまくえさだけ取られるはずがない。どうも、このねずみ捕りめは、ねずみからわ
</div><div class="dangumi">
いろをもらったらしいぞ。」 
「もらわん。もらわん。あんまり人を見そこなうな。」とねずみ捕りはどなりましたが、もちろん、下男の耳には聞こえません。きょうも腐った半ぺんをくっつけていきました。 
　ねずみ捕りは、とんだ疑いを受けたので、一日ぷんぷんおこっていました。夜になりました。ツェねずみが出て来て、さも大儀らしく言いました。 
「あああ、毎日ここまでやって来るのも、並みたいていのこっちゃない。それにごちそうといったら、せいぜい魚の頭だ。いやになっちまう。しかしまあ、せっかく来たんだからしかたない。食ってやるとしようか。ねずみ捕りさん。今晩は。」 
　ねずみ捕りは、はりがねをぷりぷりさせておこっていましたので、ただ一こと、 
「お食べ。」と言いました。ツェねずみはすぐプイッと飛びこみましたが、半ぺんのくさっているのを見て、おこって叫びました、。 
「ねずみとりさん。あんまりひどいや。この半ぺんはくさってます。僕のような弱いものをだますなんて、あんまりだ。償ってください。償ってください。」 
　ねずみ捕りは、思わず、はり金をりゅうりゅうと鳴らすくらい、おこってしまいました。そのりゅうりゅうが悪かったのです。 
「ピシャッ。シインン。」えさについていたかぎがはずれて、ねずみ捕りの入り口が閉じてしまいました。さあもうたいへんです。 
　ツェねずみはきちがいのようになって、 
「ねずみ捕りさん。ひどいや。ひどいや。うう、くやしい。ねずみ捕りさん。あんまりだ。」と言いながら、はりがねをかじるやら、くるくるまわるやら、地だんだふむやら、わめくやら、泣くやら、それはそれは大さわぎです。それでも、償ってください、償ってくださいは、もう言う力がありませんでした。 
　ねずみ捕りの方も、痛いやら、しゃくにさわるやら、ガタガタ、ブルブル、リュウリュウとふるえました。一晩そうやってとうとう朝になりました。 
　顔のまっ赤な下男が来て見て、こおどりして言いました。 
「しめた。しめた。とうとう、かかった。意地の悪そうなねずみだ
</div><div class="dangumi">
な。さあ、出て来い。こぞう。」

出典 
　<a href="http://www.aozora.gr.jp/" target="_blank" title="青空文庫">青空文庫</a> 
　<a href="https://www.aozora.gr.jp/cards/000081/card1949.html" target="_blank" title="図書カード：ツェねずみ">図書カード：ツェねずみ</a>

底本：岩波文庫、岩波書店 
　　　「童話集　銀河鉄道の夜　他十四編」 
　　　　1951年10月25日第1刷発行 
　　　　1966年7月16日第18刷改版発行 
　　　　2000年5月25日改版第71刷発行

入力：のぶ 
　校正：noriko saito 
　2005年5月12日作成
</div>

CSS

.dangumi {
    width: 600px ;            /*段のサイズ（横）*/
    height: 400px ;          /*段のサイズ（縦）*/
    padding: px ;            /*内側の余白*/
    margin-bottom: 30px ;    /*段と段の間隔*/
    -webkit-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
            writing-mode:vertical-rl;
    -webkit-text-orientation:upright;
            text-orientation:upright;
   }

HTML

<div class="dangumi">縦書き段組み1段目</div>
<div class="dangumi">縦書き段組み2段目</div>
<div class="dangumi">縦書き段組み3段目</div>
<div class="dangumi">縦書き段組み4段目</div>
<div class="dangumi">縦書き段組み5段目</div>

縦書きタグ（縦書きする文章全体を囲む）　　絵文字を付けるとタグの場所が分かりやすい

<div class="dangumi">

</div>

<!--💥--><div class="dangumi"><!--💥-->

<!--💥--></div><!--💥-->

段組みタグ（改段する箇所に挿入する）　　　絵文字を付けるとタグの場所が分かりやすい

</div><div class="dangumi">

<!--💥--></div><div class="dangumi"><!--💥-->

2020年3月24日火曜日

段組み式縦書き記事の書き方 ～ ツェねずみ（宮沢賢治）

段組み式縦書き記事の書き方　～　ツェねずみ（宮沢賢治）