@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css");
@import url("/css/parts.css");
@import url("/css/margin.css");

ul.news-list {
	margin-top: 20px;
	margin-bottom: 60px;
}
ul.news-list li {
	display: grid;
	grid-template-columns: 7em 1fr;
	font-size: 1.15em;
}
ul.news-list li + li {
	margin-top: 1em;
}

.news-detail {
	margin-top: 20px;
}
.news-detail h3 {
	text-align: center;
	padding: 30px 0 10px;
	font-size: 2em;
}
.news-detail .date {
	text-align: right;
}
.news-detail .content {
	font-size: 1.15rem;
	margin-top: 1em;
	line-height: 1.78;
}
.news-detail footer {
	text-align: center;
	padding: 1em 2em;
	width: fit-content;
	margin: 2em auto;
}

/* PC SIZE */
@media screen and (min-width: 980px){
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
}
@media screen and (max-width: 480px){
	.news-detail h3 {
		font-size: 1.5em;
	}
	.news-detail .content {
		font-size: 1rem;
	}
}