@font-face {
  font-family: "Palatino";
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Palatino";
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Palatino";
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Palatino";
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Palatino";
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Palatino";
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Times New Roman";
  font-weight: 700;
  font-style: italic;
}

html {
/*  background: transparent !important; */
  background-color: white;
  font-family: "Palatino", "Georgia", Keyboard, Times, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
  text-align: left;
/*  -webkit-hyphens: auto;
  hyphens: auto; */
  font-size: 14pt; 
  
}

body {
   --padding: 1em;
   @media screen and (min-width: 36rem) {
	--padding: calc((50% - 18em) )
   }
}


body {
    padding-left: var(--padding);
    padding-right: var(--padding);
  box-sizing: content-box;
  word-wrap: normal;
  overflow-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  --foofy-color: #ff0000;
  --main-color: #000000;
  --bg-color: #FFFFFF;
  --bd-color: #101010;
  margin-left: 0.5em;
  margin-right: 0.5em;
  text-indent: min(2.54em, 10%);
}

* {
  box-sizing: border-box;
  word-wrap: normal;
  overflow-wrap: break-word;
}
*, *:before, *:after {
 color: #000 !important;
 /* black prints faster */
 box-shadow: none !important;
 text-shadow: none !important;
}
body > *:first-child {
/*  margin-top: 0;*/
text-indent: 0;
}
p {
  margin-top: 0.42em;
  margin-bottom: 0.42em;
  line-height: 1.5em;
  widows: 5;
  orphans: 5;
}

ul, ol {
  padding-left: 1.5rem;
}

