@charset "utf-8";
.news_detail{
	background-color:#f4f1ea;
	padding-top:100px;
	padding-bottom:150px;
}

.news_detail .contents{
	max-width:560px;
	margin:0 auto;
}


/* meta */

.news_detail_meta{
	justify-content:flex-start;
	gap:12px;
	margin-bottom:20px;
}

.news_detail .cate_txt{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:70px;
	height:30px;
	padding:0 14px;
	border:1px solid #77736d;
	border-radius:100px;
	box-sizing:border-box;

	font-family:
		"Shippori Mincho",
		"Zen Old Mincho",
		"YuMincho",
		serif;

	font-size:12px;
	color:#3a3732;
}

.news_detail .date{
	font-family:
		"Cormorant",
		"Noto Sans JP",
		sans-serif;
	letter-spacing:.04em;
	color:#4c4842;
}


/* title */

.news_detail_title{
	margin-bottom:40px;
	padding-bottom:30px;

	border-bottom:1px solid rgba(101,94,84,.32);

	font-size:clamp(22px,2.5vw,30px);
	font-weight:500;
	line-height:1.7;
	letter-spacing:.06em;

	color:#24221f;
}


/* image */

.news_detail_img{
	width:100%;
	margin-bottom:45px;
}

.news_detail_img img{
	width:100%;
	height:auto;
	display:block;
}


/* text */

.news_detail_txt{
	color:#403c37;
}

.news_detail_txt p{
	margin-bottom:30px;

	font-family:
		"Noto Sans JP",
		"游ゴシック体",
		sans-serif;

	font-size:14px;
	line-height:2.1;
	letter-spacing:.05em;
}

.news_detail_txt h2{
	position:relative;

	margin-top:55px;
	margin-bottom:25px;

	padding-left:20px;

	font-family:
		"Shippori Mincho",
		"Zen Old Mincho",
		"YuMincho",
		serif;

	font-size:20px;
	font-weight:500;
	line-height:1.7;
	letter-spacing:.06em;

	color:#24221f;
}

.news_detail_txt h2::before{
	content:"";
	position:absolute;

	top:.4em;
	left:0;

	width:2px;
	height:1.3em;

	background:#bc9a5b;
}


/* 一覧へ */

.news_detail_back{
	margin-top:70px;
	padding-top:35px;

	border-top:1px solid rgba(101,94,84,.32);

	justify-content:center;
}

.news_detail_back a{
	display:flex;
	align-items:center;
	justify-content:center;

	gap:15px;

	min-width:220px;

	padding:14px 28px;

	border:1px solid #77736d;
	border-radius:100px;

	box-sizing:border-box;

	color:#2f2d2a;
}

.news_detail_back a p{
	color:inherit;
	letter-spacing:.08em;
}

.news_detail_back a:hover{
	background:#2f2d2a;
	border-color:#2f2d2a;

	color:#fff;

	opacity:1;
}


/* ------------------------------------------
   SP
------------------------------------------ */

@media screen and (max-width:576px){

	.news_detail{
		padding:60px 24px 90px;
	}

	.news_detail_meta{
		margin-bottom:18px;
	}

	.news_detail .cate_txt{
		min-width:62px;
		height:27px;
		padding:0 11px;

		font-size:11px;
	}

	.news_detail .date{
		font-size:12px;
	}

	.news_detail_title{
		margin-bottom:30px;
		padding-bottom:24px;

		font-size:20px;
	}

	.news_detail_img{
		margin-bottom:30px;
	}

	.news_detail_txt p{
		margin-bottom:25px;

		font-size:13px;
		line-height:2;
	}

	.news_detail_txt h2{
		margin-top:40px;
		margin-bottom:20px;

		font-size:18px;
	}

	.news_detail_back{
		margin-top:55px;
		padding-top:30px;
	}

	.news_detail_back a{
		min-width:200px;
		padding:13px 24px;
	}

}