@charset "utf-8";

/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background-repeat:no-repeat; background-position: center top; background-size: cover; width:100%; 
	position: relative;
}

#main:before,#main:after{ position:absolute;content:""; z-index: 0; }

/*maintxt*/
main #maintxt{ text-indent: 100%;  display:block; position: relative;
	white-space: nowrap; overflow: hidden;  background-size:contain; box-sizing:border-box;z-index: 1;	}


#mainWrap{ margin:0 auto ; background:url(../img/top/bg.gif) 0 0 repeat; padding-bottom:6%; }


/*theme*/
#mainTheme, #mainDate{ position: relative;  z-index: 1; text-align: center; }

#mainTheme{align-items: center; justify-content:center;}
#mainTheme dt{margin-bottom: -10px}
#mainDate dt{  position: relative; z-index:1;}
#mainDate dt:before, #mainDate dd:before{ content: ""; z-index:-1; height:72px; position : absolute; transform :skewX(-30deg); }


#mainDate dt:before{ background:#ef9284; 
  /*top: 0; left: 0;*/
   width:100px; }
   #mainDate dd:before{ background:#fff;  width:200px; }


#mainInfo{ padding-top: 2%; margin:0 auto; }
#infoTitle{ margin-bottom:25px;}


#mainBox{ width:840px; margin:0 auto;}

/*会期*/
#mainSession{ margin:0 4% 5px; padding:8px 5% 5px; }
#mainSession dl{ display: flex; align-items: center; justify-content: center; }
#mainSession, #mainPlace{ background: #fff; }
#mainPlace{ margin:0 4% }

#mainSession dt,
#mainChairman li dt{ background:#c23c3c; text-align:center;}

#mainSession dt,#mainSession dd{  vertical-align: middle; }
#mainSession dt{ margin-right: 5%; width:120px; padding-top:5px }

/**/
#mainChairman{ display: flex; }
#mainChairman li{ /*display: inline-block;*/ vertical-align:top; width:48%  }
#mainChairman li:first-child{ margin-right:2% }
#mainChairman li dt{  padding: 5px 0;  margin-bottom:5%;}
#mainChairman dd{ padding: 0 2%; box-sizing: border-box; margin: 0 auto 20px; }


/*logo*/
#contentLogo{ margin-top:-50px; position:relative; text-align: center; z-index :2;   }



#postponeWrap{ padding:5% 0 3% }
#postponeWrap p{ line-height: 2em;  width: 95%; margin: 0 auto;}
.infoTxt{ text-indent: 1em;  }
#scheduleBox{ color:#db5f53; background:#fcf1ef; font-weight: 500;
	padding: 2% 3%;  margin: 3% auto; 
}

#scheduleBox dl{ display: flex; margin: 0 auto;}

#rightTxt{ text-align: right; }



/*==============================================================================*/
/*新着情報
============================================================================== */

#infoBox {  overflow:auto; height:200px; background:#fafafb; }
#infoBox dl{ margin-bottom:1.5%; padding-bottom:1.5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
letter-spacing: 0.04em;
}

#infoBox dt{ color:#db5f53; }


/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#infoBox dt{  margin-top: -3px; }
}


/*sp------------------------------------*/

@media screen and (min-width: 1025px) {
#scheduleBox{ width: 60%;}
}

@media screen and (min-width: 751px) {
#scheduleBox { font-size: 1.3em; }
#scheduleBox dl{ width: 60%;}
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
	#scheduleBox{ width: 70%;}
}

@media screen and (min-width: 461px) and (max-width: 1059px) {
#mainTheme{ margin-bottom:10px; }
}

@media screen and (min-width: 641px) and (max-width: 1059px) {
#infoTitle,
.maintitle{font-size: 1.8em;}
}

