@charset "utf-8";

#news .news-box {
	max-width:1200px;
	width:calc(100% - 8vw);
	margin:auto;
	text-align:center;
}

#news .p-news-title{position:relative; font-size:21px;letter-spacing:0.025em; display:inline-block; margin-bottom:60px;}
#news .p-news-title::after{content:'';position:absolute;bottom:-12px;left:0;width:0;height:1px;background-color:#000;display:inline-block; transition:all .6s cubic-bezier(0.97, 0.01, 0.58, 1);}
#news .is--active .p-news-title::after { width:100%;}

#news .blogFeed ul {
	padding:0 2vw;
}
#news .blogFeed ul li:not(:last-child) {
	border-bottom:solid 1px #FFF;
}
#news .blogFeed ul li a .data {
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 767.98px) {
#news .blogFeed ul li {
	border-bottom-color:#CCC !important;
}
#news .blogFeed ul li a {
	display:block;
	padding: 1rem;
	font-size:14px;
}
#news .blogFeed ul li a .time,
#news .blogFeed ul li a .data {
	display:block;
}
#news .blogFeed ul li a .time {
	font-size:12px;
	margin-bottom:.5rem;
}
}

@media screen and (min-width: 768px) {
#news .blogFeed ul li {
	max-width:800px;
	margin:auto;
}
#news .blogFeed ul li a {
	display: grid;
	grid-template-columns:auto 1fr;
	gap:2rem;
	padding:1.5rem;
	font-size:16px;
	background-color:rgba(255,255,255,0);
	box-shadow:0 0 6px rgba(0,0,0,0);
	transition:ease-in .5s;
}
#news .blogFeed ul li a:hover {
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 6px rgba(0,0,0,.2);
}
#news .blogFeed ul li a .data {
	text-align:left;
}
}