@charset "UTF-8";
/* news_one.css */

/* ===== 記事 ===== */
#sec_article .wrap {
	max-width: 1100px;
}
/* 日付 */
.news_date {
	font-size: 14px;
	line-height: 1;
	margin-bottom: 1.5em;
}
/* 記事タイトル */
.news_title {
	font-size: 24px;
	font-weight: 500;
	text-align: justify;
	line-height: 1.5;
	letter-spacing: .15em;
	word-break: break-all;
	margin-bottom: 2em;
}


/* ===== 記事コンテンツ ===== */
/* 記事サムネイル写真 */
.thumb_img {
	margin-bottom: 40px;
}
.thumb_img,
.thumb_img img {
	width: 100% !important;
}
/* 記事コンテンツ 写真 */
.article_cont img {
	width: 100%;
	max-width: inherit;
}
/* 記事コンテンツ 文章 */

.article_cont figure,
.article_cont p,
.article_cont a {
	font-size: 14px;
}
.article_cont a {
	text-decoration: underline;
}
.article_cont figure {
	width: 98%;
	margin-left:  auto;
	margin-right: auto;
}
.article_cont figure:not(:first-of-type) {
	width: 47.5%;
	display: inline-block;
	margin-left:  1%;
	margin-right: 1%;
}

.article_cont figure + p,
.article_cont p + figure {
	margin-top: 2em;
}
.article_cont p + p,
.article_cont figure + figure {
	margin-top: 1.5em;
}


/* ===== 「前の記事へ」「次の記事へ」 ===== */
.post-navigation {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
.post-navigation .nav_postlink {
	width: fit-content;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}
.post-navigation .nav_postlink,
.post-navigation .nav_postlink a {
	line-height: 1;
}
.post-navigation .nav_previous {
	margin-left:  0;
	margin-right: auto;
}
.post-navigation .nav_next {
	margin-left:  auto;
	margin-right: 0;
}
.post-navigation .nav_previous:before,
.post-navigation .nav_next:after {
	content: "";
	width:  .75em;
	height: .75em;
	min-width:  .75em;
	min-height: .75em;
	display: inline-block;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.post-navigation .nav_previous:before {
	margin-right: .35em;
	background-image: url(../../img/common/btn_back.svg);
}
.post-navigation .nav_next:after {
	margin-left: .35em;
	background-image: url(../../img/common/btn_arrow.svg);
}







@media screen and (max-width:850px) {
	/* ===== 記事 ===== */
	#sec_article .wrap {
		max-width: 600px;
	}
	/* 日付 */
	.news_date {
		font-size: 12px;
		margin-bottom: 1em;
	}
	/* 記事タイトル */
	.news_title {
		font-size: 16px;
		line-height: 1.7;
		letter-spacing: .2em;
		margin-bottom: 1.25em;
	}


	/* ===== 記事コンテンツ ===== */
	/* 記事サムネイル写真 */
	.thumb_img {
		margin-bottom: clamp(20px,5.333vw,40px);
	}
	/* 記事コンテンツ 写真 */
	.article_cont figure,
	.article_cont figure:not(:first-of-type),
	.article_cont img    {
		width: 100%;
	}
	.article_cont figure:not(:first-of-type) {
		margin-left:  0;
		margin-right: 0;
	}

	/* 記事コンテンツ 文章 */
	.article_cont figure,
	.article_cont p,
	.article_cont a {
		font-size: 12px;
	}
}