@charset "UTF-8";
/*
	投稿
*/
/* 投稿タイトル */

.single-ttl{
	border-bottom: 1px solid #A3A3A3;
	padding: 0.2em 0.5em;
	border-left: solid 5px #072b59;
	font-size: 1.5rem;
	}
#single h2{font-size: 1.25rem;}
#single h3{font-size: 1.1rem;}
#single h4{font-size: 1rem;}
#single h5{font-size: 1rem;}
#single h6{font-size: 1rem;}
/*====================================
メタ情報
=====================================*/
.single-meta {
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #767676;
    font-size: .9rem;
}
.single-meta__time {
	width: 11rem;
	font-weight: bold;
}
.single-meta__cat {
	width: calc(100% - 11rem);
}
.single-meta__cat a+a {
	margin-left: 0.5rem;
}
	/*====================================
	メタ情報	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
}

/*====================================
ページャー
=====================================*/
.pager { 
	margin-top: 2rem;
}
/*リンクボタン*/
.pager-prev a,
.pager-next a { 
	margin: 0 auto;
	border-radius: 50px;
	display: block;
	padding: 1rem 2rem;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}
.pager-prev:hover,
.pager-next:hover {
	opacity: 0.7;
}
/*以前の記事へ, 文頭にアイコン*/
.pager-prev a:before {
    content: "\f0d9"; /*左向きの▲矢印*/
	padding-right: 0.5rem;
}
/*新しい記事へ, 文末にアイコン*/
.pager-next a:after {
    content: "\f0da"; /*右向きの▲矢印*/
	padding-left: 0.5rem;
}
/*アイコン*/
.pager-prev a:before, 
.pager-next a:after {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

	/*====================================
	ページャー	769px以上
	=====================================*/
	@media screen and (min-width: 768px) {
		.pager {
			display: flex;
			justify-content: space-between;
		}
		.pager-prev,
		.pager-next {
			width: calc(50% - 1rem);
		}
	}
	/*====================================
	ページャー	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		/*--- 検索結果  ---*/
		.pagination-btn a,
		.pagination-btn .now {
			padding: 0.5rem 0.75rem;
		}
}
	/*====================================
	ページャー	560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		 /*--- 検索結果  ---*/
		.pagination-btn a,
		.pagination-btn .now {
			padding: 0.25rem 0.5rem;
		}
		 /*--- 投稿 ---*/
		 .pager-prev+.pager-next {
			margin-top: 1rem;
		}
	}