:root{
 --color_href: #2064af;
 --color_visited: #2064af;
 --color_hover: #ff003c;
 --color_active: #ff007e;
 --color_paragraph: #323232;
 --color_border: #323232;
 --color_background: #ffffff;
 --color_title: #565657;
 --color_gayouorg: #bdc2ce;
 --color_navi: #f7f9fc;
 --color_sitemap: #e4e7ed;
 --color_quotation_background: #f7f9fc;
 --color_quotation_border: #bdc2ce;
 --color_exclamation: #ffff00;
 --height_paragraph_std: 2.0;
 --height_paragraph_in_table: 1.65;
 --height_paragraph_in_notes: 1.5;
 --height_paragraph_in_tempo: 1.25;
 --height_pseudo_paragraph: 0.75em;
}

a:link {
 color: var( --color_href );
 text-decoration: none;
}
a:visited {
 color: var( --color_visited );
 text-decoration: none;
}
a:hover {
 color: var( --color_hover );
 text-decoration: none;
}
a:active {
 color: var( --color_active );
 text-decoration: none;
}

html{
 scroll-padding-top: 16pt;
}

body{
 color: var( --color_paragraph );
 background-color: var( --color_background );;
 font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN" , "游明朝", "Yu Micho", "YuMicho", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", "MS Mincho", "NINJAL変体仮名", "Century", serif;
 font-size: medium;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: var( --height_paragraph_std );
 line-break: strict;
 text-align: left;
 vertical-align: baseline;
 letter-spacing: 0.05em;
 margin: 0px;
 padding: 0px;
 -webkit-text-size-adjust: 100%;
}

