@charset "utf-8";

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

	section{
		padding: 0 0 7.5rem 0;
		font-size: 0.9375rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
		}
		section#mainVisual{
			padding: 0;
		}

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

	section h3{
		padding: 0 0 0.9rem 0;
		margin: 0 0 3.75rem 0;
		position: relative;
		letter-spacing: 0.03em;
		font-size: 1.625rem;
	}
	section h3::after{
		content: '';
		display: block;
		width: 2rem;
		height: 2px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}

	section .comment{
		font-size: 0.8125rem;
	}



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

	#mainVisual{
	}

	#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.border>div{
			border: 2px solid #222222;
			box-sizing: border-box;
		}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -2.5%;
		width: 105%;
	}

	#mainVisual h2{
		margin: 4rem 0 5rem 0;
		padding: 0 0 3.5rem 0;
		border-bottom: 2px solid #222222;
	}
	#mainVisual h2 p.posting{
		font-size: 0;
		margin: 0 0 0.8rem 0;
		line-height: 1;
	}
	#mainVisual h2 p.posting span{
		display: inline-block;
		vertical-align: top;
		font-size: 0.9rem;
		letter-spacing: 0.03rem;
	}
	#mainVisual h2 p.posting span:nth-of-type(2)::before{
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 1px;
		height: 0.9rem;
		background-color: #222222;
		margin: 0 0.9rem;
	}

	#mainVisual h2 p.name{
		font-size: 2rem;
		line-height: 1.15;
		letter-spacing: 0.04rem;
	}

	#mainVisual h2 ul.type{
		font-size: 0;
		margin: 0.5rem 0 0 0;
	}
	#mainVisual h2 ul.type li{
		font-size: 0.9rem;
		letter-spacing: 0.03rem;
		display: inline-block;
		vertical-align: top;
	}
	#mainVisual h2 ul.type li:nth-of-type(n+2){
		margin: 0 0 0 0.9rem;
	}


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

	#introduction{
	}

	#introduction p.lead{
		font-size: 1.25rem;
		line-height: 1.5;
		letter-spacing: 0.03rem;
		margin: 0 0 1.8rem 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* サポート
	*
	* ----------------------------------------------------------------------------------------- */

	#support{
	}

	#support dl{
		margin: 3.75rem 0 0 0;
		padding: 0 0 0 16%;
		position: relative;
	}
	#support dl::before{
		content: '';
		display: block;
		position: absolute;
		top: 0; bottom: 0;
		margin: auto;
		}
		#support dl:nth-of-type(1)::before{
			width: 7.5%;
			left: 2%;
 			background-image: url(../img/artfair/pict_concierge.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#support dl:nth-of-type(2)::before{
			width: 12%;
			left: 0;
 			background-image: url(../img/artfair/pict_off.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#support dl:nth-of-type(3)::before{
			width: 10%;
			left: 0;
			background-image: url(../img/artfair/pict_delivery.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}

	#support dl dt{
		font-size: 1.25rem;
		line-height: 1.3;
		margin: 0 0 1.875rem 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 3つのエリア
	*
	* ----------------------------------------------------------------------------------------- */

	#threeArea{
	}

	#threeArea dl{
		margin: 3.75rem 0 0 0;
	}
	#threeArea dl dt{
		font-size: 1.25rem;
		line-height: 1.3;
		margin: 0 0 1.875rem 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 出展ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#artfairGallery{
	}


	#artfairGallery ul{
		font-size: 0;
	}

	#artfairGallery ul li{
		display: inline-block;
		vertical-align: top;
		width: 43.5%;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		}
		#artfairGallery ul li:nth-of-type(n+2){
			margin: 0 0 0 12%;
		}
		#artfairGallery ul li:nth-of-type(n+3){
			margin-top: 4rem;
		}
		#artfairGallery ul li:nth-of-type(2n+1){
			margin-left: 0;
		}
		#artfairGallery ul li:nth-of-type(even){
			-webkit-transition-delay: 0.3s;transition-delay: 0.3s;
		}

	#artfairGallery ul li p.caption{
		margin: 0.5rem 0 0 0;
		font-size: 0.8125rem;
		letter-spacing: 0.03rem;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* コンテンツ
	*
	* ----------------------------------------------------------------------------------------- */

	#contents{
	}

	#contents>dl{
		margin: 3.75rem 0 0 0;
	}
	#contents>dl>dt{
		font-size: 1.25rem;
		line-height: 1.3;
		margin: 0 0 1.875rem 0;
	}

	#contents>dl>dd{
	}

	#contents>dl>dd p{
		}
		#contents>dl>dd p:nth-of-type(n+2){
			margin: 0.8rem 0 0 0;
		}

	#contents>dl>dd dl.profile{
		margin: 1.5rem 0 0 0;
	}
	#contents>dl>dd dl.profile dd{
		margin: 0.5rem 0 0 0;
		font-size: 0.8125rem;
		line-height: 1.8;
		letter-spacing: 0.03rem;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* 開催概要
	*
	* ----------------------------------------------------------------------------------------- */

	#about{
	}

	#about ul{
		margin: 0 0 1.875rem 0;
	}
	#about ul li{
		}
		#about ul li:nth-of-type(n+2){
			margin: 0.9rem 0 0 0;
		}

	#about ul li dl{
		font-size: 0;
		letter-spacing: 0;
	}
	#about ul li dl dt{
		display: inline-block;
		vertical-align: top;
		width: 20%;
		font-size: 0.9375rem;
		letter-spacing: 0.03rem;
	}
	#about ul li dl dd{
		display: inline-block;
		vertical-align: top;
		width: 80%;
		font-size: 0.9375rem;
		letter-spacing: 0.03rem;
	}

	#about p.comment{
		/*font-size: 0.8125rem;*/
	}




	/* -------------------------------------------------------------------------------------------
	*
	* ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#gallery>div.inner>ul>li:nth-of-type(n+5){
		display: none;
	}

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

	section{
		width: 74vw;
		margin: 0 auto;
		}
		section#mainVisual{
			width: 100vw;
		}

	section{
		padding: 0 0 20vw 0;
		font-size: 3.74vw;
		line-height: 1.8;
		letter-spacing: 0.3vw;
		}
		section#mainVisual{
			padding: 0;
		}

	section a{
		text-decoration: underline;
	}
	section#gallery a,
	section p.btn a{
		text-decoration: none;
	}
	section p.btn{
		margin: 5.34vw 0 0 0;
	}
	section p.btn a{
		display: inline-block;
		vertical-align: top;
		text-align: center;
		font-size: 4vw;
		padding: 4vw 0;
		width: 100%;
		border: 2px solid #222222;
		border-radius: 2.15vw;
		}
		section p.btn.invalid a{
			border: 2px solid #aaaaaa;
			color: #aaaaaa;
		}

	section h3{
		padding: 0 0 3vw 0;
		margin: 0 0 12.5vw 0;
		position: relative;
		letter-spacing: 0.3vw;
		font-size: 5.34vw;
	}
	section h3::after{
		content: '';
		display: block;
		width: 7.47vw;
		height: 2px;
		background-color: #222222;
		position: absolute;
		bottom: 0; left: 0;
	}

	section .comment{
		font-size: 3.2vw;
	}


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

	#mainVisual{
	}

	#mainVisual div.parallax{
		position: relative;
	}
	#mainVisual div.parallax>div{
		overflow: hidden;
		position: relative;
		min-height: 100vw;
		width: 100%;
		}
		#mainVisual div.parallax>div{
			box-sizing: border-box;
			border-style: solid;
			border-color: #222222;
			border-width: 2px 0;
		}
	#mainVisual div.parallax>div img{
		position: absolute;
		top: 0; left: -5vw;
		width: 110vw;
	}

	#mainVisual h2{
		width: 74vw;
		margin: 15vw auto 12vw auto;
		padding: 0 0 6vw 0;
		border-bottom: 2px solid #222222;
	}
	#mainVisual h2 p.posting{
		font-size: 0;
		margin: 0 0 2vw 0;
		line-height: 1;
	}
	#mainVisual h2 p.posting span{
		display: inline-block;
		vertical-align: top;
		font-size: 3vw;
		letter-spacing: 0.03rem;
		}
		body.iPhone #mainVisual h2 p.posting span{
			letter-spacing: 0;
		}
	#mainVisual h2 p.posting span:nth-of-type(2)::before{
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 1px;
		height: 3vw;
		background-color: #222222;
		margin: 0 2vw;
	}

	#mainVisual h2 p.effort{
		font-size: 5.6vw;
		padding: 1.6vw 0 0.8vw 0;
		line-height: 1;
		letter-spacing: 0.2vw;
		}
		body.iPhone #mainVisual h2 p.effort{
			letter-spacing: 0;
		}

	#mainVisual h2 p.name{
		font-size: 5.6vw;
		line-height: 1.2;
		letter-spacing: 0.2vw;
		}
		body.iPhone #mainVisual h2 p.name{
			letter-spacing: 0;
		}

	#mainVisual h2 ul.type{
		font-size: 0;
		margin: 2vw 0 0 0;
	}
	#mainVisual h2 ul.type li{
		font-size: 3vw;
		letter-spacing: 0.2vw;
		display: inline-block;
		vertical-align: top;
		}
		body.iPhone #mainVisual h2 ul.type li{
			letter-spacing: 0;
		}

	#mainVisual h2 ul.type li:nth-of-type(n+2){
		margin: 0 2vw;
	}


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

	#introduction{
	}

	#introduction p.lead{
		font-size: 4.27vw;
		line-height: 1.5;
		letter-spacing: 0.3vw;
		margin: 0 0 6vw 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* サポート
	*
	* ----------------------------------------------------------------------------------------- */

	#support{
	}

	#support dl{
		margin: 12vw 0 0 0;
	}
	#support dl::before{
		content: '';
		display: block;
		margin: 0 auto;
		}
		#support dl:nth-of-type(1)::before{
			width: 14vw;
			height: 19vw;
 			background-image: url(../img/artfair/pict_concierge.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#support dl:nth-of-type(2)::before{
			width: 25vw;
			height: 18vw;
 			background-image: url(../img/artfair/pict_off.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}
		#support dl:nth-of-type(3)::before{
			width: 19vw;
			height: 18vw;
			background-image: url(../img/artfair/pict_delivery.svg);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto;
		}

	#support dl dt{
		font-size: 4.27vw;
		line-height: 1.3;
		margin: 5vw 0;
		text-align: center;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 3つのエリア
	*
	* ----------------------------------------------------------------------------------------- */

	#threeArea{
	}

	#threeArea dl{
		margin: 12vw 0 0 0;
	}
	#threeArea dl dt{
		font-size: 4.27vw;
		line-height: 1.3;
		margin: 0 0 5vw 0;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* 出展ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#artfairGallery ul{
	}
	#artfairGallery ul li{
		display: inline-block;
		vertical-align: top;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		}
		#artfairGallery ul li:nth-of-type(n+2){
			margin-top: 10vw;
		}

	#artfairGallery ul li p.caption{
		margin: 1vw 0 0 0;
	}

	/* -------------------------------------------------------------------------------------------
	*
	* コンテンツ
	*
	* ----------------------------------------------------------------------------------------- */

	#contents{
	}

	#contents>dl{
		margin: 12vw 0 0 0;
	}
	#contents>dl>dt{
		font-size: 4.27vw;
		line-height: 1.3;
		margin: 0 0 5vw 0;
	}

	#contents>dl>dd p{
		}
		#contents>dl>dd p:nth-of-type(n+2){
			margin: 3vw 0 0 0;
		}

	#contents>dl>dd dl.profile{
		margin: 6vw 0 0 0;
	}
	#contents>dl>dd dl.profile dd{
		margin: 2vw 0 0 0;
		font-size: 3.2vw;
		letter-spacing: 0.2vw;
		line-height: 1.8;
	}



	/* -------------------------------------------------------------------------------------------
	*
	* 開催概要
	*
	* ----------------------------------------------------------------------------------------- */

	#about{
	}

	#about ul{
		margin: 0 0 4vw 0;
	}
	#about ul li{
		}
		#about ul li:nth-of-type(n+2){
			margin: 4vw 0 0 0;
		}

	#about ul li dl{
	}
	#about ul li dl dt{
		margin: 0 0 0.3vw 0;
	}
	#about ul li dl dd{
	}


	/* -------------------------------------------------------------------------------------------
	*
	* ギャラリー
	*
	* ----------------------------------------------------------------------------------------- */

	#gallery>div.inner>ul>li:nth-of-type(n+5){
		display: none;
	}


}