body,div,table,thead,tbody,tfoot,tr,th,td,p { font-family: 'Noto Sans JP', sans-serif; font-size:small }
a.comment-indicator:hover + comment { background:#ffd; position:absolute; display:block; border:1px solid black; padding:0.5em; }
a.comment-indicator { background:red; display:inline-block; border:1px solid black; width:0.5em; height:0.5em; }
comment { display:none; }
caption { font-weight:bold; font-size:large; padding:0.5em; text-align:left; }
.dt-search { display:flex; align-items:center; justify-content:flex-end; gap:0.5em; margin:0.75em 0; }
.dt-search label { color:#333333; font-size:1em; font-weight:bold; line-height:1.4; white-space:nowrap; }
.dt-search input { min-width:16em; padding:0.5em 0.75em; border:1px solid #cccccc; border-radius:0.375em; font-family:inherit; font-size:16px; }
.dt-search input:focus { border-color:#666666; box-shadow:0 0 0 3px rgba(0, 0, 0, 0.08); outline:none; }
.category-tabs { display:flex; gap:0.25em; margin:1em 0; border-bottom:1px solid #cccccc; }
.category-tabs a { padding:0.5em 1em; border:1px solid #cccccc; border-bottom:0; color:#000000; text-decoration:none; background:#f5f5f5; }
.category-tabs a.active { background:#ffffff; font-weight:bold; }
.category-tabs .tab-ja::before { content:"（"; }
.category-tabs .tab-ja::after { content:"）"; }

table.display {
	table-layout:fixed;
	width:100%;
}

table.display th,
table.display td {
	word-wrap:break-word;
	overflow-wrap:break-word;
	white-space:normal;
}

@media (max-width: 600px) {
	.category-tabs { flex-wrap:wrap; gap:0.5em; border-bottom:0; }
	.category-tabs a { flex:1 1 calc(33.33% - 0.5em); box-sizing:border-box; border-bottom:1px solid #cccccc; text-align:center; }
	.category-tabs .tab-en, .category-tabs .tab-ja { display:block; }
	.category-tabs .tab-ja::before, .category-tabs .tab-ja::after { content:""; }
	.dt-search input { box-sizing:border-box; min-width:0; width:100%; }
}