body {
	margin: 0;
	padding: 2em;
	background: #ffffff;
	font-family: "Trebuchet MS", Verdana, "sans-serif";
	
	--color-1: #000;
	--color-2: #fff;
	--color-3: #0d61bc;
	--color-4: lightskyblue;
}
@media screen and (max-width: 600px) {
	body {
		padding: 1em;
	}
}



div.header {
	background-color: var(--color-3);
	background: linear-gradient(to right, var(--color-3) 80%, var(--color-1));
	color: var(--color-2);
}
div.header > .box {
	padding: 0.5em;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
div.header .title {
	font-size: 1.2em;
}
div.header img {
	height: 3em;
}
div.header a {
	color: var(--color-2);
	text-decoration: none;
}
div.header a:hover {
	text-decoration: underline;
}



div.search_form {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1em;
	margin: 0 auto;
	padding: 2em 0;
}
div.search_form input {
	font-size: 1.4em;
	padding: 0.3em;
}
div.search_form span {
	font-size: 1.6em;
	padding-right: 0.2em;
}
div.search_form div.input input {
	
}
div.search_form div.submit input {
	padding-left: 0.6em;
	padding-right: 0.6em;
}
div.search_form div.err {
	color: red;
	text-align: center;
	flex-basis: 100%;
}



div.index_d_list {
	margin: 2em 0;
	
	display: flex;
	flex-flow: row wrap;
	gap: 1em;
}



p.number {
}
p.number b {
	white-space: nowrap;
}
p.number i {
	white-space: nowrap;
	font-style: normal;
}



div.reviewform {
	margin-bottom: 2em;
}
div.reviewform > div {
	margin-bottom: 0.6em;
}
div.reviewform > div > input {
	padding: 0.5em;
}
div.reviewform > div > textarea {
	padding: 0.5em;
	width: 100%;
	max-width: 400px;
	height: 6em;
}
div.reviewform .smile label {
	white-space: nowrap;
}
div.reviewform .smile label:first-child {
	margin-right: 2em;
}
div.reviewform > div.err {
	color: red;
}
div.reviewform > div.ok {
	color: green;
	font-weight: bold;
}



div.reviews {
	margin-bottom: 2em;
}
div.reviews > div.box {
	border-left: 0.5em solid var(--color-3);
	padding: 0.5em;
	margin-bottom: 1em;
}
div.reviews .author {
	margin-bottom: 0.5em;
	font-style: italic;
}



h1.undr {
	position: relative;
}
h1.undr::before {
	content: "";
	position: absolute;
	left: 2em;
	bottom: 0;
	width: 8em;
	height: 0.4em;
	transform: skew(-20deg, 1deg) translateX(-10%);
	background: rgba(13,97,188,0.5);
	z-index: -1;
}



a {
	color: var(--color-3);
}
a:hover {
	color: var(--color-4);
}