#shiraseru {
	width: 100%;
	max-width: 960px;
	margin: 0 auto auto;
}
#shiraseru .in_ttl {
	padding: 5px 10px;
	background-color: #415c42;
	font-size: 1.4em;
	color: #f4f3ee;
}
#shiraseru .in_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	padding: 20px 10px;
}
#shiraseru .in_nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 4rem;
	padding: 2px 5px;
	border: 1px solid #898989;
	border-radius: 5px;
}
#shiraseru .in_nav a:hover {
	background-color: #898989;
	color: #fff;
}

#shiraseru .in_index {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 1.0rem 10px;
}
#shiraseru .in_index >div {
	display: flex;
	gap: 10px;
}
#shiraseru .in_index dt {
	font-weight: 700;
	color: #7d9264;
}
#shiraseru .in_index dd a {
	text-decoration: underline;
	color: #e45c5c;
}
#shiraseru .in_index dd a:hover { color: #00479d; }
#shiraseru #in_pager {
	display: flex;
	justify-content: center;
	padding: 10px;
	font-family:'Helvetica','Arial',sans-serif;
}
#shiraseru #in_pager > * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 2px;
	border: #7d9264 1px solid;
	text-decoration: none;;
}
#shiraseru #in_pager > span {
	border: #c6c8c3 1px solid;
	background-color: inherit;
	color: #c6c8c3;
}
#shiraseru #in_pager > a:hover {
	background-color: #7d9264;
	color: #f4f3ee;
}
#shiraseru[data-type="entry"] .in_body { padding: 0 10px 5.0rem; }
#shiraseru[data-type="menuitem"] .in_body { padding: 10px 10px 0; }
#shiraseru .in_body a {
	text-decoration: underline;
	color: #00479d;
}
#shiraseru .in_body a:hover { color: #e53900; }
#shiraseru .in_body b { font-weight: 700; }
#shiraseru[data-type="entry"] .in_date {
	display: flex;
	justify-content: flex-end;
	gap: .5em;
}
#shiraseru[data-type="entry"] .in_cat::before {
	content: attr(data-catnm);
	display: flex;
	align-items: center;
	padding: 0 .5em;
	background-color: #999;
	white-space: nowrap;
	font-size: .8em;
	color: #fff;
}