/* ------------------------------------------------------------
News
---------------------------------------------------------------*/
#news .title-main {
	color: #3db7fc;
	font-size: 34px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(33, 42, 55, 0.2);
	margin-bottom: 20px;
}
#news .post-meta {
	display: flex;
	gap: 16px;
	justify-content: end;
	margin-bottom: 50px;
	font-family: var(--font-notosans);
	font-weight: 400;
}
#news .cat {
	background: #3db7fc;
	color: #fff;
	font-size: 14px;
	padding: 2px 24px;
	width: 120px;
	text-align: center;
}
#news .post-content {
	font-family: var(--font-notosans);
	line-height: 28.8px;
}
#news .post-content img{
	max-width: 800px;
    width: 100%;
}
#news .post-content a{
	color: #3DB7FC;
    text-decoration: underline;
}
#news .post-content a:hover{
	opacity: 0.7;
}
#news .date {
	width: 90px;
}

@media screen and (max-width: 768px) {
	#news .title-main {
		font-size: 23px;
	}
	.lower_white .lower-sec {
		padding: 50px 6.94%;
	}
	#news .post-content{
		line-height: 33px;
	}
}

/* ----- archive ----- */
#news .archive-list li {
	border-bottom: 1px solid rgba(33, 42, 55, 0.2);
	padding: 30px;
	display: flex;
	gap: 35px;
	font-family: var(--font-notosans);
	font-weight: 400;
	position: relative;
	align-items: center;
}
#news .archive-list li:first-child {
	border-top: 1px solid rgba(33, 42, 55, 0.2);
}
#news .archive-list li .wrapper {
	display: flex;
	gap: 15px;
	align-items: center;
}
#news .archive-list li::after {
	content: "";
	display: inline-block;
	background-image: url("../images/common/icon-arrow-right-bk.svg");
	width: 14px;
	height: 14px;
	background-size: 100%;
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#news .archive-list .cat.cat-news-release{
	background: #D4669E;
}
#news .archive-list .cat-business-overview{
	background: #D47C66;
}
#news .archive-list .cat-own-property{
	background: #66D49E;
}
#news .archive-list .cat-design-architecture{
	background: #9E66D4;
}

.wp-pagenavi {
 display: flex;
 gap: 10px;
 width: fit-content;
 margin: 80px auto 0;
}
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
 color: #fff;
 background: #3db7fc;
 border: none;
 padding: 7px 11px;
 margin: 0;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .larger,
.wp-pagenavi .smaller {
 color: #212a37;
 border: none;
 margin: 0;
 padding: 7px 11px;
 font-size: 16px;
}
@media screen and (max-width: 768px) {
	#news .cat {
		min-width: 120px;
		width: auto;
	}
	#news .archive-list li {
		flex-flow: column;
		gap: 10px;
		padding: 20px 40px 20px 0;
		align-items: flex-start;
	}
	#news .archive-list li .wrapper {
		gap: 10px;
	}
	#news .archive-list li .title {
		font-size: 15px;
	}
	#news .archive-list li::after {
		right: 10px;
	}
	#news .archive-filter-buttons{
		padding: 20px;
	}
	#news .filter-label{
		margin-right: 0;
		font-size: 15px;
	}
	#news .filter-button{
		padding: 7px 13px;
		margin-bottom: 7px;
		font-size: 13px;
	}
}

.archive-filter-buttons {
    margin-bottom: 50px;
    padding: 50px;
	border: 1px solid #3DB7FC;
}

.filter-row {
 display: block;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.filter-row:last-child{
	margin-bottom: 0;
}

.filter-label {
    font-size: 24px;
    font-weight: bold;
    color: #3DB7FC;
    padding: 0 0 5px;
	width: 155px;
    display: flex;
    justify-content: space-between;
}
.filter-label span{
	color: #707070;
    font-weight: 100;
    font-size: 18px;
    display: inline-block;
    padding-top: 4px;
}

.filter-button {
    text-decoration: none;
    display: inline-block;
    padding: 7px 15px;
    margin-right: 10px;
    margin-bottom: 5px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    color: #212A37;
    background-color: #eee;
    transition: all 0.2s ease-in-out;
	font-family: var(--font-notosans);
}

.filter-button.is-active:first-child {
    background: linear-gradient(to right, #6ab8ff, #4a90e2);
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-button.is-all{
	background: #3DB7FC;
    color: #fff;
    padding-inline: 50px;
	opacity: 0.4;
}

.filter-button.is-active:not(:first-child) {
    background-color: #3DB7FC;
    color: #fff;
    font-weight: bold;
	opacity: 1;
}

.filter-button:not(.is-active):hover {
    background-color: #e0e0e0;
}

.filter-row .filter-button.cat-news-release{
	background: #D4669E;
    color: #fff;
	opacity: 0.4;
}
.filter-row .filter-button.cat-business-overview{
	background: #D47C66;
    color: #fff;
	opacity: 0.4;
}
.filter-row .filter-button.cat-own-property{
	background: #66D49E;
    color: #fff;
	opacity: 0.4;
}
.filter-row .filter-button.cat-design-architecture{
	background: #9E66D4;
    color: #fff;
	opacity: 0.4;
}

.filter-row .filter-button.is-active.cat-news-release,
.filter-row .filter-button.is-active.cat-business-overview,
.filter-row .filter-button.is-active.cat-own-property,
.filter-row .filter-button.is-active.cat-design-architecture{
	opacity: 1;
}

@media screen and (max-width: 768px) {
	#news .archive-filter-buttons{
		padding: 20px;
	}
	#news .filter-label{
		font-size: 15px;
		width: 110px;
	}
	#news .filter-button{
  padding: 5px 10px;
		margin-bottom: 7px;
		font-size: 13px;
	}
	.filter-row{
		align-items: baseline;
		margin-bottom: 20px;
	}
	.filter-label span{
  display: none;
	}
}
.archive-filter-buttons .filter-row:first-child .filter-button{background-color:var(--cat-bg,#eee);color:#fff;opacity:0.4}
.archive-filter-buttons .filter-row:first-child .filter-button.is-active{opacity:1}
.archive-filter-buttons .filter-row:first-child .filter-button:hover{background-color:var(--cat-bg,#eee)}
.archive-filter-buttons .filter-row:last-child .filter-button{background-color:#eee;color:#212A37;opacity:1}
.archive-filter-buttons .filter-row:last-child .filter-button:hover{background-color:#eee}
.archive-list .cat{background-color:var(--cat-bg,#eee)!important;color:#fff}