@charset "utf-8";

@media screen and (min-width : 960px){


	/* -------------------------------------------------------------------------------------------
	*
	* メインビジュアル
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
	}


	#mainVisual h2{
		margin: 4.4rem 0 6rem 0;
		padding: 0 0 0.9rem 0;
		position: relative;
		letter-spacing: 0.03em;
		font-size: 1.5rem;
	}
	#mainVisual h2::after{
		content: '';
		display: block;
		width: 2rem;
		height: 3px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}


	#mainVisual div{
		overflow: hidden;
		border-radius: 1.2%;
		}
		#mainVisual div.border{
			border: 2px solid #222222;
		}

/*
	#mainVisual div.parallax{
		position: relative;
	}
	#mainVisual div.parallax>div{
		overflow: hidden;
		position: relative;
		height: 60vw;
		max-height: 790px;
		width: 100%;
		border-radius: 1.2%;
		}
		#mainVisual div.parallax>div.border{
			border: 1px solid #cccccc;
		}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -2.5%;
		width: 105%;
	}
*/


	/* -------------------------------------------------------------------------------------------
	*
	* 紹介
	*
	* ----------------------------------------------------------------------------------------- */

	#introduction{
		margin: 3.25rem 0 0 0;
	}

	#introduction p.text{
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
	}

	#introduction a{
		text-decoration: underline;
		}
		#introduction a:hover{
			text-decoration: none;
			-webkit-transition: .1s linear;
			transition: .1s linear;
		}




	/* -------------------------------------------------------------------------------------------
	*
	* 一覧
	*
	* ----------------------------------------------------------------------------------------- */

	#archive{
		margin: 5.5rem 0 0 0;
	}

	#archive h3{
		font-size: 1.125rem;
		line-height: 1;
		margin: 0 0 2.5rem 0;
	}

	#archive ul{
		font-size: 0;
	}

	#archive ul li{
		display: inline-block;
		vertical-align: top;
		width: 30%;
		padding: 1.25rem 0;
		box-sizing: border-box;
		border-bottom: 2px solid #222222;
		}
		#archive ul li:nth-of-type(n+2){
			margin: 0 0 0 4%;
		}
		#archive ul li:nth-of-type(3n+1){
			margin-left: 0;
		}
		#archive ul li:nth-of-type(-n+3){
			border-top: 2px solid #222222;
		}

	#archive ul li p.thumbnail{
		display: inline-block;
		vertical-align: middle;
		width: 33%;
		border-radius: 0.25rem;
		overflow: hidden;
	}

	#archive ul li div.unity{
		display: inline-block;
		vertical-align: middle;
		width: 58%;
		margin: 0 0 0 8.5%;
	}

	#archive ul li div.unity p{
		letter-spacing: 0.01rem;
		color: #888888;
	}
	#archive ul li div.unity p a{
		text-decoration: underline;
		color: #222222;
		}
		#archive ul li div.unity p a:hover{
			color: #aaaaaa;
			-webkit-transition: color .1s linear;
			transition: color .1s linear;
		}

	#archive ul li div.unity p.year{
        font-size: 1.2rem;
		color: #222222;
	}
	#archive ul li div.unity p.point{
		font-size: 0.875rem;
		margin: 0 0 0.3125rem 0;
		color: #222222;
	}
	#archive ul li div.unity p.exhibition{
		font-size: 0.875rem;
		color: #888888;
	}
	#archive ul li div.unity p.exhibition a{
		/*color: #222222;*/
	}





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

	/* -------------------------------------------------------------------------------------------
	*
	* メインビジュアル
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
		margin: 0 0 12vw 0;
	}

	#mainVisual h2{
		padding: 0 0 3vw 0;
		margin: 25vw auto 13.4vw auto;
		position: relative;
		width: 74vw;
		letter-spacing: 0.03em;
		font-size: 5vw;
	}
	#mainVisual h2::after{
		content: '';
		display: block;
		width: 5.4vw;
		height: 3px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}

	#mainVisual div{
		/*position: relative;*/
		width: 74vw;
		margin: 0 auto;
		border-radius: 4%;
		overflow: hidden;
		}
		#mainVisual div.border{
			border: 2px solid #222222;
		}


/*
	#mainVisual div.parallax>div{
		overflow: hidden;
		position: relative;
		min-height: 100vw;
		width: 100%;
	}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -5vw;
		width: 110vw;
	}
*/



	/* -------------------------------------------------------------------------------------------
	*
	* 紹介
	*
	* ----------------------------------------------------------------------------------------- */

	#introduction{
		width: 74vw;
		margin: 0 auto;
	}

	#introduction p.text{
		font-size: 3.5vw;
		line-height: 1.8;
		letter-spacing: 0.3vw;
	}

	#introduction p.text a{
		text-decoration: underline;
	}




	/* -------------------------------------------------------------------------------------------
	*
	* 一覧
	*
	* ----------------------------------------------------------------------------------------- */

	#archive{
		margin: 14vw auto 0 auto;
		width: 74vw;
	}

	#archive h3{
		font-size: 4vw;
		line-height: 1;
		margin: 0 0 8vw 0;
	}

	#archive ul{
		font-size: 0;
	}

	#archive ul li{
		display: inline-block;
		vertical-align: top;
		width: 46%;
		padding: 6vw 0;
		box-sizing: border-box;
		border-bottom: 2px solid #222222;
		}
		#archive ul li:nth-of-type(even){
			margin: 0 0 0 8%;
		}
		#archive ul li:nth-of-type(-n+2){
			border-top: 2px solid #222222;
		}

	#archive ul li p.thumbnail{
		border-radius: 0.25rem;
		overflow: hidden;
	}

	#archive ul li div.unity{
		margin: 2.5vw 0 0 0;
	}

	#archive ul li div.unity p{
		letter-spacing: 0.1vw;
		color: #888888;
	}
	#archive ul li div.unity p a{
		text-decoration: underline;
	}

	#archive ul li div.unity p.year{
        font-size: 4.4vw;
		color: #222222;
	}
	#archive ul li div.unity p.point{
		display: inline-block;
		vertical-align: bottom;
		font-size: 3.74vw;
		color: #222222;
		width: 50%;
		text-align: left;
	}
	#archive ul li div.unity p.exhibition{
		display: inline-block;
		vertical-align: bottom;
		font-size: 3.74vw;
		color: #888888;
		width: 50%;
		text-align: right;
	}
	#archive ul li div.unity p.exhibition a{
		color: #222222;
	}

}