@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  一覧
**************************************************
--------------------------------------------------*/
.archive .list li{
	border-bottom: #56430d 1px solid;
}

.archive .list a{
	display: flex;
	align-items: center;
	column-gap: 20px;
	width: 100%;
	padding: 30px 0;
}
@media screen and (max-width: 767px) {
	.archive .list a{
		flex-wrap: wrap;
		padding: 15px 0;
	}
}

.archive .list a:hover{
	background-color: #f7f6f0;
}

.archive .list a span{
	display: inline-block;
}

.archive .list .date{
	width: 120px;
	padding: 10px 0;
	background-color: #f7f6f0;
	text-align: center;
	font-size: 12px;
	color: #333;
}
@media screen and (max-width: 767px) {
	.archive .list .date{
		width: auto;
		padding: 5px 10px;
	}
}

.archive .list .title{
	width: 1060px;
	font-size: 14px;
	color: #333;
}
@media screen and (max-width: 767px) {
	.archive .list .title{
		width: 100%;
		margin-top: 10px;
	}
}

/* ページャー */
.wp-pagenavi{
	display: flex;
	justify-content: center;
	gap: 0 20px;
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	.wp-pagenavi{
		gap: 0 15px;
		margin-top: 50px;
	}
}

.wp-pagenavi > a,
.wp-pagenavi > span{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f7f6f0;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-size: 14px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.wp-pagenavi > a,
	.wp-pagenavi > span{
		width: 40px;
		height: 40px;
	}
}

.wp-pagenavi .current,
.wp-pagenavi > a:hover{
	background-color: #56430d;
	color: #fff;
}


/*--------------------------------------------------
**************************************************
  詳細
**************************************************
--------------------------------------------------*/
.single .date{
	margin-bottom: 10px;
	color: #aaa;
}
@media screen and (max-width: 767px) {
	.single .date{
		font-size: 14px;
	}
}

.single .heading_type_01{
	line-height: 1.6;
}
@media screen and (max-width: 767px) {
	.single .heading_type_01{
		line-height: 1.4;
	}
}

@media screen and (max-width: 767px) {
	.single p a{
		text-decoration: underline;
	}
}