@charset "UTF-8";


/*****************************************************
　singleページ　
*****************************************************/
/* .s-blog-content 
------------------------------------------------- */
/* ----- タイトル ----- */
.s-blog-content .s-ttl{
	border-bottom:2px solid #c5c5c5;
	color:#222;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	padding:12px 40px 22px;
	position:relative;
}
.s-blog-content .s-ttl:before{
	border-left:6px solid #000;
	content:'';
	display:block;
	height:calc(100% - 17px);
	left:0;
	position:absolute;
	top:0;
	width:6px;
	z-index:0;
}
/* ----- .head ----- */
.s-blog-content .s-head{
	display:flex;
	justify-content:space-between;
	margin:22px 50px 0;
}
/* 日付 */
.s-blog-content .s-date{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
}
/* カテゴリー */
.s-blog-content .s-category span{
	background:#f7f5ed;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	margin-right:7px;
	padding:6px 11px;
}
.s-blog-content .s-category span:last-child{
	margin-right:0;
}
/* ----- 本文 ----- */
.s-blog-content .s-content{
	margin:30px 50px 0;
}
.s-blog-content .s-content p{
	letter-spacing:0.025em;
	line-height:1.6;
}
.s-blog-content .s-content p + p{
	margin:1em 0 0;
}
.s-blog-content .s-content .wp-block-columns{
	margin-bottom:0;
}
/* ----- この記事を書いた人 ----- */
.s-blog-content .s-writer{
	margin:70px 0 0;
}
/* タイトル */
.s-blog-content .s-writer .writer-ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 35px;
	padding:11px 35px;
}
/* .writer-item */
.s-blog-content .s-writer .writer-item{
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:960px;
	width:100%;
}
.s-blog-content .s-writer .writer-item .img{
	border-radius:50%;
	max-width:208px;
	overflow:hidden;
	width:22%;
}
.s-blog-content .s-writer .writer-item .txt{
	max-width:700px;
	width:73%;
}
.s-blog-content .s-writer .writer-item .txt .name{
	border-bottom:2px solid #bbb;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 15px;
	padding:0 12px 10px;
}
.s-blog-content .s-writer .writer-item .txt .profile{
	margin:0 10px;
}
/* ----- 前後の記事へのリンク ----- */
.s-blog-content .post-link{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:140px 0 0;
}
.s-blog-content .post-link .prev,
.s-blog-content .post-link .next{
	background:#f7f5ed;
	border:1px solid #060001;
	max-width:270px;
	text-align:center;
	width:100%;
}
.s-blog-content .post-link .prev + .next{
	margin:0 0 0 45px;
}
.s-blog-content .post-link .prev a,
.s-blog-content .post-link .next a{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:50px;
}
.s-blog-content .post-link .prev span,
.s-blog-content .post-link .next span{
	display:inline-block;
}
.s-blog-content .post-link .prev span{
	background:url('../img/common/prev_icon_2.png') no-repeat left center;
	background-size:15px auto;
	padding:0 0 0 25px;
}
.s-blog-content .post-link .next span{
	background:url('../img/common/next_icon_2.png') no-repeat right center;
	background-size:15px auto;
	padding:0 25px 0 0;
}
/* その他の記事を見る 
------------------------------------------------- */
#other-post{
	margin:75px 0 0;
}
/* ----- タイトル ----- */
#other-post .otherpost-ttl{
	background:#fbf9f2;
	box-sizing:border-box;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 53px 20px;
	padding:10px 25px;
	position:relative;
	width:calc(100% - 20px);
}
#other-post .otherpost-ttl:before{
	background:#000;
	content:'';
	display:block;
	height:100%;
	left:-20px;
	position:absolute;
	top:0;
	width:10px;
	z-index:0;
}
/* ----- .blog_itemarea ----- */
#other-post .blog_itemarea .blog-item{
	margin-right:2.6%;
	width:23%;
}
#other-post .blog_itemarea .blog-item:nth-child(4){
	margin:0;
}
/* ----- 記事なし ----- */
#other-post .none{
	text-align:center;
}


