﻿body#exhibit{background-image:none;}
#exhibit .main.top{padding-top:0;}
#exhibit .main{max-width:1000px;margin:0 auto;width:96%;}
#exhibit .header .wrap h1 {
    position: relative;
    margin: 0 auto;
	width: 410px;
	height: auto;
}
#exhibit .header .wrap h2{
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	background:#333;
	color:#FFF;
	width:404px;
	padding:5px 0 7px;
	line-height:1em;
	text-align:center;
	margin:5px auto 0;
	font-size: 28px;
	font-weight: normal;
	}

#exhibit .header {padding:15px;height:auto;}
#exhibit .indent{padding-left:1em;text-indent:-1em;}
#exhibit .day_border h1{
	border:3px #ff8e00 solid;
	padding:5px;
	color:#900;
	text-align:center;
	font-size:40px;
	margin-bottom:10px;
	background:#FFF;
	}

#exhibit .club{margin-top:40px;}
#exhibit .club strong {border: 2px #ff8e00 solid;width: 47%;}
#exhibit .club strong ~ strong {margin-left: 6%;}


#exhibit .list li {
	list-style:disc;
	list-style-position:outside;
	margin-left: 1em;
}

.media p{display:none;}
.media:after {
  display: block;
  clear: both;
  content: "";
}
.media figure{
	float:left;
	width:24%;
	margin:0 1% 1% 0;
	height: 44vw;
  overflow: hidden;
  max-height: 240px;

}
.media figure img{display:block;width:100%;height:auto;}
.media figure:nth-child(4n){
	margin:0 0 1%;
}

.media figure a{pointer-events: none;}

@media only screen and (max-width: 640px) and (min-width: 300px){
#exhibit .header {position: relative;}	
#exhibit .header .wrap h1 {bottom:0;width: 300px;}
#exhibit .header .wrap h2{
	max-width:304px;
	font-size: 21px;
	marign:2px auto 0;
	}
#exhibit .day_border h1{font-size:40px;line-height:1.2em;}
#exhibit .main.top section:first-of-type {margin-top: 20px;}
#exhibit section ~ section {margin-top: 30px;}

#exhibit .club strong {border: 2px #ff8e00 solid;width: 100%;}
#exhibit .club strong ~ strong {margin-left: 0%;}

.media figure{
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.media figure img{display:block;width:100%;height:auto;}
.media figure:nth-child(2n){
	margin:0 0 2%;
}

	}

@media only screen and (max-width: 400px) {
#exhibit .header .wrap h2{font-size: 4.5vw;	}
#exhibit .day_border h1{font-size:4.5vw;}
#exhibit .day_border p{font-size:3.5vw;}


}

