@charset "UTF-8";
/*
	home.php, archive.php, category.php など
	記事一覧ページ
*/

/*====================================
全体
=====================================*/
.news_list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin: 0;
}

/*====================================
記事
=====================================*/
.new-posts_item {
	width: 100%; /*一行*/
	display: flex;
	flex-wrap: wrap;
	padding: 1rem 0;
	line-height: 3rem;
}
.new-posts_item+.new-posts_item {
	border-top: 1px solid #ccc;
}
.new-posts_time {
	width: 8rem;
}
.new-posts_link {
	width: calc(100% - 8rem);
}

.new-posts_ttl {
	width: 100%; /*記事タイトル*/
}
li.new-posts_item {
    position: relative;
}
li.new-posts_item:hover{
  background-color: #ededed;
  transition: .5s;
}

a.hover.color-link_txt::before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	/* border: solid; */

}



	/*====================================
	記事	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.cat+.cat {
			margin-left: 0.5rem;
		}
	}
	/*====================================
	記事	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		li.new-posts_item {
			display: block;
		}
		p.new-posts_ttl {
			line-height: 1.5rem;
		}
		.new-posts_link {
			/* width: calc(100% - 8rem); */
			width: 100%;
		}
		
	}