.posts-navigation {
  margin-top: 3em;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.nav-links {
  border-top: 1px solid #ddd;
  padding: .10em 0;

  background-image:url("/img/mi_icon.svg");
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0.9;
  background-size: 6tr;
}

.nav-links:after {
  content: "";
  display: block;
  clear: both;
}

.nav-previous {
  float: left;
  text-align: left;
  padding-left: 5vw;
  font-weight: 600;
}
.nav-previous a{
color:#666;
}

.nav-next {
  float: right;
  text-align: right;
  padding-right: 5vw;
  font-weight: 600;
}
.nav-next a{
  color:#666;
}




/*-
scroll-nav-left
---------------------------------------------*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:rgba(255, 255, 255, 0);
	border-radius: 10rem;
	width: 260px;
	height: 260px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
	z-index: 9999;
}

#page-top a:hover{
	background: #fff;
}
#page-top a img{
  width: 110%;
  opacity: 0.9;
  }

/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: -54px;
	bottom:17vh;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(160px);
}

/*　左の動き　*/
#page-top.LeftMove{
	animation: LeftAnime 0.5s forwards;
}

@keyframes LeftAnime{
  from {
    opacity: 0;
	transform: translateX(160px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/*　右の動き　*/
#page-top.RightMove{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
  from {
  	opacity: 1;
	transform: translateX(0);
  }
  to {
  	opacity: 1;
	transform: translateX(160px);
  }
}

/*-
sp-#page-top---------------*/
@media screen and (max-width:599px) {
	#page-top a img{
		width: 76%;
		opacity: 0.9;
	}
	#page-top {
		right: -76px;
		bottom:10vh;
		transform: translateX(160px);
	}
}





/*-
scroll-nav-left
---------------------------------------------*/
/*リンクの形状*/
#page-home a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:rgba(238, 15, 108, 0.2);
	border-radius: 80px;
	width: 92px;
	height: 92px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
	z-index: 9999;
}

#page-home a:hover{
	background: #777;
}

#page-home a img{
/*-v1
width: 55%;-*/
/*-v2-*/
width: 110%;
opacity: 0.9;
}


/*リンクを右下に固定*/
#page-home {
	position: fixed;
	left: -146px;
	bottom:17vh;
	z-index: 3;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateX(100px);
}

/*　右の動き　*/
#page-home.RightMove2{
	animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime2{
  from {
  	opacity: 0;
	transform: translateX(100px);
  }
  to {
  	opacity: 1;
	transform: translateX(0);
  }
}


/*　左の動き　*/
#page-home.LeftMove2{
	animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime2{
  from {
    opacity: 1;
	transform: translateX(0);
  }
  to {
    opacity: 1;
	transform: translateX(100px);
  }
}



/*-
sp-scroll-nav-navheader---------------*/
@media screen and (max-width:599px) {

	#header{
		width: 100%;
		color: #fff;
		text-align: center;
		line-height: 0;
		height: 0;
		padding: 0;
	}

	.pc-navg{
		/*-display: none;-*/
		background: #fff;
		height: auto;
	}
	.spnav_none{
		display: none;
	}

	/*リンクの形状*/
	#sp_header a{
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ff7a33;
		border-radius: 0.8rem 0.8rem 0 0;
		width: 96%;
		height: auto;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 0.6rem;
		transition: all 0.3s;
		position: relative;
		height: 11vh;
		top: 5.0rem;
		margin: 0 auto;
	}
	#sp_header a:hover{
		background: #ff7a33;
		opacity: 0.9;
	}
	#sp_header a img{
		width: 72%;
		margin: 0 auto;
		position: absolute;
		top: -5vh;
		left: 0;
		right: 0;
	}
	/*リンクを右下に固定*/
	#sp_header {
		position: fixed;
		width: 100%;
		height: 23vh;
		bottom: 0vh;
		z-index: 9999;
		opacity: 0;
		transform: translateY(100px);
	}
	/*　上の動き　*/
	#sp_header.upmove{
		animation: upAnime 0.5s forwards;
	}
	@keyframes upAnime{
		from {
			opacity: 0;
			transform: translateY(100px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	/*　下の動き　*/
	#sp_header.downmove{
		animation: downAnime 0.5s forwards;
	}
	@keyframes downAnime{
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 1;
			transform: translateY(100px);
		}
	}



	/*-
	header内ボタン---------------*/

	/*リンクの形状*/
	.sp_header-bt a{
		display: flex;
		justify-content:center;
		align-items:center;
		/*-background:rgba(255, 255, 255, 0.3);-*/
		border-radius: 80px;
		/*-
		width: 76px;
		height: 76px;
		-*/
		color: #fff;
		text-align: center;
		text-transform: uppercase; 
		text-decoration: none;
		font-size:0.6rem;
		transition:all 0.3s;
	}

	.sp_header-bt a:hover{
		/*-background: #777;-*/
	}
	.sp_header-bt a img{
		width: 55%;
	}

	/*リンクを右下に固定*/
	.sp_header-bt {
		position: fixed;
		height: 14vh;
		z-index: 3;
		opacity: 0;
		transform: translateY(100px);
		width: 100%;
		left: 0;
	}

	/*　上の動き　*/
	.sp_header-bt.upmove2{
		animation: upAnime2 0.5s forwards;
	}
	@keyframes upAnime2{
		from {
			opacity: 0;
			transform: translateY(100px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/*　下の動き　*/
	.sp_header-bt.downmove2{
		animation: downAnime2 0.5s forwards;
	}
	@keyframes downAnime2{
		from {
			opacity: 1;
			transform: translateY(0);
		}
		to {
			opacity: 1;
			transform: translateY(100px);
		}
	}

}