@charset "UTF-8";



/*----------------------------------------------------------------------------*/

#selector {
	width: 650px;
	background: #FFF url('/img/exhibition/separator.jpg') left top no-repeat;
	padding: 0 0 0 1px;
}

#selector li {
	background: url('/img/exhibition/separator.jpg') right top no-repeat;
	padding: 0 1px 0 0;
}

/* greeting----------------------------------------------------------------------------*/

#greeting{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.greeting_p1{
	font-size: 20px;
	padding-bottom: 30px;
	line-height: 180%;
}
.greeting_p2{
	font-size: 20px;
	padding-bottom: 30px;
	line-height: 180%;
}
.greeting_p3{
	text-align: right;
	font-size: 18px;
	line-height: 180%;
	padding-top: 30px;
	clear: both;
}
.greeting_p4{
	font-size: 16px;
	line-height: 180%;
	padding-top: 10px;
	text-align: left;
	width: 100%;
}
.greeting_p5{
	font-size: 20px;
	padding-bottom: 30px;
	line-height: 180%;
	padding-top: 15px;
	clear: both;
}
.greeting_l{

}
.greeting_r{
	float: right;
	margin-left: 10%;
	width: 214px;
	vertical-align: middle;
	margin-bottom: 5%;
}
.greeting_c{
	width: 780px;
	vertical-align: middle;
	margin:0 auto;
  margin-bottom:50px;
}

/* outline----------------------------------------------------------------------------*/

#outline{
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}
.outline_p1{
	font-size: 20px;
	line-height: 200%;
	margin-bottom: 40px;
}
.outline_l{
	
}
.outline_r{
	width:60%;
	margin:0 auto 60px;
}
.outline_r img{
	width:100%;
	height:auto;
}

/* idea----------------------------------------------------------------------------*/

#idea{
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}
#idea p{
	font-size: 20px;
}
.idea_1{
	margin-bottom: 60px;
	line-height: 180%;
}
#idea h4{;
	font-size: 20px;
	font-weight: 400;
	border-bottom: 1px solid #D6D4CC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 1.4;
}

/* history----------------------------------------------------------------------------*/

#history{
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}

#history table{
	width: 100%;
}

#history table td{
	line-height: 160%;
}


#history table tr:first-of-type{
	border-bottom: 1px solid #000;
}
#history table tr:first-of-type td:nth-of-type(1){
	font-size: 16px;
	font-weight: 500;
}

#history table tr:nth-of-type(n+2){
	border-bottom: 1px dotted #333;
}
#history table tr:nth-of-type(n+2) td{
	font-size: 18px;
}

#history table tr:last-of-type{
	border-bottom: 1px solid #000;
}


.history_tr1{
	border-bottom: 1px solid #9C0067;
	padding-bottom: 10px;
}
.history_tr2{
	border-bottom: 1px dotted #9C0067;
	padding-bottom: 10px;
}

.history_td1_h1{
	width: 25%;
	padding-left: 12px;
	padding-bottom: 10px;
	font-size: 16px;
}

.history_td1_h2{
	width: 7%;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: right;
}

.history_td1_h3{
	width: 11%;
	padding-bottom: 10px;
	font-size: 16px;
}

.history_td1_h4{
	width: 57%;
	padding-bottom: 10px;
	font-size: 16px;
}

.history_td1_1{
	padding-left: 12px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.history_td1_2{
	text-align: right;
	padding-top: 25px;
	padding-bottom: 25px;
}

.history_td1_3{
	width: 11%;
}

.history_td1_4{
	width: 57%;
	padding-top: 25px;
	padding-bottom: 25px;
}



/* nakanoshima----------------------------------------------------------------------------*/

#nakanoshima{
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}
.nakanoshima_p1{
	font-size: 20px;
	line-height: 200%;
}
.nakanoshima_box{
	float: left;
	width: calc(29.3%);
	margin:40px 2% 0 !important;
	text-align: center;
}
.nakanoshima_box img{
	margin-bottom: 20px;
	max-width: 280px;
	width:100%;
	height: auto;
}
.nakanoshima_box h3{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	padding-bottom: 15px;
	text-align: left;
}
.nakanoshima_box p{
	font-size: 16px;
	line-height: 180%;
	text-align: left;
}



/* donation----------------------------------------------------------------------------*/

#donation{
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}

#donation h3{
	font-size: 30px;
	margin-bottom: 20px;
}
#donation h4{
	margin:60px 0 40px;
	padding:20px;
	font-size: 20px;
	background:#EEE;
}
#donation h4::before{
	content:"■";
}
#donation h5{
	margin:40px 0 20px;
	font-size: 20px;
	font-weight: 500;
}

#donation p{
	margin:30px 0;
	font-size: 20px;
	line-height: 200%;
}
#donation p em{
	font-weight:inherit;
	text-decoration: underline;
}

#donation ol{
	margin-top:30px;
}
#donation ol li{
	margin-top:20px;
	list-style-type: decimal;
	font-size: 20px;
	margin-left: 30px;
	line-height: 1.6;
}

#donation aside{
	margin-top:80px;
	padding:45px;
	font-size: 20px;
	line-height: 1.6;
	background:#EEE;
}



/* SP */
@media screen and (max-width: 768px) {

	.greeting_r {
	    float: none;
	    margin: 0 auto 60px;
	    width: 70%;
	}
	.greeting_r img{
	    width:100%;
	    height: auto;
	}
	.greeting_c{
		width: 100%;
		vertical-align: middle;
		margin:0 auto;
  	margin-bottom:50px;
	}

	.outline_r {
	    width: 100%;
	    margin: 0 auto 60px;
	}

	#history table tr:nth-of-type(1) td {
		display: none;
	}
	#history table tr:nth-of-type(2){
		border-top: 1px solid #000;
	}
	#history table tr:nth-of-type(n+2) td {
	    font-size: 18px;
	    display: block;
	    width: calc( 90vw - 20px );
	    padding:10px;
	}
	#history table tr:nth-of-type(n+2) td:first-of-type {
		padding-top:30px;
		font-size: 20px;
	    font-weight: 500;
	}
	#history table tr:nth-of-type(n+2) td:first-of-type:empty {
		/* display: none; */
	}
	#history table tr:nth-of-type(n+2) td:nth-of-type(3) {
	    display: none;
	    font-weight: 500;
	}
	#history table tr:nth-of-type(n+2) td:last-of-type {
		padding-bottom:30px;
		color: #444;
	}


	.nakanoshima_box {
	    float: none;
	    width: 90%;
	    margin: 45px 5% 0 !important;
	}

   
}