iPadOS, iOS でも、Windows, Android でも、ブラウザで、縦書き・縦スクロール(段組)の表示

## iPadOS, iOS でも、ブラウザで、縦書き・縦スクロール(段組)の表示に成功

前回までは、「縦書き・縦スクロール（段組）」のWeb文書を、Windows, Android では表示できていましたが、

:::note info
今回、iPadOS, iOS でも表示できるようになりました。
:::

:::note warn
注意
なお、iPad, iOS では、端末に保存した HTML ファイルをブラウザで開くことはできない仕様になっていることが判明しました。今回の確認例は、ブラウザとサーバーとの接続による HTML （オンライン）表示に限られ、端末に保存した HTML ファイルを正常に（オフライン）表示することはできません。
:::


:::note info
ですが、ブラウザで閲覧した Web ページ（HTML ファイル）については、例えば、iPad のSafari ブラウザで閲覧した Web ページ（HTML ファイル）については、「リーディングリストへ追加し、かつ、オフライン用に保存」した場合には、後からオフラインで読むことができることがわかりました。

詳しくは、こちらをご覧下さい。
[Web ページをリーディングリストに追加する](https://support.apple.com/ja-jp/HT200294 "Web ページをリーディングリストに追加する")

Chrome ブラウザの場合は、こちら。
[ページを後からオフラインで読む](https://support.google.com/chrome/answer/7343019?hl=ja&co=GENIE.Platform%3DAndroid&oco=0 "ページを後からオフラインで読む")
:::



なお、Android, iPadOS, iOS での印刷が正常にできるかは確認できていません。

:::note warn
注意
横に長い表（通常の横書きでは、縦に長い表）は、横幅を指定しても、はみ出てしまいました。ブラウザは折り返してくれない仕様のようです。
:::


##### 動作確認できた環境
+ Windows 10 Home (20H2) - Firefox 101.0.1(64ビット)
+ Windows 10 Home (20H2) - Chrome 103.0.5060.53(Official Build)(64ビット)
+ Windows 10 Home (20H2) - Edge 102.0.1245.44(公式ビルド)(64ビット)
+ Windows 10 Home (20H2) - Opera 88.0.4412.40(64ビット)
+ iPadOS 15.5 - Safari 605.1.15
+ iOS 15.5 - Safari 604.1
</details>

:::note info
今回、iPadOS, iOS での表示にあたり、CSS の追加設定が必要でした。それは以下のようなものです。
:::

`html {column-width:20em}`

上記の CSS 指定を従来の Windows, Android 向け(column-count, height)指定と同時にすることで、iPadOS, iOS でも縦書き・縦スクロール表示が可能になりました。

以下に、サンプルコードを示します。(CSSスタイルは、htmlファイルの style 要素に統合しました。)

```html:index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport"	content="width=device-width,initial-scale=1.0">
<title>たて書き</title>
<style>
html{
	font-size:14px;
	width:97%;   /* 段幅 */
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl; /* horizontal-tb */
	margin:1em 0;
	padding:1em;
	column-count:1;height:20em; /* 段数・段高(for Win & Android) */
	column-width:20em; /* 段高(for iPadOS & iOS) */
	column-rule:solid 3px black; /* 区切り線のスタイル */
	line-height:1.5;
}
p{text-indent:1em}
@media print { /* 印刷の指定 */
	html {
		width:auto;  /* 段の幅 */
		height:auto; /* 段の高さ */
		column-count:4; /* 段の数 */
	}
}
@page {
    size: A4 portrait; /* A4 縦書き */
}
</style>
</head>
<body>
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
</body>
</html>
```

残念ながら、印刷が正常にできるかや、Mac OS でも同様に表示できるか、についてはまだ調査できていません。情報いただければ幸いです。

## 横に長い表（通常の横書き表示では、縦に長い表）

横に長い表を、（文字の向きは縦書きのまま）横向きに寝かせて表示させることができますが、長い表（通常の横書き表示では、縦に長い表）の場合、ページの横幅からはみ出してしまうことがわかりました。（次の段へ流し込んではくれません。）しかも、前の段に空白ができることがあります。

![tategaki(disp_FF).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/327025/6d1fce14-0ee8-331e-d46e-50f25a7a9b6b.jpeg "横に長い表・ディスプレイ表示・Firefox")


PDF 化すると、はみ出した文字が表示されるようになるものの、周囲に余計な空白が発生します。

![tategaki(pdf_FF).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/327025/a5a15964-2d61-ba4a-92b0-1cb3660ef26d.jpeg "横に長い表・PDF・Firefox")

以下は、横に長い表（table 要素）を持つサンプルコードです。

```html:index2.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport"	content="width=device-width,initial-scale=1.0">
<title>たて書き</title>
<style>
html{
	font-size:14px;
	width:97%;   /* 段幅 */
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl; /* horizontal-tb */
	margin:1em 0;
	padding:1em;
	column-count:1;height:20em; /* 段数・段高(for Win & Android) */
	column-width:20em; /* 段高(for iPadOS & iOS) */
	column-rule:solid 3px black; /* 区切り線のスタイル */
	line-height:1.5;
}
span.tate {
/*	text-orientation:upright; /* 文字の向き mixed upright sideways*/
/*	text-combine-upright:all; /* 縦中横 none all*/
}
p{text-indent:1em}
@media print { /* 印刷の指定 */
	html {
		width:auto;  /* 段の幅 */
		height:auto; /* 段の高さ */
		column-count:4; /* 段の数 */
	}
}
@page {
    size: A4 portrait; /* A4 縦書き */
/*  size: A4 landscape; /* A4 横書き */
/*  margin: 15mm; /* 印刷マージン */
}
tr td {padding:1em 4em}
</style>
</head>
<body>
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ

<table>
<tr><td>あ<td>い<td>う<td>え<td>お
<tr><td>か<td>き<td>く<td>け<td>こ
<tr><td>さ<td>し<td>す<td>せ<td>そ
<tr><td>た<td>ち<td>つ<td>て<td>と
<tr><td>な<td>に<td>ぬ<td>ね<td>の
<tr><td>は<td>ひ<td>ふ<td>へ<td>ほ
<tr><td>ま<td>み<td>む<td>め<td>も
<tr><td>や<td>ゆ<td>よ<td><td>
<tr><td>ら<td>り<td>る<td>れ<td>ろ
<tr><td>わ<td>を<td>ん<td><td>
</table>
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
<p>あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p>がぎぐげご、ざじずぜぞ、だぢづでど、ばびぶべぼ、ぱぴぷぺぽ
<p>アイウエオ、カキクケコ、サシスセソ、タチツテト、ハヒフヘホ、マミムメモ、ヤユヨ、ラリルレロ、ワヲン
<p>ガギグゲゴ、ザジズゼゾ、ダヂヅデド、バビブベボ、パピプペポ
<p>１２３４５、６７８９０
<p>ＡＢＣＤＥ、ＦＧＨＩＪ、ＫＬＭＮＯ、ＰＱＲＳＴ、ＵＶＷＸＹ、Ｚ
</body>
</html>
```