@charset "utf-8";
/* CSS Document */
#pager li {
	position: relative;
}
#pager li a::before,
#pager li a::after {
	position: absolute;
	z-index: 2;
	content: "";
	width: 0;
	height: 0;
	border: 3px solid transparent;
}
#pager li a::before {
	top: -3px;
	left: -3px;
}
#pager li a::after {
	bottom: -3px;
	right: -3px;
}
#pager li a:hover::before,
#pager li a:hover::after {
	width: 100%;
	height: 100%;
	transition: height .3s, width .3s .3s;
}
#pager li a:hover::before {
	border-bottom-color: #000;
	border-left-color: #000;
	
}
#pager li a:hover::after {
	border-top-color: #000;
	border-right-color: #000;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.number {
		display: none;
	}
	#pager li a::before,
	#pager li a::after {
		border: none;
	}
	#pager li a {
		border: solid 3px #000;
	}
}


/* ----------- IE ------ ---------- */
@media all and (-ms-high-contrast:none) {
	
}