#shiraseru[data-type="index"] { padding: 10px 0; }
#shiraseru .in_date {
	display: flex;
	flex-flow: row nowrap;
	padding: 0 10px 5px;
}
#shiraseru .in_date::before {
	content: attr(data-date);
	display: block;
	padding-right: 10px;
	font-family: 'Helvetica','Arial',sans-serif;
	white-space: nowrap;
	color: #015ba7;
}
#shiraseru .in_txt {
	padding: 0 10px 50px;
}

#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: #015ba7 1px solid;
	color: #015ba7;
	text-decoration: none;;
}
#in_pager > *::before {
	counter-increment: cnt;
	content: counter(cnt);
}
#in_pager > span {
	border: #c6c8c3 1px solid;
	background-color: inherit;
	color: #c6c8c3;
}
#in_pager > a:hover {
	background-color: #015ba7;
	color: #fff;
}