#shiraseru[data-type="whatsnew"] {
	height: calc(11.2em + 10px);
	line-height: 1.6em;
	overflow-y: scroll;
}
#shiraseru[data-type="index"] { padding: 10px; }
#shiraseru .in_date {
	display: flex;
	flex-flow: row nowrap;
}
#shiraseru .in_date::before {
	content: attr(data-date);
	display: block;
	padding-right: 10px;
	font-family: 'Helvetica','Arial',sans-serif;
	white-space: nowrap;
}
#shiraseru .in_nav {
	display: inline-block;
	padding-right: 1.0em;
}
#shiraseru .in_nav a {
	color: #0005bd;
}
#shiraseru .in_nav > *:not(:last-child)::after {
	content: "＞";
	color: #001637;
	text-decoration: none;
}
#shiraseru .in_txt {
	padding: 0 10px;
}
#shiraseru .in_txt a,
#shiraseru .in_date a {
	color: #0005bd;
	text-decoration: underline;
}
#shiraseru a:hover,
#shiraseru a:active { color: #e60012; }

#in_btn {
	display: flex;
	justify-content: center;
	color: #fff;
}
#in_btn a {
	position: relative;
	padding: 5px 30px;
	z-index: 0;
}
#in_btn a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-image: linear-gradient( to bottom, #00a2ff 0%, #19b4f4 100% );
	transition: all .5s linear;
	z-index: -2;
}
#in_btn.onEve a::before {
	height: 100%;
	transition-delay: 1.0s;
}
#in_btn a:hover::before {
	animation-name: NewBtnAnime;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}
@keyframes NewBtnAnime {
	from {
		transform: scale(1);
	}to {
		transform: scale(1.2);
	}
}

#in_pager {
	display: flex;
	justify-content: center;
	padding: 10px;
	counter-reset: cnt 0;
	font-family:'Helvetica','Arial',sans-serif;
}
#in_pager > * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 2px;
	border: #fff 1px solid;
	background-color: #3972b2;
	color: #fff;
}
#in_pager > *::before {
	counter-increment: cnt;
	content: counter(cnt);
}
#in_pager > span {
	border: #3972b2 1px solid;
	background-color: inherit;
	color: #3972b2;
}
#in_pager > a:hover {
	background-color: #fff;
	color: #001637;
}