@charset "UTF-8";


/* archive */
@media all {
	.news-section {
		background-color: var(--red);
		color: #fff;
	}
	.news-section::after {
		background-image: url(../img/common/fire-white.svg);
		animation-delay: -2s;
		animation-duration: 3.75s;
	}
	.news-list {
		display: flex;
		flex-wrap: wrap;
		font-weight: 500;
	}
	.news-item {
		display: flex;
		padding: 1.25em;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	.news-item a {color: #fff;}
	.news-date {width: 5em;}
	.news-ttl {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		width: calc(100% - 5em);
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.news-list {
			margin-top: 60rem;
			padding-left: 20rem;
			padding-right: 40rem;
		}
		.news-item {padding: 1em .25em;}
		.button-news {
			margin-top: 40rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-section {
			padding-bottom: 200rem;
		}
		.news-list {
			margin: 80rem auto 0;
			width: 550rem;
		}
		.news-ttl {
			-webkit-line-clamp: 1;
			padding-left: 4em;
		}
		.button-news {
			margin-top: 60rem;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}

/* single */
@media all {
	.single .news-date,
	.single .news-ttl {display: block;font-weight: 500;width: 100%;}
	.single .the_content {line-height: 2.14;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.single .section-content {padding: 0 20rem;}
		.single .news-date {font-size: 11rem;}
		.single .news-ttl {margin-top: 8rem;font-size: 16rem;}
		.single .the_content {margin-top: 32rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.single .news-section {padding-bottom: 120rem;}
		.single .section-content {
			margin: 0 auto;
			width: 545rem;
		}
		.single .news-ttl {
			margin-top: 10rem;
			padding: 0;
			font-size: 20rem;
		}
		.single .the_content {
			margin-top: 30rem;
		}

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}


/* template-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {

		/* pc */
		@media (min-width: 1025px) {}

		/* tab */
		@media (max-width: 1024px) {}
	}
}