body > div.header,
body > div.footer {
	background-color: #2a2b85d9;	
}

body > div.header > .hira {
	color: transparent;
	text-shadow: 0px 0px 3px slateblue;
}

body > div.header > .title {
	text-shadow: none;
	color: azure;
}

body > div.body {
	background-color: initial;
}

body > div.body > div.navi {
	background:
		linear-gradient(180deg, #2a2b85d9 4em, transparent),
		url('/img/bg/navi/bg4.png') center bottom / 125px auto no-repeat, 
		url('/img/bg/navi/29sai9m36s1x01.png') bottom / 125px auto no-repeat, 
		#2a2b85d9;
}

body > div.body > div.migi {
	background-color: #2a2b85d9;
}

body > div.body > div.frame {
	background-color: #fff;
}

div[data-kakejiku='kakidasi']:not(.kakejiku) {
	display: none;
	width: 100%;
	background: floralwhite;
}

div[data-kakejiku='kakidasi']:not(.kakejiku) textarea {
	width: 100%;
	height: 10em;
}

div[data-kakejiku='kakidasi']:not(.kakejiku) input[type=submit] {
	width: 100%;
	border-radius: 0;
}

div.kakidasi > div:first-of-type {
	display: flex;
}

div.scenario_box {
	margin-top: 0.5em;
}

div.scenario_box > div.koumoku {
	display: flex;
	border: 1px solid black;
	border-top: none;
}

div.scenario_box > div.koumoku:first-child {
	border-top: 1px solid black;
}

div.scenario_box > div.koumoku > a:link,
div.scenario_box > div.koumoku > a:visited {
	color: inherit;
}

div.scenario_box > div.koumoku > a:hover {
	color: orange;
}

div.scenario_box > div.koumoku > a:active {
	color: red;
}

div.scenario_box > div.koumoku > a > div {
	display: inline-block; 
}

div.scenario_box > div.koumoku > a > div.midasi {
	font-weight: bold;
	margin: 0em 0.25em;
}

div.scenario_box > div.koumoku > div.jiten {
	margin-left: auto;
}

div.scenario * {
	font-family: serif;
}

div.scenario ruby {
	ruby-align: start;
}

div.scenario ruby rt {
	ruby-overhang: auto;
	color: gray;
}

div.scenario.style_1 {
	writing-mode: vertical-rl;
	overflow-x: scroll;
	height: 40em;
}

div.scenario.style_1 span.suuji {
	text-combine-upright: all;
}

div.scenario > div.heading {
	margin-bottom: 0.5em;
}

div.scenario.style_1 > div.heading {
	margin-bottom: initial;
	margin-left: 0.5em;
}

div.scenario > div.heading > div:first-child {
	font-size: 1.5em;
}

div.scenario > div.heading > div:first-child:empty + div:nth-child(2) > span:first-child {
	font-size: 1.5em;
}

div.scenario > div.heading > div:nth-child(2) > span:first-child {
	margin-right: 0.25em;
}

div.scenario.style_1 > div.heading > div:nth-child(2) > span:first-child {
	margin-right: initial;
	margin-bottom: 0.25em;
}

div.scenario > div.daihon {
	margin-left: 0.25em;
}

div.scenario.style_1 > div.daihon {
	margin-left: initial;
	margin-top: 0.25em;
}

div.scenario.style_1 > div.daihon > div:not(.innyou) {
	/*margin-top: 1em;*/
	text-indent: 1em each-line;
}

div.scenario > div.daihon > div.char {
	display: flex;
}

div.scenario > div.daihon > div.char > div.namae {
	width: 6em;
	flex-shrink: 0;
	font-weight: bold;
}

div.scenario.style_1 > div.daihon > div.char > div.namae {
	width: initial;
}

div.scenario > div.daihon > div.char > div.namae > span {
	padding: 0 0.25em;
}

div.scenario.style_1 > div.daihon > div.char > div.namae > span {
	padding: 0 0.0625em;
}