/* 疑似パラグラフ */
div.p {
  margin-top: 0px;
  margin-bottom: var( --height_pseudo_paragraph );
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

/* ナビエリア: 個別コンテンツ (上下) */
nav.navi {
 display: flex;
 justify-content: center;
 background-color: var( --color_navi );
 line-height: 1.5;
 width: 100%;
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
 border-style: none;
}

nav.paging {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background-color: var( --color_navi );
 line-height: 1.5;
 text-align: left;
 vertical-align: top;
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 8px;
 padding-right: 8px;
 border-style: none;
}

div.paging {
 display: block;
 background-color: transparent;
 white-space: nowrap;
 text-align: left;
 vertical-align: top; 
 margin: 0px;
 padding: 0px;
 border-style: none;
}

div.currentPotable {
 display: block;
 background-color: transparent;
 white-space: nowrap;
 text-align: center;
 overflow: hidden;
 text-overflow: ellipsis;
 vertical-align: top; 
 margin: 0px;
 padding: 0px;
 border-style: none;
 width: 100%;
}

div.current {
 display: none;
}

/* ナビエリア: gayou.org (下のみ) */
nav.gayouorg {
 display: block;
 background-color: var( --color_gayouorg );
 line-height: 1.0;
 text-align: left;
 vertical-align: middle;
 margin: 0px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 16px;
 padding-right: 16px;
 border-style: none;
}

/* ナビエリア: サイトマップ (下のみ) */
nav.sitemap {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 background-color: var( --color_sitemap );
 font-size: small;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: 1.0;
 text-align: left;
 vertical-align: top;
 letter-spacing: 0.025em;
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 8px;
 padding-right: 8px;
 border-style: none;
}

/* サイトマップ */
div.sitemap {
 display: block;
 background-color: transparent;
 text-align: left;
 vertical-align: top; 
 margin: 0px;
 padding: 0px;
 border-style: none;
}

/* サイトマップ アイテム */
div.sitemapItem {
 display: block;
 background-color: transparent;
 white-space: nowrap;
 margin: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
}

/* サイトマップ サブアイテム */
div.sitemapSubItem {
 display: block;
 background-color: transparent;
 white-space: nowrap;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 16px;
 margin-right: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
}

/* フッタ */
footer.copyright {
 display: block;
 background-color: var( --color_sitemap );
 font-size: small;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: 1.0;
 text-align: center;
 vertical-align: baseline;
 white-space: wrap;
 margin: 0px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
}

footer.copyrightPolyhedral {
 display: block;
 background-color: var( --color_sitemap );
 font-size: small;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: 1.0;
 text-align: center;
 vertical-align: baseline;
 white-space: wrap;
 margin-top: 2em;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
}

/* シンプルボックス */
span.smplbxH {
 padding-top: 0px;
 padding-bottom: 1.0px;
 padding-left: 4px;
 padding-right: 4px;
 border-top-style: none;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: none;
 border-width: 1.0px;
 border-color: var( --color_border );
}

div.smplbx {
 display: block;
 background-color: transparent;
 margin-left: 8px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 border-style: none;
}

/* ラウンドボックス */
div.rndbx {
 display: block;
 background-color: transparent;
 margin-left: 1.0em;
 margin-right: 1.0em;
 margin-top: 1.75em;
 margin-bottom: 1.0em;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0.5em;
 padding-right: 0.5em;
 border-style: solid;
 border-width: 1.0px;
 border-color: var( --color_border );
 border-radius: 8px;
}

div.rndbxT {
 display: block;
 background-color: var( --color_background );
 letter-spacing: 0.05em;
 width: fit-content;
 margin-left: 0em;
 margin-right: 0em;
 margin-top: -1em;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0.75em;
 padding-right: 0px;
 border-style: none;
}

/* 引用ボックス */
table.qtbx {
 background-color: #edf0f3;
 font-size: medium;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: var( --height_paragraph_std );
 letter-spacing: 0.05em;
 margin-left: 1em;
 margin-right: 1em;
 margin-top: 1.25em;
 margin-bottom: 1em;
 padding: 0px;
 border-style: none;
/*
 border-width: 1.0px;
 border-color: var( --color_quotation_border );
*/
 border-spacing: 0px;
 width: calc( 100% - 2em );
}

div.qtbxT {
 display: block;
 background-image: linear-gradient(0deg, var( --color_quotation_background ) 0%, var( --color_quotation_background ) 50%, var( --color_background ) 60%, var( --color_background ) );
 letter-spacing: 0.05em;
 width: fit-content;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: -1em;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0.5em;
 padding-right: 0.5em;
 border-style: none;
}

tr.qtbx {
/* nothing to do so far. */
}

td.qtbx {
 font-weight: normal;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0.5em;
 padding-right: 0.5em;
 border-bottom-style: none;
 border-left-style: none;
 border-right-style: none;
 border-width: 1.0px;
 border-color: var( --color_quotation_border );
 border-spacing: 0px;
}

td.qtbxS {
 border-top-style: solid;
}

td.qtbxD {
 border-top-style: dashed;
}

td.qtbxN {
 border-top-style: none;
}

/* リスト: 三角 */
ul.trngl {
 list-style-position: outside;
 list-style-image: url("../images/mark_triangle.svg");*
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 1em;
 padding-right: 0px;
 border-style: none;
}

li.std {
 margin: 0px;
 padding: 0px;
 border-style: none;
}

/* 編 */
table.part {
 display: block;
 background-color: transparent;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 2em;
 margin-bottom: 0.5em;
 padding: 0px;
 border-style: none;
 border-spacing: 0px;
}

td.partN {
 background-color: transparent;
 font-size: 2em;
 font-optical-sizing: auto;
 font-weight: normal;
 font-style: normal;
 line-height: 1.25;
 text-align: left;
 vertical-align: bottom;
 letter-spacing: 0em;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 18px;
 border-top-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-right-style: solid;
 border-width: 1.0px;
 border-color: var( --color_border );
}

td.partC {
 background-color: transparent;
 font-size: 1.2em;
 font-optical-sizing: auto;
 font-weight: normal;
 font-style: normal;
 line-height: 1.25;
 text-align: left;
 vertical-align: bottom;
 padding-top: 0px;
 padding-bottom: 12px;
 padding-left: 32px;
 padding-right: 0px;
 border-style: none;
}

td.partCt25 {
 letter-spacing: 0.2em;
}

td.partCt15 {
 letter-spacing: 0.1em;
}

tr.part {
}

/* 章節項 */
div.strct{
 display: block;
 background-position-x: right;
 background-position-y: bottom;
 background-origin: pdding-box;
 background-repeat: no-repeat;
 font-size: 1.0em;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: 1.25;
 text-align: left;
 vertical-align: baseline;
 padding: 0px;
 border-style: none;
}

div.strctInner {
 background-color: var( --color_background );
 font-size: 1.0em;
 font-weight: normal;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: 1.5;
 text-align: left;
 text-indent: -2em;
 vertical-align: baseline;
 width: fit-content;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 1em;
 padding-top: 0.25em;
 padding-bottom: 0.25em;
 padding-left: 2em;
 padding-right: 0.5em;
 border-style: none;
}

span.strctInner {
 letter-spacing: 0.05em;
}

/* 章 */
div.chapterToc{
 background-image: url( "../images/structure_line_toc.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0px;
 margin-right: 0px;
}
div.chapterBody{
 background-image: url( "../images/structure_line_body.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0px;
 margin-right: 0px;
}

div.chapterInner {
 letter-spacing: 0.05em;
}

/* 節 */
div.sectionToc{
 background-image: url( "../images/structure_line_toc.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0.25em;
 margin-right: 0px;
}
div.sectionBody{
 background-image: url( "../images/structure_line_body.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0px;
 margin-right: 0px;
}

div.sectionInner {
 letter-spacing: 0.05em;
}

/* 項 */
div.subsecToc{
 background-image: url( "../images/structure_line_toc.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 1.0em;
 margin-right: 0px;
}
div.subsecBody{
 background-image: url( "../images/structure_line_body.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0px;
 margin-right: 0px;
}

div.subsecInner {
 letter-spacing: 0.05em;
}

/* 項以下 */
div.itemToc{
 background-image: url( "../images/structure_line_toc.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 1.5em;
 margin-right: 0px;
}
div.itemBody{
 background-image: url( "../images/structure_line_body.svg" );
 margin-top: 0.25em;
 margin-bottom: 0.25em;
 margin-left: 0px;
 margin-right: 0px;
}

div.itemInner {
 letter-spacing: 0.05em;
}

/* 段落 */
p.std{
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 0px;
 margin-right: 0px;
 padding: 0px;
 border-style: none;
}
p.rt{
 text-align: right;
}
p.cntr{
 text-align: center;
}

p.links{
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 2.0em;
 margin-right: 0px;
 padding: 0px;
 border-style: none;
}

/* 汎用テーブル: もとは国絵図総覧専用 → 汎用化 */
table.knz {
 font-size: small;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: var( --height_paragraph_in_table );
 letter-spacing: 0.05em;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 8px;
 margin-bottom: 16px;
 padding: 0px;
 border-top-style: none;
 border-bottom-style: solid;
 border-left-style: none;
 border-right-style: solid;
 border-width: 1.0px;
 border-color: var( --color_border );
 border-spacing: 0px;
}

tr.knz {
/* nothing to do so far. */
}

th.knzE, td.knzE {
 font-weight: normal;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
 border-left-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-width: 1.0px;
 border-color: var( --color_border );
}

th.knzH {
 background-color: var( --color_background );
 text-align: center;
 vertical-align: middle;
}

th.knzHC {
 line-height: 1.1;
}

td.knzV {
 background-color: var( --color_background );
 vertical-align: baseline;
}

td.knzL {
 text-align: left;
}

td.knzC {
 text-align: center;
}

td.knzR {
 text-align: right;
}

td.knzTC {
 line-height: 1.1;
 text-align: left;
 vertical-align: middle;
}

td.knzTM {
 line-height: 1.0;
 text-align: center;
 vertical-align: middle;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 0px;
 padding-right: 0px;
}

th.knzS, td.knzS {
 border-top-style: solid;
}

th.knzD, td.knzD {
 border-top-style: dashed;
}

th.knzN, td.knzN {
 border-top-style: none;
}

th.adjusted, td.adjusted {
  display: none;
}

table.frame {
 font-size: medium;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: var( --height_paragraph_in_table );
 letter-spacing: 0.05em;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 4px;
 margin-bottom: 4px;
 padding: 0px;
 border-width: 0px;
 border-spacing: 0px;
}

tr.frame {
/* nothing to do so far. */
}

th.frame, td.frame {
 background-color: var( --color_background );
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
 border-width: 0px;
}

td.frame2 {
 width: calc(100%/2 - 2px*2);
}

td.frame3 {
 width: calc(100%/3 - 2px*3);
}

/* 天保郷帳・国絵図の村々 */
div.tempoFlex {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 0.0em 1.0em;
 padding: 0px;
 margin: 0px;
 border-style: none;
/*
 border-style: solid;
 border-width: 1px;
 border-color: #ff00ff;
*/
}

div.tempoFrame {
 background: transparent;
 margin: 0.0px;
 padding: 0.0px;
 border-style: none;
}

table.tempoGroup {
 margin-top: 0.0px;
 margin-bottom: 0.5em;
 margin-left: 0.0px;
 margin-right: 0.0px;
 border-style: none;
 border-spacing: 0px;
 width: 100%;
}

tr.tempoGroup {
/* nothing to do so far. */
}

td.tempoGroup {
 background-color: var( --color_quotation_background );
 padding-left: 4.0px;
 padding-right: 4.0px;
 border-left-style: none;
 border-right-style: none;
}

td.tempoU {
 padding-top: 0.0px;
 padding-bottom: 0.0px;

 border-top-style: solid;
 border-top-width: 1.0px;
 border-top-color: var( --color_quotation_border );

 border-bottom-style: none;

 border-top-left-radius: 8.0px;
 border-top-right-radius: 8.0px;
}

td.tempoD {
 padding-top: 0.0px;
 padding-bottom: 0.5em;

 border-top-style: none;
/*
 border-top-style: solid;
 border-top-width: 1px;
 border-top-color: #ff0000;
*/
 border-bottom-style: solid;
 border-bottom-width: 1.0px;
 border-bottom-color: var( --color_quotation_border );

 border-bottom-left-radius: 8.0px;
 border-bottom-right-radius: 8.0px;
}

table.tempo {
 background-color: transparent;
 margin-top: 0.0px;
 margin-bottom: 1.0em;
 margin-left: 0.0px;
 margin-right: auto;
 padding: 0.0px;
 border-style: none;
/*
 border-style: solid;
 border-width: 1px;
 border-spacing: 0px;
*/
}

tr.tempo {
/* nothing to do so far. */
}

td.tempo {
 background-color: transparent;
 height: 2.0em;
 padding: 0.0px;
 border-style: none;
}

div.tempoContainer {
 display: flex;
 padding-top: 0.0px;
 padding-bottom: 0.0px;
 padding-left: 2.0px;
 padding-right: 2.0px;
 margin: 0.0px;
 height: 2.0em;
 align-items: flex-end;
 border-style: none;
/*
 border-style: solid;
 border-width: 1px;
 border-color: #ff00ff;
*/
}

div.tempoItem {
 display: block;
 vertical-align: baseline;
 height: fit-content;
 width: fit-content;
 line-height: 1.0;
 letter-spacing: 0.05em;
 padding-top: 0.0px;
 padding-bottom: 0.0px;
 padding-left: 0.0px;
 padding-right: 0.0px;
 margin-top: auto;
 margin-bottom: 0.0px;
 border-style: none;
/*
 border-style: solid;
 border-width: 1px;
 border-color: #0000ff;
*/
}

div.tempoL {
 margin-left: 0.0px;
 margin-right: auto;
}

div.tempoR {
 margin-left: auto;
 margin-right: 0.0px;
}

detail.notes {
  /* nothing to do so far */
}

summary.notes {
  font-size: small;
}

table.notes {
 font-size: small;
 font-optical-sizing: auto;
 font-style: normal;
 line-height: var( --height_paragraph_in_notes );
 letter-spacing: 0.025em;
 margin-left: 0.5em;
 margin-right: 0.5em;
 margin-top: 8px;
 margin-bottom: 8px;
 padding: 0px;
 border-style: none;
 border-spacing: 0px;
}

td.notesKey {
 white-space: nowrap;
 background-color: transparent;
 text-align: right;
 vertical-align: baseline;
 padding: 4px;
 border-style: none;
}

td.notesValue {
 background-color: transparent;
 text-align: left;
 vertical-align: text-top;
 padding: 4px;
 border-style: none;
}
/*
td.notesValue rt {
 font-size: 50%;
}
*/

td.notesKeyRfd {
 background-color: transparent;
 animation-name: noteBgColor;
 animation-delay: 100ms;
 animation-duration: 1.5s;
 animation-fill-mode: forwards;
 animation-iteration-count: 1;
 text-align: right;
 vertical-align: baseline;
 padding: 4px;
 border-style: none;
}

td.notesValueRfd {
 background-color: #transparent;
 animation-name: noteBgColor;
 animation-delay: 100ms;
 animation-duration: 1.5s;
 animation-fill-mode: forwards;
 animation-iteration-count: 1;
 text-align: left;
 vertical-align: text-top;
 padding: 4px;
 border-style: none;
}

sup.note {
 background-color: transparent;
}

sup.noteRfd {
 background-color: transparent;
 animation-name: noteBgColor;
 animation-delay: 100ms;
 animation-duration: 1.5s;
 animation-fill-mode: forwards;
 animation-iteration-count: 1;
}

@keyframes noteBgColor{
 0% {
  background: var( --color_exclamation );
 }
 100% {
  background: var( --color_sitemap );
 }
}

/* 未整理 */
div.title{
 color: #30333a;
 font-size: x-large;
 white-space: nowrap;
 line-height: 1.0;
 text-align: center;
 padding-top: 16px;
 padding-bottom: 8px;
}

div.indivimg {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-style: none;
  text-align: center;
}

table.top {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 border-style: none;
}

td.top {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: center;
}

table.map {
 line-height: 1.5;
 font-size: small;
 color: #4e525b;
 width: 100%;
 margin-top: 4px;
 margin-bottom: 8px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 16px;
 border-style: solid;
 border-width: 1.0px;
 border-color: #0000ff;
}

td.map {
 vertical-align: text-top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 12px;
 padding-right: 12px;
}

td.mapSub {
 vertical-align: text-top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 32px;
 padding-right: 12px;
}

td.mapW3c {
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 16px;
 text-align: right;
}

div.copyright {
 font-size: small;
 margin-top:8px;
 margin-bottom: 8px;
 text-align: center;
}

a.outbound::after {
 display: inline-block;
 width: 0.8rem;
 height: 0.8rem;
 content: url("../images/arrow.svg");
 margin-right: 2px;
}
/*
a.outbound{
 white-space: nowrap;
}
*/
span.hidden{
  opacity: 0;
}

span.word {
 display: inline;
 white-space: nowrap;
}

span.red {
 display: inline;
 color: #ff0080;
}

span.blue {
 display: inline;
 color: #0013a0;
}

#contents{
 overflow-wrap: break-word;
 max-width: 480px;
 min-width: 240px;
 margin-top: 24px;
 margin-bottom: 24px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

#contentsKnz{
 overflow-wrap: break-word;
 max-width: 480px;
 min-width: 240px;
 margin-top: 24px;
 margin-bottom: 24px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0.5em;
 padding-right: 0.5em;
}

canvas.polyhedron{
 width: 384px;
 height: 256px;
 cursor: pointer;
 touch-action: none;
}

img.sparkle {
 display: block;
 float: none;
 margin-top: 96px;
 margin-bottom: 8px;
 margin-left: calc((100% - 256px) / 2);
 margin-right: calc((100% - 256px) / 2);
 padding: 0px;
 width: 256px;
 height: 256px;
 border-style: none;
}

img.gayouorg {
 display: block;
 float: none;
 margin-top: 8px;
 margin-bottom: 24px;
 margin-left: calc((100% - 330px) / 2);
 margin-right: calc((100% - 330px) / 2);
 padding: 0px;
 width: 330px;
 height: 54px;
 border-style: none;
}

img.gayouorgwhite {
 display: inline;
 float: none;
 margin: 0px;
 padding: 0px;
 width: 165px;
 height: 27px;
 border-style: none;
}

img.knz {
 display: block;
 float: none;
 margin-top: 16px;
 margin-bottom: 16px;
 margin-left: calc((100% - 298px) / 2);
 margin-right: calc((100% - 298px) / 2);
 padding: 0px;
 width: 298px;
 height: 86px;
 border-style: none;
}

img.knzAlt {
 display: block;
 float: none;
 margin-top: 4px;
 margin-bottom: 4px;
 margin-left: calc((100% - 298px) / 2);
 margin-right: calc((100% - 298px) / 2);
 padding: 0px;
 width: 298px;
 height: 86px;
 border-style: none;
}

img.catalogue {
 display: block;
 float: none;
 margin-top: 16px;
 margin-bottom: 32px;
 margin-left: calc((100% - 330px) / 2);
 margin-right: calc((100% - 330px) / 2);
 padding: 0px;
 width: 330px;
 height: 33px;
 border-style: none;
}

img.catalogueAlt {
 display: block;
 float: none;
 margin-top: 16px;
 margin-bottom: 16px;
 margin-left: calc((100% - 330px) / 2);
 margin-right: calc((100% - 330px) / 2);
 padding: 0px;
 width: 330px;
 height: 33px;
 border-style: none;
}

img.mtsdw {
 display: block;
 float: none;
 margin-top: 16px;
 margin-bottom: 32px;
 margin-left: calc((100% - 219.75px) / 2);
 margin-right: calc((100% - 219.75px) / 2);
 padding: 0px;
 width: 219.75px;
 height: 22.25px;
 border-style: none;
}

img.mtsdwAlt {
 display: block;
 float: none;
 margin-top: 16px;
 margin-bottom: 16px;
 margin-left: calc((100% - 219.75px) / 2);
 margin-right: calc((100% - 219.75px) / 2);
 padding: 0px;
 width: 219.75px;
 height: 22.25px;
 border-style: none;
}

img.w3c {
 display: inline;
 float: none;
 margin: 0px;
 padding: 0px;
 width: 32px;
 height: 32px;
 border-style: none;
}

img.float {
 float: right;
 margin: 0px;
 padding-top: 0px;
 padding-bottom: 0.25em;
 padding-left: 0.25em;
 padding-right: 0px;
 border-style: none;
}

img.std {
 display: block;
 float: none;
 margin-top: 1.0em;
 margin-bottom: 2.0em;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: none;
}

img.brdr {
 display: block;
 float: none;
 margin-top: 1.0em;
 margin-bottom: 2.0em;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: solid;
 border-width: 1.0px;
 border-color: #f0f0f0;
}

img.svg {
 display: block;
 float: none;
 margin-top: 1.0em;
 margin-bottom: 2.0em;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: solid;
 border-width: 1.0px;
 border-color: #f0f0f0;
}

img.prtctd {
 display: block;
 float: none;
 margin-top: 1.0em;
 margin-bottom: 2.0em;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: none;
 pointer-events: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -moz-touch-callout: none;
 -moz-user-select: none;
 user-select: none;
}

img.thmstd {
 display: block;
 float: none;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: none;
}

img.thmbrdr {
 display: block;
 float: none;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style:solid;
 border-width: 1.0px;
 border-color: #f0f0f0;
}

img.thmprtctd {
 display: block;
 float: none;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: 0px;
 margin-right: 0px;
 width: 100%;
 padding: 0px;
 border-style: none;
 pointer-events: none;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -moz-touch-callout: none;
 -moz-user-select: none;
 user-select: none;
}

img.punc {
 display: inline;
 float: none;
 padding-left: 0px;
 padding-right: 0px;
 border-style: none;
 width: 3px;
 height: 12px;
}

img.definition {
 display: inline;
 float: none;
 padding-left: 1.0px;
 padding-right: 1.0px;
 border-style: none;
 width: 38px;
 height: 35px;
}

img.dingbats {
 display: inline;
 float: none;
 padding-left: 1.0px;
 padding-right: 1.0px;
 border-style: none;
}

img.ribbon {
 width: 24px;
 height: 16px;
}

img.part {
 width: 40px;
 height: 40px;
}

img.resolution {
 width: 12px;
 height: 12px;
}

img.paging {
 width: 64px;
 height: 20px;
}

rt {
  font-size: 0.5em;
}

@font-face {
  font-family: "NINJAL変体仮名";
  src:
    local("NINJAL変体仮名"),
    url("https://www.gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.ttf") format("opentype"),
    url("https://www.gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.woff") format("woff"),
    url("https://www.gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.woff2") format("woff2");
    url("https://gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.ttf") format("opentype"),
    url("https://gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.woff") format("woff"),
    url("https://gayou.org/fonts/ninjal_hentaigana/ninjal_hentaigana.woff2") format("woff2");
}
/*
フルスペック
 display:
 flex-wrap:
 justify-content:
 color:
 background-color:
 font-family: 
 font-size:
 font-weight:
 font-optical-sizing:
 font-style:
 line-height:
 text-decoration:
 text-align:
 text-decoration-line:
 text-decoration-color:
 text-decoration-style:
 text-underline-offset: 
 vertical-align:
 letter-spacing:
 margin:
 padding:
 border-style:
 border-width:
 border-color:
 border-radius:
*/