@charset "UTF-8";

/* ============================
   Archive
=============================== */
#main .page__header{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 35px;
}
@media (min-width: 576px) {
	#main .page__header{
		height: auto;
	}
}



/*================================
	Local Navi
================================*/
#lnav{
	width: 95%;
	max-width: 1100px;
	margin: 45px auto 0;
}
#lnav .ctlist {
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1px;
}

#lnav .ctlist li{
	width: calc((100% - 5px) / 5);
}
#lnav .ctlist li a{
	display: block;
	background: var(--gray);
	text-align: center;
	font-family: var(--font1);
	line-height: 50px;
	letter-spacing: .05em;
	color: #fff;
}
#lnav .ctlist li.cat-all a,
#lnav .ctlist li.here a{
	background: var(--black);
}

@media (max-width: 575px) {
	#lnav{
		width: 90%;
	}
	#lnav .ctlist {
		gap: 5px;
	}
	#lnav .ctlist li:first-of-type{
		width: 100%;
	}
	#lnav .ctlist li:not(:first-of-type){
		width: calc((100% - 5px) / 2);
	}
	#lnav .ctlist li a{
		line-height: 40px;
	}
}


#main .txtBox{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#main .txtBox > *{
	margin-bottom: 0;
}
#main .txtBox .cats,
#main .txtBox .post-ttl{
	width: 100%;
}
#main .txtBox .post-ttl {
	margin-top: 15px;
	margin-bottom: 30px;
    font-size: 1.385em;
}
#main .txtBox .date,
#main .txtBox .more{
	width: 47%;
}
#main .txtBox .date{
	font-family: var(--font1);
}
#main .card .more{
	margin-right: 4px;
}
#main .card .more span{
	max-width: 100%;
}


@media (min-width: 576px) {
}
@media (min-width: 992px) {
}