
/* .main-header */
@media all {
	.main-header {background-image: url(../img/news/header-pc.svg);}

	/* sp */
	@media only screen and (max-width: 767px) {
		.main-header-ttl {width: 125rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.main-header-ttl {width: 231rem;}
	}
}

/* .news-section */
@media all {
	.news-section {background-color: var(--light-blue);}
	.news-section-inner {
		background-color: #fff;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.news-section {padding: 30rem 20rem 40rem;}
		.news-section-inner {
			padding: 40rem 20rem;
			border-radius: 14rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-section {padding: 60rem 20rem;}
		.news-section-inner {
			margin: 0 auto;
			padding: 60rem 100rem;
			max-width: 1000rem;
			border-radius: 20rem;
		}

		/* tab */
		@media (max-width: 1024px) {
			.news-section-inner {
				padding: 60rem 40rem;
				max-width: 800rem;
			}
		}
	}
}

/* .news-list */
@media all {
	.news-item {
		border-top: 2rem solid var(--blue);
		padding: 1.5em 0;
		line-height: 1.5;
	}
	.news-item:last-child {border-bottom: 2rem solid var(--blue);}

	.news-item a {overflow: hidden;}
	.news-item-ttl {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		color: #000;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.news-item-ttl {
			margin-top: 4rem;
			-webkit-line-clamp: 2;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-item a {display: flex;}
		.news-item-date {width: 150rem;}
		.news-item-ttl {
			width: calc(100% - 150rem);
			-webkit-line-clamp: 1;
		}
	}
}

/* .page-nav */
@media all {
	ul.page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	li .page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		color: var(--blue);
		transition: .3s;
	}
	li .page-numbers:hover,
	li .page-numbers.current {
		background-color: var(--blue);
		color: #fff;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		ul.page-numbers {margin-top: 40rem;}
		li .page-numbers {
			margin: 0 2rem;
			width: 28rem;
			height: 28rem;
			font-size: 12rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		ul.page-numbers {margin-top: 60rem;}
		li .page-numbers {
			margin: 0 8rem;
			width: 42rem;
			height: 42rem;
			font-size: 20rem;
		}
	}
}


/* ------- single ------ */
@media all {
	.news-content {color: #000;}
	.post_thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.news-date {color: var(--blue);}
	.news-ttl {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 2rem solid var(--blue);
	}
	.return-archive {text-align: center;}
	.return-archive-button {width: 140rem;}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.news-content {
			line-height: 1.6;
		}
		.post_thumbnail {
			margin-bottom: 20rem;
			height: 135rem;
		}
		.news-ttl {font-size: 15rem;}
		.return-archive {margin-top: 40rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.news-content {
			margin: 0 auto;
			max-width: 700rem;
			line-height: 1.8;
		}
		.post_thumbnail {
			margin-bottom: 30rem;
			height: 525rem;
		}
		.news-ttl {font-size: 20rem;}
		.return-archive {margin-top: 60rem;}
	}
}





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

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