/*========= ページネーションCSS ===============*/

.pagination {
	position:fixed;
	right:10px;
	top: 50%;
  	transform: translateY(-50%);
	font-size:1em;
	z-index: 10;
	list-style: none;
}

.pagination li:first-child {
    display: none;
}

.pagination a {
	display:block;
	/* height:20px; */
	/* margin-bottom:5px; */
	color:#fff;
	position:relative;
	/* padding:4px; */
}

.pagination a.active:after {
	/* box-shadow:inset 0 0 0 5px; */
    background: #fff;
}

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
	/* position:absolute; */
	/* right:15px; */
	/* top:0; */
	/* opacity:0; */
	/* transition: opacity 0.5s ease; */
	padding-right: 20px;
    font-family: 'Noto Serif JP', serif;
    color: rgba(255,255,255,0.7);
}

.pagination a.active .hover-text {
    color: #fff;
}

/* .pagination a:hover .hover-text {
	opacity: 1;
} */

.pagination a:after {
	/* -webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease; */
    width: 5px;
    height: 1em;
	display: block;
	/* border:1px solid; */
	/* border-radius:50%; */
	content:"";
	position: absolute;
	margin:auto;
	top:0;
	right:6px;
	bottom:0;
    background: rgba(255,255,255,0.5);
}

/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px) { 
	.pagination{
		display: none;
	}	
}