@media screen and (max-width: 1059px) {
#main{background-image:url(../img/top/mainimgsp.jpg); background-color:#007dc4; }

#main:before,#main:after{ height: 100%; width: 100%;}
#main:before{ left:0; top:0; background: no-repeat url(../img/top/main1sp.png) left top / 50% auto;
	min-height: 207px;	
}

#main:after{ right:0 ;  bottom:0; background: no-repeat url(../img/top/main2sp.png) right bottom / 25% auto;
	min-height: 319px;
}

main #maintxt{ width:92%; margin:0 4% ; background:url(../img/top/mainTitlesp.svg?1) no-repeat center 50% ;  height: 262px;}

#infoTitle{ margin:0 4% 20px;}

#mainChairman{ margin:0 4%; }
#mainChairman dd{ text-align: center; }

#mainChairman li{ width:49%; }

#infoBox{ padding:3% 1.5% 3% 3%}

#infoBox dt,#infoBox dd{ width:100%; display:block; }

#newsCont{ margin-bottom: 8%;  padding-top:5%; }
	
}

@media screen and (min-width: 571px) and (max-width: 812px) {
	#main{ 	padding: 21% 0 12%;}
}
	

@media screen and (max-width: 750px) {
	#mainTheme, #mainDate{ margin-left: 6%; margin-right:6%; }
	#mainPlace{ padding:3% 0 0.5%;}
	#mainChairman dd#placeName,
	#mainChairman dd#chairmanName{ width: 90%; margin: 0 0 8%; }
	#scheduleBox{ width: 80%; font-size: 1.1em; }

	}

@media screen and (max-width: 640px) {
main #maintxt{ background-size: 100% auto; background-position: center 60%;}
}

@media screen and (max-width: 570px) {
	#main{ 	padding: 17% 0 13%;}
#mainTheme dt img{ width:25% }
#mainChairman .externalIcon i::before{top:9%; right: -12px; }
#mainChairman .externalIcon i:after{top:0; right: -13px; }
}



@media screen and (max-width: 480px) {
#mainSession dt img, #mainChairman dt img{ width:32px; }
#mainChairman li dt{ padding:0 0 5px; }

#contentLogo { margin-top: -11%;}
#contentLogo img{ width: 18%; }
}

@media screen and (max-width: 460px) {
	main #maintxt{ height:220px; }
}
@media screen and (max-width: 375px) {
main #maintxt { height: 180px;}
#mainChairman{ margin:0 2%; }
#scheduleBox {width: 92%;}
}



/*pc-----------------------------------------------------*/

@media screen and (min-width: 1060px) and (max-width: 1141px) {
	main #maintxt{ background-size: 98%!important; }
}


@media screen and (min-width: 1060px) {
#main{background-image:url(../img/top/mainimg.jpg); background-color:#007dc4; max-height: 730px;  }

#main:before,#main:after{ height: 100%; width: 43%;}

#main:before{ left:0; bottom:0; background: no-repeat url(../img/top/main1.svg) left bottom / 50% auto;
	min-height: 583px;	
}

#main:after{ right:0 ;  top:0; background: no-repeat url(../img/top/main2.png) right top / 50% auto;
	/*min-height: 700px;*/
}

main #maintxt{ width:90%; margin:0 auto 10px; background:url(../img/top/mainTitle.svg) center 50% no-repeat; height: 152px;}
#mainTheme{display: flex; margin-bottom:40px;}
#mainTheme dt{ margin-right:10px }

/*会期*/
#mainSession{ margin-bottom:5px; }

#mainInfo{ width: 80%; max-width: 1000px;}

#infoBox {  padding:3% 2% 3% 3%;  margin-bottom:60px}
#infoBox dt{ margin-right:2%; width:14%; }
#infoBox dd{ width:84%; }


#newsCont{ padding-top:50px; }
}

@media screen and (min-width: 813px) {
#main{ 	padding: 15% 0 ;}
}

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

#mainPlace{ padding:3% 5% 0.5%;}
#mainChairman dd{ width:259px; }
}