div.container {width: 100%; margin: 0;}
aside {background-color:#f2f2f2;}
.abstract {border-bottom: 1px solid lightgrey;}
.abstract2 {border-bottom: 1px solid lightgrey; background-color: #f9f9f9;}
nav {text-align: center; margin: 0; padding: 1em; font-size: 0.7em;}
article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; color: black; background-color: white; }
	
		body {margin: 0; background-color: #333333;}
		p, li, td, h1, h2, h3, h4 {font-family: Palatino, "Palatino Linotype", "Times New Roman", serif; font-weight: normal;}
		p:hover {background-color: #f9f9f9;}
		.accordion {background-color: #f9f9f9; cursor: pointer; padding: 1em; width: 100%; text-align: left; border: none; outline: none;}
		.accordion:hover {background-color: #f2f2f2;}
		.panel {display: none; overflow: hidden;}
		strong {font-weight: normal;}
		.firstnav:hover {padding: 0; border: 1px solid #999999; display: inline-block;}
		.numerus {color:white; background-color: #888888;}
		.blue {color: #002147;}
		@font-face {font-family: "BaifB"; src: url(Baifb.ttf) format("truetype");} 
		p, li {font-size: 1.2em; text-align:left; color:#252525;}	
		.caption {font-style: italic; border: 0; margin: 0; padding; 0; padding-top: 1%;} 
		table, td {border-collapse: collapse;}
		td {font-size: 0.7em;}
		th {background: #ffffff;} 
		tr:nth-child(even) {background: #ffffff;}
		tr:nth-child(odd) {background: #efefef;}
		h1, h2 {text-align: center;}
		section h3, h4 {margin-top: 0; margin-bottom: 0.5em;}
		mark {background-color: lightgrey;}
		.pink {background-color: #ffb3b3;}
		hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
		.thick {border: 0; height: 0; border-top: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
		audio {width: 100%;}
		img {display: block; image-orientation: from-image;}
		figure {margin: 0;}
		.center {display: block; margin-left: auto; margin-right: auto; width: 50%;}
		a {color:black; text-decoration:none; border-bottom: 0.0625rem solid lightgrey;}
		.noborder {border-bottom: none;}
		a:hover {color:#005589;}
		nav a {text-decoration: none; color: grey; border-bottom: none;}
		sup {color: #252525; font-family: "Palatino Linotype", "Times New Roman", serif; line-height: 50%;}
		.pagination a {color: grey; padding: 1%; text-decoration: none; border-bottom: none; transition: background-color .3s;}
		.pagination a.active {background-color: grey; color: white;}
		.pagination a.active2 {background-color: #333333; color: white;}
		address {font-style: normal;}
		#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 1.2em; font-family: "Times New Roman"; border: none; outline: none; background-color: grey; color: white; cursor: pointer; padding: 5px 20px; border-radius: 4px;}
		#myBtn:hover {background-color: #005689;}
		.fa {font-size: 1em; background: darkgrey; padding: 10px; margin: 5px 2px; width: 1em; color: white; text-align: center; border-bottom: none;  border-radius: 50%;}
		.symbols {border-bottom: none;}
		.titulus {text-align:center; text-indent:0; font-family: "Times New Roman", serif;}
		.subtitulus {text-align:center; text-indent:0; font-family: "Times New Roman", serif;}
		.poem {font-size: 0.7em;}
		.intro {font-size: 0.9em;}
		.index {font-size: 0.8em;}
		.editor {text-align:center; text-indent:0; font-family: 'Times New Roman', serif;}
		.indextitle {text-indent:0; margin: 0; font-weight: normal;}
		.indexheader {color:black; font-family: 'Times New Roman', serif; text-indent:0; margin:0; font-weight: normal;}
		.indexheader a {border-bottom: none;}
		.indextext {text-indent:0; margin:0;}
		.indexauthor {color: darkgrey;}
		.signature {text-align:center; text-indent:0; color:grey; font-family: Palatino, "Palatino Linotype", "Times New Roman", serif; line-height: 2em;}
		.motto {text-decoration: none; color: grey; border-bottom: none; text-align: center; margin: 0; padding: 1em; font-size: 0.7em;}
		.foliumleft {text-align: left; text-indent:0; color: lightgrey; background-color: white; font-size: 0.9em;}
		.foliumright {text-align: right; text-indent:0; color: lightgrey; background-color: white; font-size: 0.9em;}
		.author {text-align: center; color: grey; text-indent:0;}
		.page {text-align: right; color: lightgrey; font-size: 0.9em}
		.page2 {text-align: center; color: lightgrey; font-size: 0.9em}
		.wappen {height: 76%; width: 76%; text-align: center;}
		.title {height:80%; width: 80%;}
		.nippon {writing-mode: vertical-rl; padding: 1.8em;}
		.caput {text-align:center; text-indent:0; color:black; font-size:1.2em; font-family: "Times New Roman", serif;}
		.caputleft {text-align:left; text-indent:0; color:black; font-size:1.2em; font-family: "Times New Roman", serif;}
		.capitulum {text-align:center; text-indent:0; color:black; font-size:1em; font-style: normal; font-family: "Times New Roman", serif;}
		.capitulumleft {text-align:left; text-indent:0; color:black; font-size:1em; font-style: normal; font-family: "Times New Roman", serif;}
		.name {text-align:left; font-family: "Times New Roman", serif; font-size: 1.4em;}
		
		form {border: 3px solid white; font-family: "Times New Roman", serif; }
		.containerr {margin: 1em; padding: 1em; background-color: #efefef;}
		input[type=text], input[type=submit] {width: 100%; padding: 1em; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}
		input[type=submit] {background-color: #999999; color: white; border: none;}
		input[type=submit]:hover {opacity: 0.8;}
		
		@media only screen and (max-width:450px) {
			.intro {font-size: 0.9em;}
			.titulus {font-size: 2em;}
			.subtitulus {font-size: 2em;}
			.signature {font-size:0.5em;}
			p, li {font-size: 1.2em;  margin: 1; text-indent:0;}
			body {margin: 0; background-color: #e6e6e6;}
			.nippon {writing-mode: vertical-rl; padding: 1.8em;}
			aside {padding: 1em;}
			article {margin-right: 1%; margin-left: 1%; margin-top: 1%; margin-bottom: 1%; padding: 1em; text-align: left; color: black; background-color: white;}}
			
		@media only screen and (min-width:450px) and (max-width:720px) {
			.index {font-size: 0.9em;}
			.titulus {font-size: 2.5em;}
			.subtitulus {font-size: 2em;}
			.intro {font-size: 0.9em;}
			.wappen {height: 64%; width: 64%;}
			.title {height:65%; width: 65%;}
			.caput {font-size:1.4em;}
			.caputleft {text-align: left; font-size:1.4em; font-style: normal;}
			.capitulum {font-size:1.1em; font-style: normal;}
			.capitulumleft {text-align:left; font-size:1.1em; font-style: normal;}
			.signature {font-size:0.6em;}
			.poem {font-size: 0.8em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			form {width: 98%;}
			body {margin: 0; background-color: #b3b3b3;}
			body {position: relative;}
			p, li {font-size: 1.4em;  margin: 1; text-indent:0;}
			td {font-size: 0.8em;}
			aside {padding: 1em 2em;}
			article {margin-left: 5%; margin-right: 5%; margin-top: 5%; margin-bottom: 5%; padding: 2em; text-align: left; }}
			
		@media only screen and (min-width:720px) and (max-width:950px) {
			.index {font-size: 1em;}
			.titulus {font-size: 3em;}
			.subtitulus {font-size: 2em;}
			.intro {font-size: 1em;}
			.wappen {height: 58%; width: 58%;}
			.title {height:60%; width: 60%;}
			.caput {font-size:1.6em;}
			.caputleft {text-align: left; font-size:1.6em; font-style: normal;}
			.capitulum {font-size:1.3em; font-style: normal;}
			.capitulumleft {text-align:left; font-size:1.3em; font-style: normal;}
			.signature {font-size:0.6em;}
			.poem {font-size: 0.9em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			body {margin: 0; background-color: #808080;}
			body {position: relative;}
			p, li {font-size: 1.4em; margin: 1; text-indent:0;}
			td {font-size: 1.1em;}
			aside {padding: 1em 3em;}
			article {margin-left: 10%; margin-right: 10%; margin-top: 5%; margin-bottom: 5%; padding: 4em; padding-top: 3em; text-align: left; }}	
			
		@media only screen and (min-width:950px) and (max-width:1224px) {
			.index {font-size: 1.1em;}
			.titulus {font-size: 3.5em;}
			.subtitulus {font-size: 2.5em;}
			.intro {font-size: 1.1em;}
			.wappen {height: 54%; width: 54%;}
			.title {height:55%; width: 55%;}
			.caput {font-size:1.8em;}
			.caputleft {text-align: left; font-size:1.8em; font-style: normal;}
			.capitulum {font-size:1.3em; font-style: normal;}
			.capitulumleft {text-align:left; font-size:1.3em; font-style: normal;}
			.signature {font-size:0.6em;}
			.poem {font-size: 1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			body {margin: 0; background-color: #4d4d4d;}
			body {position: relative;}
			p, li {font-size: 1.5em; margin: 1;}
			td {font-size: 1.2em;}
			aside {padding: 1em 3em;}
			article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 6em; padding-top: 3em; text-align: left; }}
		
		@media only screen and (min-width:1224px) {
			.index {font-size: 1.2em;}
			.titulus {font-size: 4em;}
			.subtitulus {font-size: 3em;}
			.intro {font-size: 1.2em;}
			.wappen {height: 50%; width: 50%;}
			.circle {height:25%; width: 25%;}
			.caput {font-size:2em;}
			.caputleft {text-align: left; font-size:2em; font-style: normal;}
			.capitulum {font-size:1.5em; font-style: normal;}
			.capitulumleft {text-align:left; font-size:1.5em; font-style: normal;}
			.signature {font-size:0.8em;}
			.poem {font-size: 1.1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			body {margin: 0; background-color: #333333;}
			body {position: relative;}
			p, li {font-size: 1.6em; margin:1;}
			td {font-size: 1.2em;}
			aside {padding: 1em 3em;}
			article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 8em; padding-top: 3em; text-align: left; }}