@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/

.box{
    color: #404040;
    padding: 0 0;
	/*display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;*/
}
.top-bg{
	background: url("../images/main-bg.png") repeat-y;
	background-size: 300%;
}

#footer{
	background:#333;
	color:#fff;
	padding:40px;
	text-align:center;
}

#footer a{
	color: #fff;
}
/*========= ページネーションCSS ===============*/

.pagination {
	position:fixed;
	right:10px;
	top: 50%;
  	transform: translateY(-50%);
	font-size:1em;
	z-index: 10;
	z-index: 999;
	list-style: none;
}
.pagination.db {
	display: block !important;
}
.pagination.db a{
	display: block !important;
}
@media screen and  (min-width:414px){ 
.pagination {
    right: 25px;
}
}
.pagination a {
	display:block;
	height:20px;
	margin-bottom:5px;
	color:#fff;
	position:relative;
	padding:4px;
}
.navi-sec04.pagination a:before {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
}
.navi-sec04.pagination a:after {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .5);
}
.navi-sec04.pagination a.active:after {
    box-shadow: inset 0 0 0 5px;
    background: #707070;
}
.pagination a.active:after {
	/*box-shadow:inset 0 0 0 5px;*/
	background: #707070;
}

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
	position:absolute;
	right:15px;
	top:0;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right: 15px;
}

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

.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width:10px;
	height:10px;
	display: block;
	/*border:1px solid #707070;*/
	border-radius:50%;
	content:"";
	position: absolute;
	margin:auto;
	top:0;
	right:3px;
	bottom:0;
}
.pagination a:before {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width:14px;
	height:14px;
	display: block;
	border:1px solid #707070;
	border-radius:50%;
	content:"";
	position: absolute;
	margin:auto;
	top:0;
	right:1px;
	bottom:0;
}
/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px) { 
	.pagination a .hover-text{
		display: none;
	}	
}