@charset "UTF-8";
/*------------------------
コラム一覧
------------------------*/
.contents-wrap{
	display: flex;
	justify-content: space-between;
	width: 1120px;
	margin: 0 auto;
	padding: 60px 0 60px;
}
.archive {
	width: 780px;
}
.archive ul {
	margin-bottom: 40px;
}
.archive ul li a {
	display: block;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid var(--txtcolor);
}
.archive ul li:first-of-type a {
	padding: 0 0 20px;
}
.archive ul li a .wrap {
    align-items: center;
    line-height: 1;
    min-width: 220px;
    margin-bottom: 10px;
}
.archive ul li a .wrap .date {
	font-size: 18px;
	letter-spacing: 0;
	margin-right: 20px;
}
.archive ul li a .wrap .cat {
	display: block;
	background: var(--txtcolor);
	padding: 8px 13px;
	font-size: 15px;
	color: var(--bgcolor);
	margin-right: 5px;
}
.archive ul li a h2 {
    text-align: justify;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s ease 0s;
    flex: 1;
}
.archive ul li a:hover h2{
	color: #e79f00;
	text-decoration: underline;
}

/*------------------------
pager
------------------------*/
.archive .wp-pagenavi{
	display: flex;
	justify-content: center;
}
.archive .wp-pagenavi a,.archive .wp-pagenavi span {
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 9px 15px 10px;
	margin: 0 0 0 8px;
	line-height: 1;
	transition: all .3s ease 0s;
	background: var(--mygray);
	border: none;
	color: #b0b0b0;
}
.archive .wp-pagenavi span.current {
	color: unset;
	background: var(--accentcolor);
	border-color: unset;
}
/*------------------------
サイド
------------------------*/
.sideber {
	width: 300px;
}
.sideber .side-cat{
	margin-bottom: 30px;
}
.sideber .side-cat h2 {
	padding: 15px 15px;
	background: var(--txtcolor);
	color: var(--bgcolor);
	line-height: 1;
	font-size: 18px;
}
.sideber .side-cat.archives li {
	font-size: 0;
}
.sideber .side-cat ul li a {
	display: block;
	padding: 15px 15px;
	border-bottom: 1px solid #b0b0b0;
	font-size: 16px;
	line-height: 1;
}
.sideber .side-cat ul li a:hover{
	color: #e79f00;
	text-decoration: underline;
}