@charset "utf-8";
.article{
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
@media screen and (min-width: 768px){
  .archive{
		width: var(--INNER_WIDTH);
    max-width: 1200px;
    margin-inline: auto;
  }
  .article{
    gap: 50px 40px;
  }
  .article .article__bookmark{
		top: 8px;
		right: 5px;
	}
	.article .article__bookmark i{
		font-size: 25px;
	}
  .article .article__desc{
		margin-top: 10px;
		padding: 10px 10px 10px 5px;
	}
  .article .article__date{
		font-size: 11px;
		margin-block: 8px 2px;
	}
  .article .article__ttl{
		font-size: 18px;
		line-height: 1.7;
		margin: -5px 0 10px;
	}
  .article .article__tags{
		gap: 10px;
	}
  .article .article__tags li a{
		font-size: 10px;
		padding: 7px 7px 6px 17px;
	}
  .article .article__tags li a::before{
		left: 7px;
	}
}


/* ページャー */
#next{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-family: var(--FF_BASE);
}
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
}
#next > span.pages{
	display: block;
	text-align: center;
	margin-top: 10px;
	display: none;
}
#next .post_range{
	font-size: 13px;
	text-align: center;
}
.wp-pagenavi > *{
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	border-radius: 50%;
	font-family: var(--FF_BASE);
}
.wp-pagenavi > *{
	padding: 0;
	background-color: var(--GRAY04);
}
.wp-pagenavi .extend{
	background-color: unset;
}
.wp-pagenavi > .pages{
	display: none;
}
#next a.previouspostslink,
#next a.nextpostslink{
	background-color: unset;
}
.wp-pagenavi .current{
	background-color:var(--BLUE01);
	border: 1px solid var(--BLUE01);
	color: var(--WHITE);
	font-weight: bold;
}
.wp-pagenavi > *{
	font-weight: 500;
}
#next a.previouspostslink,
#next a.nextpostslink{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	padding: 0;
	position: relative;
	font-weight: 400;
}
#next a.previouspostslink .navi-prev,
#next a.nextpostslink .navi-next{
	position: absolute;
	top: 50%;
	left: 52%;
	transform: translate(-50%, -50%);
}
#next a.previouspostslink .navi-prev::before,
#next a.nextpostslink .navi-next::before{
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 400;
	display: inline-block;
  vertical-align: text-bottom;
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
}
#next a.previouspostslink .navi-prev::before{
	content: "\f104";
}
#next a.nextpostslink .navi-next::before{
	content: "\f105";
}
@media screen and (min-width: 768px){
	.wp-pagenavi{
		font-size: 18px;
		gap: 10px;
	}
	#next{
		margin: 50px auto 0;
	}
	.wp-pagenavi > *{
		width: 38px;
		font-size: 16px;
	}
	#next a.previouspostslink,
	#next a.nextpostslink{
		font-size: 25px;
		width: 25px;
		height: 38px;
	}
}
@media screen and (max-width: 767px){
	.wp-pagenavi{
		font-size: 15px;
		gap: 8px;
	}
	#next {
		margin: 30px auto 0;
	}
	.wp-pagenavi > *{
		width: 35px;
	}
	#next a.previouspostslink,
	#next a.nextpostslink{
		font-size: 17px;
		width: 17px;
		height: 35px;
	}
}


/* お気に入りページ */
.fade-out {
	opacity: 0;
	transition: opacity 0.5s ease;
}
.article article {
	transition: opacity 0.5s ease;
}
.not-found{
	font-family: var(--FF_BASE);
	text-align: center;
	font-size: 16px;
}

/* ピン留め */
.archive__item.is-pinned{
	position: relative;
}
.archive__item.is-pinned::after{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+Cgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMjU2cHg7IGhlaWdodDogMjU2cHg7IG9wYWNpdHk6IDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNEI0QjRCO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzIyLjQxNSwzNTAuMTkxTDE2My4wMTcsMTkwLjc5N2wtMjUuMTctOC4wOTFjLTI4LjAyOC05LjAxNy01OS41MzMtMS43MjYtODIuMTMyLDE4Ljk5OWwtOC4zMDgsNy42MgoJCWwxMjguMjQsMTI4LjI0bDEyOC4yNDQsMTI4LjI0bDcuNjE2LTguMzA4YzIwLjcyNS0yMi42MDgsMjguMDEzLTU0LjEwNiwxOC45OTktODIuMTM2TDMyMi40MTUsMzUwLjE5MXoiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3BhdGg+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIwLjAyMiw0NTQuNTQ3IDAsNTEwLjc4OCA1Ni4yNDksNDkwLjc3MyAxODAuODEzLDM2Ni4yMDEgMTQ0LjU5LDMyOS45NzUgCSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcG9seWdvbj4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDQ2Ljc5MiwxMTQuNzEzIDM5OC40ODksNjYuNDIgMzMzLjI4NiwxLjIxMiAzMDMuMDk5LDMxLjM5NSA0ODEuODE2LDIxMC4xMTcgNTEyLDE3OS45MjcgCSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcG9seWdvbj4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTczLjg4NCwxNzkuOTI3IDMzMy4yODYsMzM5LjMyMSA0NDYuNzkyLDE5NC40MjEgMzE4Ljc5Miw2Ni40MiAJIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9wb2x5Z29uPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color:#b30606;
	aspect-ratio: 1;
	width: 40px;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
}