@charset "UTF-8";


/*****************************************************
　archiveページ　
*****************************************************/
/* 過去の「の、まど」一覧 
------------------------------------------------- */
.pn-list{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	max-width:1100px;
	width:100%;
}
.pn-list .pn-item{
	margin:0 1.3% 45px 0;
	max-width:262px;
	width:24%;
}
.pn-list .pn-item:nth-child(4n){
	margin:0 0 45px;
}
.pn-item .ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.5;
	margin:12px 0 0;
}
.pn-item .more{
	margin:20px 0 0;
	text-align:right;
}
.pn-item .more a{
	color:#222;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	padding:6px 35px;
	position:relative;
	transition:all 0.4s ease-out;
}
.pn-item .more a:hover{
	background:#222;
	color:#fff;
	opacity:1;
}
.pn-item .more a:before,
.pn-item .more a:after{
	background:#bbb;
	content:'';
	height:2px;
	transition:all 0.4s ease-out;
	position:absolute;
	width:100%;
}
.pn-item .more a:before{
	top:0;
	right:0;
}
.pn-item .more a:after{
	bottom:0;
	left:0;
}
.pn-item .more a:hover:before,
.pn-item .more a:hover:after{
	transition:all 0.6s ease-out;
	width:0;
}
/* ----- 記事なし ----- */
.none{
	margin:50px 0;
	text-align:center;
}
/* ----- ページャー ----- */
.wp-pagenavi{
	margin-bottom:0;
}


/*****************************************************
　singleページ　
*****************************************************/
/* 過去の「の、まど」詳細ページ 
------------------------------------------------- */
/* ----- タイトル ----- */
.s-past_nomado-content .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;
	margin:30px 0 20px;
	padding:8px 40px 25px;
	position:relative;
}
.s-past_nomado-content .ttl:before{
	border-left:6px solid #000;
	content:'';
	display:block;
	height:calc(100% - 16px);
	left:0;
	position:absolute;
	top:0;
	width:10px;
	z-index:0;
}
/* ----- 日付 ----- */
.s-past_nomado-content .date{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 40px 35px;
}
/* ----- 本文 ----- */
.s-past_nomado-content .content{
	margin:0 40px 95px;
}
.s-past_nomado-content .content p{
	letter-spacing:0.025em;
	line-height:1.7;
}
.s-past_nomado-content .content p + p{
	margin:1.5em 0 0;
}
/* ----- 戻るボタン ----- */
.s-past_nomado-content .large-btn{
	font-size:20px;
	font-size:2.0rem;
	max-width:620px;
}
.s-past_nomado-content .large-btn a{
	padding:29px 0;
	text-decoration:none;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　archiveページ　
	*****************************************************/
	/* 過去の「の、まど」一覧 
	------------------------------------------------- */
	.pn-list .pn-item{
		margin:0 4% 5.6vw 0;
		max-width:none;
		width:48%;
	}
	.pn-list .pn-item:nth-child(4n),
	.pn-list .pn-item:nth-child(even){
		margin:0 0 5.6vw;
	}
	.pn-list .pn-item .thumb img{
		width:100%;
	}
	.pn-item .ttl{
		font-size:3.5vw;
		margin:1.5vw 0 0;
	}
	.pn-item .more{
		margin:2.5vw 0 0;
	}
	.pn-item .more a{
		font-size:3vw;
		padding:0.75vw 4.37vw;
	}
	.pn-item .more a:before,
	.pn-item .more a:after{
		height:0.25vw;
	}
	/* ----- 記事なし ----- */
	.none{
		margin:6.25vw 0;
	}


	/*****************************************************
	　singleページ　
	*****************************************************/
	/* 過去の「の、まど」詳細ページ 
	------------------------------------------------- */
	/* ----- タイトル ----- */
	.s-past_nomado-content .ttl{
		border-bottom-width:0.25vw;
		font-size:3.5vw;
		margin:3.75vw 0 2.5vw;
		padding:1vw 5vw 3.12vw;
	}
	.s-past_nomado-content .ttl:before{
		height:calc(100% - 2vw);
	}
	/* ----- 日付 ----- */
	.s-past_nomado-content .date{
		font-size:3.6vw;
		margin:0 5vw 4.37vw;
	}
	/* ----- 本文 ----- */
	.s-past_nomado-content .content{
		margin:0 5vw 11.87vw;
	}
	/* ----- 戻るボタン ----- */
	.s-past_nomado-content .large-btn{
		font-size:3.5vw;
		max-width:70vw;
	}
	.s-past_nomado-content .large-btn a{
		padding:3.62vw 0;
	}
}