#shiraseru .in_ttl {
	margin: 10px auto;
	padding-left: 0.5em;
	background-color: #ffe79a;
	border-left: 6px solid #ff9c00;
	line-height: 1.6em;
	font-size: 1.5em;
	color: #ff9c00;
	font-weight: bold;
}
#shiraseru .in_nav {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding-top: 10px;
}
#shiraseru .in_nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 4rem;
	padding: 2px 5px;
	border: 1px #eb8d6c solid;
	border-radius: 5px;
	color: #eb8d6c;
	text-decoration: none;
}
#shiraseru .in_nav a:hover {
	background-color: #eb8d6c;
	color: #fff;
}

#shiraseru[data-type="index"] dl {
	padding: 1.0rem 0;
}
#shiraseru[data-type="index"] dt {
	float: left;
	position:relative;
	background-color: #ba5c45;
	padding: 0 5px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}
#shiraseru[data-type="index"] dt::before {
	content: '';
	position: absolute;
	top: 0;
	right: -24px;
	border: solid 12px transparent;
	border-left: solid 12px #ba5c45;
}
#shiraseru[data-type="index"] dd {
	padding-left: 110px;
	padding-bottom: 10px;
}
#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: #eb8d6c 1px solid;
	color: #eb8d6c;
	text-decoration: none;;
}
#shiraseru #in_pager > span {
	border: #c6c8c3 1px solid;
	background-color: inherit;
	color: #c6c8c3;
}
#shiraseru #in_pager > a:hover {
	background-color: #eb8d6c;
	color: #fff;
}
#shiraseru[data-type="entry"] .in_body {
	padding: 0 10px 3.0rem;
}
#shiraseru[data-type="entry"] .in_date {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 1.0rem;
}
#shiraseru[data-type="entry"] .in_cat::before {
	content: attr(data-catnm);
	margin-right: .5em;
	padding: 0 .3em;
	background-color: #ba5c45;
	white-space: nowrap;
	font-size: .8em;
	color: #fff;
}