@charset "UTF-8";

/* 改ページおよび最終ページ　ページNO白枠＋区切り線 */
/* usage 
<span class="page-marker" aria-label="PDF page 1 of 8"><span>1/8</span></span>
<span class="page-end" aria-label="PDF page 8 of 8"><span>8/8</span></span>
*/

/* ページNO／総ページ数 */
.page-marker, .page-end{
	display: flex;
	align-items: center;
	gap: .55rem;
	/* margin: 2.1rem 0 1.6rem; 大きめ*/
	margin: 1.6rem 0 1.2rem; 
	padding: .28rem 0;
	color: #8d887e;
	font: 400 .68rem/1.2 Arial, sans-serif;
	letter-spacing: .025em;
}

/*　ページ区切り線（除く最終ページ） */
.page-marker::before, .page-marker::after {
	content: "";
	height: 1px;
	background: #e8e6e1;
	flex: 1;
}

/*　ページ区切り線無し(白地) */
.page-end::before, .page-end::after  {
	content: ""; 
	height: 1px; 
	background: #fff;
	flex: 1;
}

.page-marker span,.page-end span {
	background: #fff;
	color: #969187; 
	padding: .12rem .28rem; 
	border: 1px solid #efede8;
	border-radius: 0;
	white-space: nowrap;
	text-indent:0;
} 

@media print { 
	.page-marker, .page-end {
		break-inside: avoid; 
	}
}
