/* -- 下層 news
-------------------------------------------------- */
.common-wrapper.__news {
	background-image: url('../images/news/news-image.jpg');
	background-position: center;
}

.common-wrapper.__news:before {
	content: url("../images/news/news-title_ol.svg");
	width: 450px;
}


.common-wrapper.wave:after {
	background-image: url('../images/common/pattern_wave-white.svg');
	background-position: bottom;
}

.common-main.__news {
	margin-top: 5em;
}

.common-main.__news article {
	display: flex;
	flex-flow: wrap;
	max-width: 1200px;
	margin: 0 auto;
}

.post-thumbnail {
	max-width: calc(50% - 3em);
	width: 100%;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
}

.entry-wrap {
	max-width: 50%;
	margin: 0 0 0 3em;
}

.post-navi-date {
	color: var(--main-color);
	margin-bottom: .75rem;
}
.post-navi-title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	/* 表示する行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--main-color);
	font-weight: bold;
	font-size: var(--font-size-lg);
}
.entry-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* 表示する行数 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--main-color);
}

.posted-on,
.post-categories {
	display: block;
	color: var(--main-color);
}

.posted-on {
	font-size: var(--font-size-xs);
}

.post-categories a {
	font-size: var(--font-size-sm);
	text-decoration: none;
	color: var(--main-color);
}

.entry-title {
	margin: 1.25em 0 1.5em;
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-Black);
	color: var(--main-color);
}

.entry-content {
	max-width: 40vw;
	line-height: 2;
	color: var(--main-color);
}

.entry-content * {
	color: var(--main-color);
}
.entry-content a {
	text-decoration: underline;
}

.entry-footer {
	max-width: 1200px;
	width: 100%;
	margin: 3em auto;
	padding-bottom: 2.5em;
	border-bottom: 1px solid #333;
	text-align: center;
}

.tag-links a {
	color: #9E9E9F;
	text-decoration: underline;
}


.custom-post-navigation {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 3em;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px;
}

.nav-previous,
.nav-next {
	width: calc(50% - 40px);
}

.nav-title-text {
	font-size: var(--font-size-xl);
	color: var(--main-color);
	padding-bottom: 0.75em;
}

.nav-next .nav-title-text {
	text-align: right;
}

.post-navi-thumbnail {
	max-width: 100%;
	height: auto;
	margin-bottom: 1.5rem;
	aspect-ratio: 16/9;
	overflow-y: hidden;
}

.post-navi-thumbnail img {
	width: 100%;
	height: auto;
}

.site-footer {
	margin-top: 16rem !important;
}

.content-full-width {
	max-width: 1200px;
	justify-content: center;
}
.content-full-width .entry-wrap {
	max-width: 1200px;
	margin: 0;
	font-size: var(--font-size-md);
}
.content-full-width .entry-wrap .entry-content {
	max-width: 1200px;
}
.content-full-width .entry-wrap .entry-content .wp-block-image {
	max-width: 880px;
	margin: 0 auto !important;
}

.wp-block-jetpack-slideshow_container {
	max-width: 800px;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets,
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	justify-content: center !important;
}

@media (max-width: 768px) {
	.common-wrapper.__news:before {
		width: 300px;
		left: 3rem;
	}

	.common-main.__news {
		margin-top: 1.5em;
	}
	.common-main.__news article {
		flex-direction: column;
		margin-top: 1.5em;
	}
	.post-thumbnail {
		max-width: calc(100vw - 2rem);
		width: 100%;
		margin: 0 auto;
	}

	.post-thumbnail img {
		width: 100%;
		height: auto;
	}

	.entry-wrap {
		max-width: 100%;
		margin: 0 1rem;
	}

	.entry-content {
		max-width: 90vw;
	}

	.entry-footer {
		max-width: 80vw;
	}
.post-navi-title {
	-webkit-line-clamp: 2;
	/* 表示する行数 */
}
	.nav-links {
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 20px;
	}
	.nav-links div a {
		color: var(--main-color);
	}


	.content-full-width {
		padding: 0 .5em;
	}
.wp-block-jetpack-slideshow_container {
	max-width: 90vw;
}
}

@media (max-width: 468px) {
	.common-wrapper.__news:before {
		width: 220px;
		left: 1rem;
		bottom: 4rem;
	}
}