/*===============================================
	ページスタイル
===============================================*/
body{
	background-color:#FFFFFF;
}

#exhibitionDetail img{
  width: 100%;
  display: block;
}

#exhibitionDetail .container { margin:0; }

#exhibitionDetail .content{
	width:1000px;
	min-width:320px;
	margin:0 auto;
}

#exhibitionDetail .screen-reader-text {
    clip: rect(1px 1px 1px 1px);  /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
	height:1px;
	overflow:hidden;
}


/*関連イベント*/


/*ワークショップ*/
a#ws01 {
    display: block;
    width: 283px;
    height: 38px;
     background-color: #badcd1; 
    /*background-color: #000;*/
    position: absolute;
    bottom: 404px;
    right: 205px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#exhibitionDetail a#ws01:hover{
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    opacity: 0.4;
}

a#event {
    display: block;
    width: 283px;
    height: 38px;
     background-color: #fff; 
    /*background-color: #000;*/
    position: absolute;
    bottom: 135px;
    right: 340px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#exhibitionDetail a#event:hover{
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


#others_link {
    width: 70%;
    margin: 40px auto 0;
}

.cooperation{
font-size: 80%;
width: 91%;
margin: 10px auto 0;
text-align: left;
}

/*主催 他*/
#sponsorship{
	padding: 20px 0;
    background-color: #ffffff;
}
#sponsorship p{
    padding: 5px 0 5px 1em;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    font-size: 110%;
}
#sponsorship .sponsorship_content{
    padding-left: 20px;
}
#sponsorship dl{
	display: flex;
	flex-wrap: nowrap;
}
#sponsorship dl dt,
#sponsorship dl dd{
	display:block;
	box-sizing: border-box;
}
#sponsorship dl dt{
	width: 95px;
}
#sponsorship dl dd{
	width: 820px;
}
#sponsorship dl dt span{
	/*letter-spacing: 2em;*/
	letter-spacing: 2.1em;
}

#exhibitionDetail .video {
  text-align: center;
  background-color: #DCDDDD;
}
#exhibitionDetail .video p {
  padding-bottom: 5px;
  color: #d0121b;
  font-size: 20px;
  font-weight: bold;
}


/*==================================================
	SPのみスタイル
==================================================*/  
@media only screen and (max-width: 768px) {
	
	body{
		background-image:none;
	}
	.container {
		width: auto;
		margin: 0 auto;
	}
	#main .content {
		width:100%;
		margin: 0;
		padding:0;
		text-align:center;
	}

 
/*関連イベント*/
/*ワークショップ*/
a#ws01_sp {
  display: block;
  width: 92%;
  height: 1.45%;
  position: absolute;
  bottom: 9.4%;
  left: 4%;
  /*background-color: #000;*/
  /*opacity: 0.5;*/
}
	
a#event_sp {
  display: block;
  width: 92%;
  height: 1.45%;
  position: absolute;
  bottom: 4.05%;
  left: 4%;
  /*background-color: #000;*/
  /*opacity: 0.5;*/
}

  
/* YouTube */
#Movie{
    padding: 20px 0;
    background-color: #D1EFF3;
}
#Movie ul{
	display: block;
}
#Movie ul li{
	position: relative;
	width: 75%;
	height: 0;
	padding-bottom: calc(56.25% * 0.75);
	margin: 0 auto;
}
#Movie ul li:first-of-type{
	margin: 0 auto 20px;
}
#Movie ul li iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
#others_link {
    width: 90%;
    margin: 30px auto 0;
}
  
  /*a#form{
    display: block;
    width: 90%;
    height: 2%;
    background-color: #ffffff;
    position: absolute;
    left: 5%;
    bottom: 21%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}*/
 
	
/*主催 他*/
#sponsorship{
	text-align: left;
	padding: 10px 0 0;
    background-color: #ffffff;
}
#sponsorship p{
    padding: 5px 0 5px 1em;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    font-size: 110%;
}
#sponsorship .sponsorship_content{
    padding: 0 15px;
}
#sponsorship dl{
	display: flex;
	flex-wrap: nowrap;
}
#sponsorship dl dt,
#sponsorship dl dd{
	display:block;
	box-sizing: border-box;
}
#sponsorship dl dt{
	width: 21em;
}
#sponsorship dl dd{
	width: 80em;
}
#sponsorship dl dt span{
	letter-spacing: 2em;
}


/*動画*/
.video {
  padding: 10px 0;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.video iframe {
  width: 90%;
  height: 90%;
}



}
