div.container {width: 100%; margin: 0;}
aside {background-color:#eeccff;}
.asideright {float: right; margin-bottom:0; margin-left: 1em; width: 30%; background-color:#fbf2ff; border-top: 1px solid #66023C; border-bottom: 1px solid #66023C;}
.box {margin: 0; background-color:#fbf2ff; border-bottom: 1px solid #66023C; width:100%;}
nav {text-align: left; margin: 0; font-size: 0.9em; color: #60023C; }
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: #f2f2f2;}
		p, li, td, th {font-family: "Times New Roman", serif;} 
		.courier {font-family: 'Courier New', 'Times New Roman', serif;}
		.margin {margin: 0;}
		.form {margin: 0; padding: 1%; font-size: 2em; text-align: center; background-color: #e6ffe6; border: solid lightgreen 1px;}
		.example {margin: 0; text-indent: 2em;}
		.example2 {margin: 0; padding-left: 2em;}
		.right {text-align: right;}
		.note {margin: 0; padding: 2%; background-color: #f1f1f1; color: #666666; border-left: solid lightgrey 5px;}
		.foot {text-align: center; text-indent: 0; color: grey;}
		.phon {background-color: lightblue;}
		.gr {color: lightslategrey; font-style: italic;}
		.navy {color: blue; font-weight: bold;}
		.gray {background-color: #444444;}
		.g2 {background-color: #dddddd;}
		.padding {padding: 3%; text-align: center;}

		p, li {font-size: 0.9em; text-align:left;}
		h2 {margin: 0;}
		table, td {border-collapse: collapse;}
		.center {margin-left: auto; margin-right: auto;}
		td, th {padding-left: 10px; border-right: 1px solid #ddd;}
		.dark {border-bottom: 1px solid darkgreen;}
		.d2 {color: darkgreen; font-style: italic;}
		.light {background-color: #f2f2f2;}
		th {font-weight: normal;}
		.no {padding-left: 0;}
		.border {border: 1px solid white;}
		.short {background-color: lightblue;}
		.long {background-color: yellow;}
		.wise {background-color: lightgreen;}
		.w2 {background-color: green;}
		.eerie {background-color: pink;}
		.cent {padding: 0; text-align: center;}
		.pad {padding: 0;}
		.bot {padding-bottom: 10px;}
		tr {border-bottom: 1px solid #ddd;}
		sup {font-size: 0.7em;}
		a {color: #60023C; text-decoration:none;}
		a.new {color: black; text-decoration:none;}
		a.new:hover {color: green; text-decoration:none;}
		.none {text-decoration: none; border-bottom: none;}
		.index {color: black;}
		sup {color:#002147; font-family: "Times New Roman", serif; line-height: 50%;}
		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);}
		.half {width: 50%;}
		img {display: block; image-orientation: from-image;}
		.border {border: double darkgreen 10px;}
		.bottom {border-bottom: solid lightgreen 1px;}
		figure {margin: 0;}
		audio {width:100%;}
		address {font-style: normal;}
		.caption {font-style: italic; border: 0; margin: 0; padding; 0; padding-top: 1%;}
		#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; color: #999999; width: 1em; text-align: center; border-bottom: none;  border-radius: 50%;}
		.poem {font-size: 0.7em;}
		.intro {font-size: 0.8em;}
		.index {font-size: 0.8em;}
		.logo {height: 100%; width: 100%;}
		.title {height:80%; width: 80%;}
		.nippon {writing-mode: vertical-rl; padding: 1.8em;}
		.caput {font-size:1.2em;}
		.capitulum {font-size:1em;}
		.name {text-align:left; font-family: "Times New Roman", serif; font-size: 1.4em;}

		* { box-sizing: border-box;}
		.column {flex: 50%; margin: 0; padding-top: 3%; padding-left: 3%; padding-bottom: 3%;}
		.row {display: flex;}
		.colcolor {background-color: #e6ffe6;}
		.colcolor2 {background-color: #e6ffe6;}
		.colcolor3 {background-color: #f2f2f2;}
		.borderblack {width: 100%; border: double lightgreen 10px;}
		.grey {color: grey;}
		
		@media only screen and (max-width:450px) {
			.intro {font-size: 0.8em;}
			.titulus {font-size: 1.4em;}
			.logo {height: 100%; width: 100%;}
			p, td, th {font-size: 0.9em;}
			.nippon {writing-mode: vertical-rl; padding: 1.8em;}
			aside {padding: 0.4em; width: 75%; font-size: 0.8em;}
			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;}
			.intro {font-size: 0.8em;}
			.titulus {font-size: 1.8em;}
			.logo {height: 100%; width: 100%;}
			.title {height:65%; width: 65%;}
			.caput {font-size:1.4em;}
			.capitulum {font-size:1.1em;}
			.poem {font-size: 0.8em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			body {margin: 0;}
			body {position: relative;}
			p, td, th {font-size: 1em;}
			sup {font-size: 0.8em;}
			aside {padding: 1em; width: 70%; font-size:1em;}
			article {margin: 0; padding: 0.5em; text-align: left; }}
			
		@media only screen and (min-width:720px) and (max-width:950px) {
			.index {font-size: 1em;}
			.intro {font-size: 0.9em;}
			.titulus {font-size: 2em;}
			.logo {height: 100%; width: 100%;}
			.title {height:60%; width: 60%;}
			.caput {font-size:1.6em;}
			.capitulum {font-size:1.3em; font-style: normal;}
			.poem {font-size: 0.9em;}
			.nippon {writing-mode: vertical-rl; padding: 1.9em;}
			body {margin: 0;}
			body {position: relative;}
			p, td, th {font-size: 1em;}
			sup {font-size: 0.9em;}
			aside {padding: 1.5em; width: 60%; font-size: 1em;}
			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;}
			.intro {font-size: 1em;}
			.titulus {font-size: 2em;}
			.logo {height: 80%; width: 80%;}
			.title {height:55%; width: 55%;}
			.caput {font-size:1.8em;}
			.capitulum {font-size:1.3em; font-style: normal;}
			.poem {font-size: 1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			body {margin: 0; background-color: #333333;}
			body {position: relative;}
			p, td, th {font-size: 1.1em;}
			aside {padding: 1.5em; width: 55%; font-size:1em; }
			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;}
			.intro {font-size: 1.1em;}
			.titulus {font-size: 2.5em;}
			.logo {height: 75%; width: 75%;}
			.title {height:50%; width: 50%;}
			.caput {font-size:2em;}
			.capitulum {font-size:1.5em; font-style: normal;}
			.poem {font-size: 1.1em;}
			.nippon {writing-mode: vertical-rl; padding: 2em;}
			body {margin: 0; background-color: #333333;}
			body {position: relative;}
			p, li, td, th {font-size: 1.4em;}
			aside {padding: 1em 2em; margin: 1.2em; font-size: 1.2em; margin-left: 0; margin-top: 0;}
			article {margin-left: 15%; margin-right: 15%; margin-top: 5%; margin-bottom: 5%; padding: 8em; padding-top: 3em; text-align: left; }}