body.top{
  font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
  -webkit-font-feature-settings: 'pkna';
          font-feature-settings: 'pkna';
  font-size: 18px;
  line-height: 1.9;
	color: #C8B8B8;
	margin-bottom: 6em;

	height: 0;
	padding-top: 80.0%;
	background-color: #000000;
	background-image: url("../images/COMITIA123_bg.png");
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-size: cover;
}
h1{
	font-size: 40px;
}
td{
	padding-left: 50px;
}

a:link { color: #842400; }
a:visited { color: #842400; }
a:hover { color: #FF4C09; }
a:active { color: #FF1960; }


/*
thanks...
https://qiita.com/RinoTsuka/items/3e3eaaba8cddb6ff08e9
*/
html.novel {
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	-webkit-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';

	font-size: 17px;
	line-height: 1.9;
	letter-spacing: 0.03em;

	color: #3C3C3C;
	background-color: #E7DACC;

	
	-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
}
p.novel {
  text-indent: 1em;
  margin-left: 30px;
}
ruby.novel {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/*
thanks...
https://www.webcreatorbox.com/tech/writing-mode
*/
span.tatechuyoko {
	text-combine-upright: all;
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
}