html {
			color: #333;
			font-family: "Yu Mincho", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS Mincho", serif;
			font-size: calc(2dvh + 4px);
		}

		body {
			/* 縦書き（右から左）の設定 */
			writing-mode: vertical-rl;
			/*英数字を立たせる*/
			text-orientation: upright;
			/* 画面の高さに合わせる */
			height: 100dvh;
			/* デフォルトの縦スクロールを隠す */
			overflow-y: hidden;
			/* 横に長く伸びるように設定 */
			display: inline-block;
			box-sizing: border-box;

			/* 背景 */
			background-color: #fcebeb99;
			background-image:
				linear-gradient(0deg, transparent 50%, rgba(0, 0, 0, 0.05) 50%),
				linear-gradient(90deg, rgba(255, 255, 255, 0.1) 50%, transparent 50%);
			/* 繊維の細かさ */
			background-size: 4px 4px;
		}

		nav {
			display: inline-block;
			margin: 4em 1em 0 1em;
			padding: 0 1em;
			background-color: #ffffff99;
			border-radius: 1em;
		}

		nav ul {
			padding: 2em 1em;
			line-height: 2;
		}

		nav li::before {
			content: "◎";
			padding-bottom: .5em;
		}

		h1 {
			/* ページのタイトル */
			display: inline-block;
			font-size: 2em;
			color: #555;
			margin-right: 1em;
			padding: .5em .2em;
			background-color: #ffffff55;
			border: solid 1px brown;
			border-top-right-radius: .5em;
			border-bottom-left-radius: .5em;
		}

		h2 {
			/* 大見出し */
			display: inline-block;
			font-size: 1.3em;
			font-weight: bold;
			color: #555;
			padding: 1em 1em 0 0;
		}

		h3 {
			/* 小見出し */
			font-size: 1.1em;
			padding: 3em 2em 0 1em;
		}

		p {
			line-height: 2;
			padding-top: 2em;
		}

		div {
			margin-top: 2dvh;
			margin-bottom: 1dvh;
		}

		img {
			max-height: 30dvh;
			width: 100%;
		}

		.mark {
			/* マーカー */
			color: red;
			cursor: pointer;
		}

		#about {
			margin: 1em;
			padding: 1em 1em 1em 2em;
			background-color: #ffffff55;
			border: solid 1px brown;
			border-top-left-radius: 3em;
			border-bottom-right-radius: 3em;
		}

		.hounou {
			display: inline-block;
			font-size: 10em;
			color: black;
			margin: 1em .2em;
		}

		footer {
			display: block;
			font-size: .8em;
			height: 22em;
			margin-inline-start: auto;
			padding: 0 3em 1em;
		}

		/*↓↓↓↓↓　ここからがスイッチ　↓↓↓↓↓*/

		.toggle-btn {
			margin-right: .4em;
			padding: .2em 0;
			font-size: inherit;
			font-family: inherit;
			font-weight: inherit;
			cursor: pointer;
			border-radius: 5px;
			border: none;
			transition: .3s;

			background-color: #4CAF5044;
			/* 初期は緑 (Run) */
			color: green;
		}

		.toggle-btn.running {
			background-color: #f4433644;
			color: red;
			/* 実行中は赤 (Stop) */
		}

		.switch {
			font-size: .8em;
			padding: .5em .6em;
		}

		/*↑↑↑↑↑　ここまでがスイッチ　↑↑↑↑↑*/