@charset "utf-8";
:root{
	--margin-left: 10px;
	--page-width: calc(100vw-1px);
}
h1 {
	margin-top: 5px;
	margin-bottom: 5px;
}
h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}
h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}
@media (orientation: portrait) {
	ruby rt{
		font-size: 60%;
	}
}
.container {
	width: var(--page-width);
	@media (orientation: landscape) {
		font-size:16px;
	}
	@media (orientation: portrait) {
		font-size:10px;
	}
}
.picture {
	font-size:1.5em;
	display:block;
	margin-left: var(--margin-left);
	overflow-x: auto;
}
.translation{
	display:block;
	margin-left: var(--margin-left);
	overflow-x: auto;
}
.addendum{
	width: fit-content;
	border-style: solid;
	border-width: 0.5px;
	border-color: black;
	padding: 10px;
	@media (orientation: landscape) {
		-ms-writing-mode: tb-rl;					/*縦書き*/
		writing-mode: vertical-rl;					/*縦書き*/
		line-height:25.5px;
	}
	@media (orientation: portrait) {
		line-height:16px;
	}
	white-space:nowrap;
	background-color: #d3d3d3;
	.org {
		margin:0;
		font-size:1.2em;
		font-weight:bold;
		color: black;
	}
	.trans {
		margin:0 0 8px 0;
		color: blue;
	}
}
.comment {
	width: var(--page-width);
	margin-top: 1px;
	margin-left: var(--margin-left);
	margin-bottom: 1px;
	text-indent: -2;
	padding-left: 1;
}
.contents {
	margin-top: 1px;
	margin-left: var(--margin-left);
	margin-bottom: 1px;
	font-size: 1.2em;
}