img {
  max-width: 100%;
  vertical-align: top;
}
img, figure {
  page-break-inside: avoid;
  page-break-after: auto;
}
figure img {
  display: block;
}
hr {
  clear: both;
  margin: 3rem auto 3rem;
  border-bottom: 1px #e6e6e6 solid;
  border-bottom-color: #000 !important;
  border: 0.5px solid;
  margin-left: 25%;
  margin-right: 25%;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

code, samp, kbd {
 font-weight: 450;
}

.footnote {
  text-decoration: none;
}
.TOC a {
  text-decoration: none;
}

/*
.reversefootnote {
  display: none;
}
.tooltip:after {
  display: none;
}
*/

h1, h2, h3, h4, h5 {
page-break-inside: avoid;
page-break-after: avoid;
}
h1, h2, h3 {
  font-weight: 600;
  text-align: center;
  text-indent: 0;
}

strong {
  font-weight: 600;
}

h1 {
  border-bottom: 2px solid /*black*/;
  border-top: 2px solid /*black*/;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  page-break-after: avoid;
  break-before: always;
  page-break-before: always;
  font-size: 1.7em;
  text-align: center;
}
h1.title {
  font-family: "Cinzel Decorative";
  margin-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
  font-size: 2em;
  padding-bottom: 0em;
  page-break-before: always;
  page-break-after: avoid;
}
h1.subtitle {
  font-family: "Cinzel Decorative";
  margin-bottom: 0;
  border-bottom: 0;
  font-weight: 200;
  font-size: 1.4em;
  margin-top: 0;
  border-top: 0;
  page-break-before: avoid;
  page-break-after: avoid;
}
h1.author {
  margin-top: 1em;
  border-top: 0;
  font-weight: 200;
  font-family: "Cinzel Decorative";
  font-size: 100%;
  page-break-after: always;
  page-break-before: avoid;
  counter-reset: chapter;
}
h2 {
  font-size: 1.4em;  
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 2em;
  margin-bottom: 2em;
  page-break-after: avoid;
  page-break-before: always;
  text-align: center;
  text-indent: 0;
}
h3 {
  font-size: 1.25em;
  margin-bottom: 0;
  text-indent: 0;
}
figure {
  border: none;
  padding: none;
  padding-bottom: none;
  margin: none;
  page-break-after: auto;
  break-inside: avoid-page;
  page-break-inside: avoid;

}
figure.illustration {
  position: relative;
  border: thin silver solid;
  padding: 0.5em;
  width: 90%;
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  text-indent: 0;
  page-break-before: auto;
  page-break-after: auto;
  font-size: smaller;
  font-style: italic;
  text-align: center;
  line-height: 1.2;
  break-inside: avoid-page;
  page-break-inside: avoid;

}
figurecaption.illustration {
  font-size: smaller;
  font-style: italic;
  text-align: center;
  padding: 0.5em;
  margin: 0.5em;
  border: thin;
}
img.illustration {
  padding: 0.5em;
}
figure p {
  padding: 0.5em;
  text-align: left;
  text-indent: 0;
  line-height: 1.2;
  break-inside: avoid-page;
  page-break-inside: avoid;
}
figure.title_page {
  border: none;
  padding: none;
  padding-bottom: none;
  margin: none;
  page-break-after: auto;
}

ul {
  list-style: circle outside;
  line-height: 1.4em;
}

:is(li p) {
 text-indent: 0;
}

ul.chapter_list{
  counter-reset: chapter-list;
}
/* ul > li:before {
  content: "• ";
  float: left;
} */
ul.chapter_list > li:before {
  counter-increment: chapter-list;
  content: "• Chapter " counter(chapter-list) "- ";
  float: left;
}
ul.poemlist li {
    border-bottom: thin silver solid;
    margin-bottom: 2rem;
}


blockquote {
	
  border-style: solid;
  border-width: thin;
  padding-left: 2em;
  padding-right: 2em;
  border-radius: 1em;
  font-family: "Times New Roman";
  page-break-inside: avoid;
  break-inside: avoid-page;
}

/*body {
  max-width: 365pt;
}*/


p.end {
  font-size: 3em;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-indent: 0em;
}


span.copyright_inline {
	font-size: 0.01px;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}


ol.poem_text {
	font-size: 0.5rem;
	margin-left: 0.5rem;
  padding-left: 0.5rem;
	list-style-position: outside;
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	}

p.sentence {
	padding-left: 4rem;
	line-height: 1.2rem;
	font-size: 1rem;
	line-height: 1.2rem;
	text-indent: -1rem;
	padding-top: 0.2rem;
	}

p.sentence:has(+ p) {
	padding-bottom: 0.25rem;
	margin-bottom: 0;
	text-indent: -2.5rem;
	}

:is(p.sentence ~ p.sentence) {
	font-size: 1rem;
  margin-top: 0;
  padding-top: 0;
	}
	
.head_info {
  display: block;
	flex-wrap: wrap;
	margin-left: 0;
	padding-left: 0;
}
.titlenumb {
	font-variant: small-caps;
	font-size: 0.8rem;
/*  transform: scale(1, 1.2); */
  display: block;
  margin-left: 2.3rem;
  padding-top: 0.2rem;
  padding-right: 0.2rem;
  padding-bottom: 0.5rem;
	}
.title {
	display: block;
	font-size: 2rem;
	font-weight: 200;
	line-height: 1em;
	margin-bottom: 1rem;
	}
.main_head {
  display: block;
  padding-left: 0.2rem;
}
.author {
	display: block;
	font-size: 1.4rem;
	margin-left: 2.3rem;
}
.translator{
	display:block;
	margin-left: 2.3rem;
}

.copyright_block {
	font-size: 0.5rem;
}

div.poem {
  padding: 1em;
	background-color: white;
	}
	
div.nav_bar{
  list-style-type: none;
  font-weight: 200;
margin: 2rem 0rem;
  text-align: left;
  font-size: 0.75rem;
  & ul {
     list-style-type: inherit;
     padding: 0;
     margin-top: 0;
     margin-left: auto;
     margin-right: auto;
     flex-flow: row wrap;
     align-content: center;
     & li {
       display: inline;
       border-top: thin solid silver;
       border-bottom: thin solid silver;
       padding: 0.2rem 0.5rem;
       margin: 0.2rem;
       align-content: center;
       text-align: center;
       & a {
         color: inherit; 
         text-decoration: none;
       }
     }  
     & li::before {
         
     }
    }
  }

	
li {
    text-indent: 0;
}

div.footnotes {
font-size: smaller;
	}
div.discussion {
font-size: smaller;
	}

div.datestamp {
	font-size: xx-small;
	text-indent: 0;
	margin-top: 2rem;
	margin-bottom: 1em;
	}

/*Edited by Kalany 2025-03-20*/