@charset "UTF-8";


/*****************************************************
　プロジェクト「の、まど」　
*****************************************************/
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:50px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner *{
	letter-spacing:0.025em;
	line-height:1.8;
}
.block_inner a{
	color:#d15e5e;
}
/* ----- .box ----- */
.box + .box{
	margin:30px 0 0;
}
.box .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 20px;
	padding:11px 28px;
}
.box .box_inner{
	margin:0 35px;
}
/* メインビジュアル 
------------------------------------------------- */
.main-visual{
	margin:35px 0 0;
}
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 0 0;
}
.anchor-link span + span:before{
	content:'/';
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
	margin:0 1em;
}
/* プロジェクト「の、まど」について 
------------------------------------------------- */
.about-nomado_txt{
	margin:0 0 30px;
}
.nomado-logo{
	margin:40px 0 30px;
	text-align:center;
}
.nomado-logo_designer{
	text-align:right;
}
/* 今年度の「の、まど」 
------------------------------------------------- */
#thisyear-nomado .none{
	text-align:center;
}
.thisyear-nomado_txt{
	margin:0 0 30px;
}
#thisyear-nomado .acc-ttl{
	cursor:pointer;
	padding-right:70px;
	position:relative;
}
#thisyear-nomado .acc-ttl:after{
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:8px solid #040404;
	content:'';
	display:block;
	position:absolute;
	right:40px;
	top:50%;
	transform:translate(0,-50%);
	z-index:0;
}
#thisyear-nomado .box.open .acc-ttl:after{
	border-bottom:8px solid #040404;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:8px solid transparent;
}
/* 過去の「の、まど」 
------------------------------------------------- */
.pn-list{
	display:flex;
	flex-wrap:wrap;
}
.pn-list .pn-item{
	margin:0 1% 30px 0;
	max-width:262px;
	width:24%;
}
.pn-list .pn-item:nth-child(4n){
	margin:0 0 30px;
}
.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;
}
/* ----- 記事なし ----- */
#past-nomado .none{
	text-align:center;
}
/* ----- もっと見るボタン ----- */
#past-nomado .more.small-btn{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.05em;
	margin:25px auto 0;
	max-width:455px;
}
#past-nomado .more.small-btn a{
	color:inherit;
	padding:15px 0;
}
#past-nomado .more.small-btn a:before{
	display:none;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　プロジェクト「の、まど」　
	*****************************************************/
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:6.25vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:7.5vw 0 0;
	}
	.box .ttl{
		border-bottom-width:0.37vw;
		font-size:3.6vw;
		margin:0 0 3.12vw;
		padding:1.37vw 3.5vw;
	}
	.box .box_inner{
		margin:0 4.37vw;
	}
	/* メインビジュアル 
	------------------------------------------------- */
	.main-visual{
		margin:4.37vw 0 0;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:4.37vw 0 0;
	}
	.anchor-link span + span:before,
	.anchor-link a{
		font-size:3vw;
	}
	/* プロジェクト「の、まど」について 
	------------------------------------------------- */
	.about-nomado_txt{
		margin:0 0 3.75vw;
	}
	.nomado-logo{
		margin:5vw 0 3.75vw;
	}
	.nomado-logo img{
		width:30vw;
	}
	/* 今年度の「の、まど」 
	------------------------------------------------- */
	.thisyear-nomado_txt{
		margin:0 0 3.75vw;
	}
	#thisyear-nomado .acc-ttl{
		padding-right:8.75vw;
	}
	#thisyear-nomado .acc-ttl:after{
		border-left:0.87vw solid transparent;
		border-right:0.87vw solid transparent;
		border-top:1vw solid #040404;
		right:5vw;
	}
	#thisyear-nomado .box.open .acc-ttl:after{
		border-bottom:1vw solid #040404;
		border-left:0.87vw solid transparent;
		border-right:0.87vw solid transparent;
		border-top:1vw solid transparent;
	}
	/* 過去の「の、まど」 
	------------------------------------------------- */
	.pn-list .pn-item{
		margin:0 4% 3.75vw 0;
		max-width:none;
		width:48%;
	}
	.pn-list .pn-item:nth-child(4n),
	.pn-list .pn-item:nth-child(even){
		margin:0 0 3.75vw;
	}
	.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;
	}
	/* ----- もっと見るボタン ----- */
	#past-nomado .more.small-btn{
		font-size:3.5vw;
		margin:3.12vw auto 0;
		max-width:70vw;
	}
	#past-nomado .more.small-btn a{
		padding:1.87vw 0;
	}
}