/*****************************************************
　archiveページ　
*****************************************************/
.lead{
	margin:0 0 80px;
	text-align:center;
}
.lead p{
	letter-spacing:0.025em;
	line-height:1.4;
}
.lead p br.sp{
	display:none;
}
.blog-contents{
	display:flex;
	justify-content:space-between;
}
/* .blog-contents_inner 
------------------------------------------------- */
.blog-contents_inner{
	max-width:878px;
	width:75%;
}
.blog_itemarea{
	display:flex;
	flex-wrap:wrap;
}
.blog_itemarea .blog-item{
	margin-right:3.5%;
	margin-top:60px;
	max-width:270px;
	width:31%;
}
.blog_itemarea .blog-item:nth-child(3n){
	margin-right:0;
}
.blog_itemarea .blog-item:nth-child(1),
.blog_itemarea .blog-item:nth-child(2),
.blog_itemarea .blog-item:nth-child(3){
	margin-top:0;
}
.blog-item .date,
.blog-item .ttl,
.blog-item .category span{
	letter-spacing:0.025em;
	line-height:1.4;
}
/* ----- 日付 ----- */
.blog-item .date{
	font-size:14px;
	font-size:1.4rem;
	display:block;
	margin:2px 0 0;
}
/* ----- タイトル ----- */
.blog-item .ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin:5px 0 0;
}
.blog-item a .ttl{
	text-decoration:underline;
}
/* ----- カテゴリー ----- */
.blog-item .category{
	margin:3px 0;
}
.blog-item .category span{
	background:#f7f5ed;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	margin:3px 7px 3px 0;
	padding:6px 11px;
}
.blog-item .category span:last-child{
	margin-right:0;
}
/* ----- 執筆者 ----- */
.blog-item .writer{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin:8px 0 0;
}
/* ----- 記事なし ----- */
.blog-contents_inner .none{
	text-align:center;
}
/* サイドバー 
------------------------------------------------- */
.sidebar{
	margin:0 20px 0 0;
	max-width:253px;
	width:22%;
}
.sidebar .sidebar-block + .sidebar-block{
	margin:30px 0 0;
}
.sidebar .sidebar-block .sidebar-ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 15px;
	padding:11px 20px;
}
.sidebar .sidebar-block ul{
	list-style-type:none;
	margin:0 20px;
}
.sidebar .sidebar-block ul li{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
}
.sidebar .sidebar-block ul li + li{
	margin:7px 0 0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　singleページ　
	*****************************************************/
	/* .s-blog-content 
	------------------------------------------------- */
	/* ----- タイトル ----- */
	.s-blog-content .s-ttl{
		border-bottom-width:0.25vw;
		font-size:3.5vw;
		padding:1.5vw 5vw 2.75vw;
	}
	.s-blog-content .s-ttl:before{
		border-left-width:0.75vw;
		height:calc(100% - 2.12vw);
		width:0.75vw;
	}
	/* ----- .head ----- */
	.s-blog-content .s-head{
		display:block;
		margin:2.75vw 0 0;
	}
	/* 日付 */
	.s-blog-content .s-date{
		font-size:3.7vw;
	}
	/* カテゴリー */
	.s-blog-content .s-category span{
		font-size:2.25vw;
		margin-right:0.87vw;
		padding:0.75vw 1.37vw;
	}
	/* ----- 本文 ----- */
	.s-blog-content .s-content{
		margin:3.75vw 0 0;
	}
	/* ----- この記事を書いた人 ----- */
	.s-blog-content .s-writer{
		margin:8.75vw 0 0;
	}
	/* タイトル */
	.s-blog-content .s-writer .writer-ttl{
		border-bottom-width:0.37vw;
		font-size:3.7vw;
		margin:0 0 4.37vw;
		padding:1.37vw 4.37vw;
	}
	/* .writer-item */
	.s-blog-content .s-writer .writer-item{
		display:block;
	}
	.s-blog-content .s-writer .writer-item .img{
		margin:0 auto 3.75vw;
		max-width:none;
		width:40vw;
	}
	.s-blog-content .s-writer .writer-item .img img{
		width:100%;
	}
	.s-blog-content .s-writer .writer-item .txt{
		max-width:none;
		width:auto;
	}
	.s-blog-content .s-writer .writer-item .txt .name{
		border-bottom-width:0.25vw;
		font-size:3.9vw;
		margin:0 0 1.87vw;
		padding:0 1.5vw 1.25vw;
	}
	.s-blog-content .s-writer .writer-item .txt .profile{
		margin:0 1.25vw;
	}
	/* ----- 前後の記事へのリンク ----- */
	.s-blog-content .post-link{
		margin:17.5vw 0 0;
	}
	.s-blog-content .post-link .prev,
	.s-blog-content .post-link .next{
		border-width:0.12vw;
		max-width:33.75vw;
	}
	.s-blog-content .post-link .prev + .next{
		margin:0 0 0 5.62vw
	}
	.s-blog-content .post-link .prev a,
	.s-blog-content .post-link .next a{
		font-size:3.7vw;
		line-height:6.25vw;
	}
	.s-blog-content .post-link .prev span{
		background-size:2.5vw auto;
		padding:0 0 0 3.12vw;
	}
	.s-blog-content .post-link .next span{
		background-size:2.5vw auto;
		padding:0 3.12vw 0 0;
	}
	/* その他の記事を見る 
	------------------------------------------------- */
	#other-post{
		margin:9.37vw 0 0;
	}
	/* ----- タイトル ----- */
	#other-post .otherpost-ttl{
		font-size:3.5vw;
		margin:0 0 6.62vw 2.5vw;
		padding:1.25vw 3.12vw;
		width:calc(100% - 2.5vw);
	}
	#other-post .otherpost-ttl:before{
		left:-2.5vw;
		width:1.25vw;
	}
	/* ----- .blog_itemarea ----- */
	#other-post .blog_itemarea .blog-item{
		margin-right:4vw;
		width:39.5vw;
	}
	#other-post .blog_itemarea .blog-item:nth-child(4){
		margin:5vw 4vw 0;
	}


	/*****************************************************
	　archiveページ　
	*****************************************************/
	.lead{
		margin:0 0 10vw;
	}
	.lead p br.sp{
		display:block;
	}
	.blog-contents{
		display:block;
	}
	/* .blog-contents_inner 
	------------------------------------------------- */
	.blog-contents_inner{
		max-width:none;
		width:auto;
	}
	.blog_itemarea .blog-item{
		margin-left:4vw;
		margin-top:5vw;
		margin-right:4vw;
		max-width:none;
		width:39.5vw;
	}
	.blog_itemarea .blog-item:nth-child(3n){
		margin-right:4vw;
	}
	.blog_itemarea .blog-item:nth-child(2n){
		margin-right:0;
	}
	.blog_itemarea .blog-item:nth-child(3){
		margin-top:5vw;
	}
	/* ----- 日付 ----- */
	.blog-item .date{
		font-size:2.25vw;
		margin:0.25vw 0 0;
	}
	/* ----- タイトル ----- */
	.blog-item .ttl{
		font-size:3.5vw;
		margin:0.62vw 0 0;
	}
	/* ----- カテゴリー ----- */
	.blog-item .category{
		margin:0.37vw 0;
	}
	.blog-item .category span{
		font-size:2.25vw;
		margin:0.37vw 0.87vw 0.37vw 0;
		padding:0.75vw 1.37vw;
	}
	/* ----- カテゴリー ----- */
	.blog-item .writer{
		font-size:2.25vw;
		margin:1vw 0 0;
	}
	/* サイドバー 
	------------------------------------------------- */
	.sidebar{
		margin:17.5vw auto 0;
		max-width:none;
		width:70vw;
	}
	.sidebar .sidebar-block + .sidebar-block{
		margin:3.75vw 0 0;
	}
	.sidebar .sidebar-block .sidebar-ttl{
		border-bottom-width:0.37vw;
		font-size:3.7vw;
		margin:0 0 1.87vw;
		padding:1.37vw 2.5vw;
	}
	.sidebar .sidebar-block ul{
		margin:0 2.5vw;
	}
	.sidebar .sidebar-block ul li{
		font-size:3.7vw;
	}
	.sidebar .sidebar-block ul li + li{
		margin:0.87vw 0 0;
	}
}