@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background:url("../images/top/main.jpg") no-repeat center center; background-size: cover/*100% auto*/;height:520px;
margin-bottom: 50px;}

#mainWrap{ position:relative; margin:0 auto; width: 1000px; padding-top: 154px;}

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

#mainContent{ background-color: rgba(255,255,255,0.85); border-top:1px solid #fff; border-bottom:1px solid #fff; padding:30px 70px; }

/*h1*/
#titleTime{font-size:0.7em; display: block; padding-left:10px;}
#titleNum{font-size:1.5em; color:#154cb1;}

#mainContent h1{ font-size:2.5em; font-family: 'Noto Serif JP', serif; line-height: 1.2em; 
border-bottom: 1px solid #fff; ;letter-spacing:-1px;
padding-bottom: 15px; }

@media screen and (max-width: 768px){
	#mainContent h1{ font-size:2.3em;letter-spacing:-1px; }
}

#mainSession{padding-top: 25px ;
  border-top: solid 1px #ccc;/*上線*/
  border-bottom: solid 1px #fff;/*下線*/}

#mainSession dl{padding:0 0 15px 8px; border-bottom: solid 1px #ccc;}

#mainSession dt,#mainSession dd{ float:left; }
#mainSession dt{ margin-right:15px; }

/*img*/
#mvTower, #mvBird{ position:absolute;display: block;}
#mvTower{ top: 290px;left: 41px; }
#mvBird{ top:240px; right:-10px;}


#infobar a{ display: block; color:#121212; position: relative}
#infobar a:hover{ color:#0056aa; }
#infobar a:after{ top:35%; right: 30px; position: absolute; }

#heldInfo { margin:0 auto 50px; }
#heldInfo th{font-weight: normal;
border-right: 2px solid #fff;
color: #000061;
background: #e9f6ff;}

#heldInfo tr{ border-bottom:2px solid #fff; }
#heldInfo tr:last-child{border: none;}
#heldInfo th, #heldInfo td{ padding: 12px 30px; }
#heldInfo td {  background: #fafafa; border-left:2px solid #fff; }
#heldInfo td span{ font-size:1.1em; }

/*==============================================================================*/
/*開催情報
============================================================================== */
#holdingBox{ background:#e9f6ff; padding: 25px ; position: relative; }
#holdingBox:before,#holdingBox:after,
#holdingBox2:before,#holdingBox2:after{ content:''; display:block; width: 10px; height: 10px; position:absolute; background: url("../images/top/brackets.png") 0 0 no-repeat;}
#holdingBox:before,#holdingBox:after{top:0;}
			
#holdingBox:before,#holdingBox2:before{  left:0; }
#holdingBox:after{ right:0; transform: rotateY(-180deg)}
#holdingBox2{ position: relative; }
			
#holdingBox2:before,#holdingBox2:after{ z-index: 1; bottom:0;}
#holdingBox2:before{  transform:rotateX(-180deg)}
#holdingBox2:after{ right:0; transform: rotateZ(-180deg)}

.holdingInfo{ margin-bottom:40px; }
#holdingBox dt,#holdingBox dd{ float:left; }
#holdingBox dt{ margin-right:40px; }

/*img*/
#infoimg{ position:absolute; bottom:-6px; right:0; }
/*==============================================================================*/
/*新着情報
============================================================================== */
#infoBox { background:#fefefe; padding:30px 10px 30px 30px; overflow:auto; height:250px;line-height: 1.6em;
}
#infoBox a{ color:#111; padding-right:20px; margin-right: 6px; display: inline-block;}  
#infoBox a:hover{ color:#001c7a; }
.externalLink a:after{ content:''; display:block; padding-bottom:23px; margin:-20px -20px 0 0;
	background:url("../images/externallinkIcon.png") right 0 no-repeat; }

#infoBox dl{ border-bottom: 1px dotted #555; margin-bottom:20px; padding-bottom:20px;}
#infoBox dl:last-child{border-bottom:none;}
#infoBox dt, #infoBox dd{ float:left; display: inline-block;}
#infoBox dt{ font-weight: bold; color:#555; margin-right:40px; }

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