.news-card {
	background-color: var(--body-background-color);
}

.news-title {
	white-space: nowrap;
	line-height: 21px;
	margin-top: -3px;
	font-style: normal;
	font-weight: normal;
}
.news-text {
	line-height: 31px;
	margin-top: -6.5px;
	font-style: normal;
	font-weight: normal;
}

.float-img {
	position:relative;
	top:0;
    /*アニメーションの設定*/
    transition: all .3s;
}

/*hoverをしたらボックスに影がつき、上に上がる*/
.float-img:hover {
	top:-3px;
	box-shadow: 0 2px 3px rgba(241, 235, 235, 0.8);
}

.news-row {
	max-width: 95vw;
}

.news-headline {
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
}

.news-detail-text {
	line-height: 21px;
	margin-top: -3px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}

@media (min-width:768px) {
	.news-detail-container {
		max-width: 70vw;
	}
}

.news-img-size {
	max-width: 600px;
	height: auto;
	object-fit: cover;
}

.news-img-size-400 {
	max-width: 350px;
	height: auto;
	object-fit: cover;
}

.news-bottom-nav {
	max-width: 75%;
	margin: 3rem auto;
}

#footer {
	margin-top: 4rem;
}