@charset “UTF-8”;

.kv-news{
	background-image: url(../img/news/kv-news_sp.jpg);
}

.p-news__inner{
	margin: 0 auto;
	width: 80%;
}

.is-animated {
  animation: .6s news-list-anime;
}

@keyframes news-list-anime{
  0% {
   transform: translate(-18px);
  } 
  100% {
    transform: none;
  }
}

.pagination{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin: 30px auto 15px;
	font-size: 1rem;
}

.pagination__list{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 15px 0;
	line-height: .9rem;
}
.pagination__list li{
	margin: 0 7px;
}
.pagination__list li a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	transition: all .3s ease;
}
.pagination__list li a:hover,
.prev-page button:hover,
.next-page button:hover{
	color: #a4a4a4;
}
.pagination__list .current a{
	background: #4d92d9;
	border-radius: 50px;
	color: #ffffff;
}
.pagination__list .current a:hover{
	color: #ffffff;
}

.prev-page button,
.next-page button{
	padding: 12px;
	transition: all .3s ease;
}

.disabled{
	display: none;
}

.p-news-detail__inner{
	margin: 0 auto;
	width: 90%;
}

.c-news-detail__ttlgroup{
	margin-bottom: 40px;
}

.c-news-detail__ttlgroup .day,
.c-news-detail__ttlgroup .line,
.c-news-detail__ttlgroup .category{
	display: inline-block;
	font-size: .875rem;
	font-weight: 300;
}

.c-news-detail__ttlgroup .line{
	width: 1px;
	height: 12px;
	margin: 0 6px;
	background: #4e4e4e;
}

.c-news-detail__ttlgroup .ttl{
	margin-top: 12px;
	font-size: 1.5rem;
	letter-spacing: 2px;
}

.p-news-detail__contents{
	margin-bottom: 46px;
}
.p-news-detail__contents > p{
	font-size: .875rem;
	line-height: 1.75rem;
	margin-bottom: 1.5rem;
}

@media screen and (min-width:768px){
	.kv-news{
		background-image: url(../img/news/kv-news_pc.jpg);
	}

	.p-news-list__inner{
		width: 90%;
		max-width: 1200px;
	}


	.p-news-detail__inner{
		max-width: 1200px;
	}

.c-news-detail__ttlgroup{
	margin-bottom: 50px;
}

	.c-news-detail__ttlgroup .ttl{
		margin-top: 21px;
		font-size: 1.875rem;
	}

	.p-news-detail__contents{
		margin-bottom: 52px;
	}
	.p-news-detail__contents > p{
		font-size: .9375rem;
		line-height: 1.875rem;
		margin-bottom: 2rem;
	}
}