/* **************************
   news一覧
************************** */

.newsArchive a:not([href]){
	pointer-events: none;
	cursor: default;
}

.newsList a:not([href]){
	pointer-events: none;
	cursor: default;
}

.newsList_item {
	border-top: 1px solid #707070;
}

/* MoreArticleで追加で読み込むと、first-childが増えるので、直下のfirst-childに絞る */
.newsList > .newsList_item:first-child {
	border-top: none;
}

.newsList_item.first-child {
	border-top: none;
}

/* これは失敗
.newsList_item:not(.hidden):nth-child(1) {
	border-top: none;
}
*/

.newsList_item:last-child {
	border-bottom: 1px solid #707070;
}

.newsList_link {
	display: block;
	text-decoration: none;
}

.news_metadata {
	line-height: 1.2;
	color: #707070;
	/* 細く見せたくないのでantialiasedにしない */
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-smoothing: auto;
}

.news_title {
	transition: all 0.15s ease;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

/* hover */

body:not(.isTouch) a.newsList_link:hover .news_title {
	color: #707070;
}

/* in view animation */

.newsList_item {
	opacity: 0;
	transform: translateY(5px);
	transition-property: all;
	transition-duration: .4s;
	/*easeInOutCubic*/
	-webkit-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
         -o-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
            transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
}

.newsList_item.inView {
	opacity: 1;
	transform: translateY(0);
}

/* スマホ */
@media (max-width: 767px) {

	.newsList_link {
		padding: 25px 0;
	}

    .news_metadata {
		font-size: 9px;
		margin: 0 0 .8em;
	}

	.news_title {
		font-size: 13px;
		line-height: 1.7;
	}

}

/* スマホより大きいとき */
@media (min-width: 768px) {

	.newsList_link {
		padding: 20px 0;
	}

    .news_metadata {
		font-size: 13px;
		margin: 0 0 20px;
	}

	.news_title {
		font-size: 14px;
	}

}