@charset "UTF-8";
/* CSS Document */


h1.title_pastexhibitions {
	font-size: 38px;
	font-weight: 400;
	color: #777;
	padding-top: 70px;
	padding-bottom: 80px;
	letter-spacing: 0.3px;
}

.pastexhibitions {
	margin-left: 6%;
	margin-right: 6%;
}

.past_ex {
	margin-top: 50px;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.8;
	padding-left: 8%;
	padding-right: 8%;
}

.yt{
	font-size: 14px;
	letter-spacing: 0.5px;
}


/*
.sytph{
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.3px;
	margin-top: 10px;
}

.sy{
	text-align: right;
	font-weight: 300;
	letter-spacing: 0.4px;
	font-size: 14px;
	line-height: 1.6;
	display: inline;
}

.tph{
	text-align: right;
	letter-spacing: 0.3px;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	display: inline;
}*/

.past{
 	maring-left: 0px;
	margin-right: 0px;
	margin-bottom: 80px;
}

.item-list-past{
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 340px);
	column-gap: 20px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}


.box{
	height: 365px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
	padding-top: 6%;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: 6%;

}

.pastex_photo{
	text-align: center;
}

.pastex_genre{
	font-size: 12px;
	margin-left: 6px;
	margin-top: 30px;
	letter-spacing: 0.8px;
}

.pastex_period{
	font-size: 12px;
	font-weight: 300;
	margin-top: 25px;
	margin-left: 10px;
	letter-spacing: 0.8px;
}

.pastex_artist{
	font-size: 15px;
	font-weight: 500;
	margin-top: 15px;
	margin-left: 10px;
	line-height: 1.8;
	letter-spacing: 0.3px;
}				

.pastex_title{
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
	line-height: 1.4;
	letter-spacing: 0.2px;
}


/********************************************************/


/*  　それぞれの過去の展覧会詳細*/

.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 60%;
	left: 75%;
}

.pastexhibition{
	font-size: 17px;
	letter-spacing: 0.3px;
	font-weight: 400;
	color: #777;
	margin-bottom: 20px;
	margin-left: 0px;
}

.pastexhibition_white{
	font-size: 17px;
	letter-spacing: 0.3px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
	margin-left: 0px;
}

h1.past{
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 11px;
}


h2.past2 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 25px;
	margin-left: 10px;
	line-height: 1.5em;
}


.introduction .period{
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 60px;
	letter-spacing: 0.8px;
	margin-left: 10px;
}




@media (max-width: 1280px) {

.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 60%;
	left: 74%;
}
}

@media (orientation: landscape) and (max-width: 1280px){
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 53%;
	left: 74%;
}	
}

@media (max-width: 1000px) {
		
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 60%;
	left: 7%;
}

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 300px);
	column-gap: 30px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
}

@media (orientation: landscape) and (max-width: 1000px){
	
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 53%;
	left: 7%;
}
	

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 300px);
	column-gap: 30px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
	
}

@media (min-width:480px) and (max-width: 768px) {
	
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 60%;
	left: 7%;
}
	

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 280px);
	column-gap: 25px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
	
}

@media (orientation: landscape) and (max-width: 768px){
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 53%;
	left: 7%;
}	
	

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 280px);
	column-gap: 25px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
}

@media (max-width: 479px) {
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 58%;
	left: 7%;
}


.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 320px);
	column-gap: 25px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
}

@media (orientation: landscape) and (max-width: 479px){
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 53%;
	left: 7%;
}	
	

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 320px);
	column-gap: 25px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
	
}

@media (orientation: landscape) and (max-width: 390px){
.past-exhibition-detail {
	position: absolute;
	z-index: 4;
	top: 53%;
	left: 7%;
}	

.item-list-past{
	margin-top:75px;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, 300px);
	column-gap: 25px;
	grid-row-gap: 30px;
	justify-content:center; 
	/*justify-content:flex-start;*/
}
}