@charset "utf-8";

/* -------------------------------------------------- */
/* PC */
/* -------------------------------------------------- */
/* ファーストビュー */
/* -------------------------------------------------- */
#commonFv {
	background-image: url(../../img/news/bg_fv01_pc.jpg);
}

#commonFvTit::before {
	content: "NEWS";
}


/* #newsArchive */
/* -------------------------------------------------- */
/* 一覧 */
#newsList > li {
	border-bottom: 1px solid #d3d3d3;
}

#newsList > li:first-of-type {
	border-top: 1px solid #d3d3d3;
}

#newsList a {
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}

.newsListImg {
	width: 170px;
	height: 170px;
	overflow: hidden;
	flex-shrink: 0;
}

.newsListContent {
	width: calc(100% - 200px);
	padding: 5px 0 0;
}

.newsListDate {
	margin-bottom: 5px;
	color: #5a5a5a;
	transition: all .3s ease-in-out;
}

.newsListTit {
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
}

.newsListTxt {
	margin-bottom: 15px;
	line-height: 2;
}

.newsListCategory {
	display: flex;
	flex-wrap: wrap;
}

.newsListCategory li {
	margin: 0 10px 10px 0;
	padding: 2px 10px;
	background: #ededed;
	font-size: 1.1rem;
}

.newsListCategory li:last-of-type {
	margin-right: 0;
}


/* -------------------------------------------------- */
/* PC(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 1025px) {
	/* -------------------------------------------------- */
	/* hover */
	/* -------------------------------------------------- */
	/* #newsArchive */
	/* -------------------------------------------------- */
	/* 一覧 */
	#newsList a:hover .newsListDate {
		color: #b1a26e;
	}


}


/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {

}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}


/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
	/* ファーストビュー */
	/* -------------------------------------------------- */
	#commonFv {
		background-image: url(../../img/news/bg_fv01_sp.jpg);
	}


	/* #newsArchive */
	/* -------------------------------------------------- */
	/* 一覧 */
	#newsList a {
		padding: 15px 0;
	}

	.newsListImg {
		width: 140px;
		height: 140px;
	}

	.newsListContent {
		width: calC(100% - 160px);
		padding: 0;
	}

	.newsListDate {
		margin-bottom: 3px;
		font-size: 1.2rem;
	}

	.newsListTit {
		font-size: 1.4rem;
	}

	.newsListTxt {
		margin-bottom: 8px;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.newsListCategory li {
		margin: 0 4px 4px 0;
		padding: 2px 7px;
		font-size: 1rem;
	}


}


@media screen and (max-width: 374px) {
	/* #newsArchive */
	/* -------------------------------------------------- */
	/* 一覧 */
	.newsListImg {
		width: 100px;
		height: 100px;
	}

	.newsListContent {
		width: calC(100% - 115px);
	}


}