@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#mainWrap{ box-sizing: border-box; }

#broadcastBox li:first-child dt img,
#broadcastBox li:last-child dt img{ max-width: 140px; }

#main{ padding: 35% 0 0%; top: -75px;
    background-image: url(../img/top/main.png);
	background-repeat: no-repeat;
	position: relative;
}

#mainTheme {
    position: absolute;
    z-index: 1;
	background: url(../img/top/themecircle.png) 0 0 no-repeat;
    text-align: center;
}


/*会期*/
#txtBox,
#mainSession, #mainChairman{ display: flex; }

#mainSession dt{ padding-top: 3%; }

#mainSession dt,#mainSession dd,
#mainChairman li{ display: inline-block; }

#mainChairman{background:#faffff; justify-content: space-between;}
.placeinfo{ padding-top: 1%; }
.placeinfo:first-child{ width: 48%; border-right: 2px solid #e0ebed;}

#chairmanInfo{ position: relative; }

#mainTheme dt,
#mainChairman li dt span{
    background: #c8a063; }

#mainChairman li dt span{  width: 152px; height: 45px; }

#chairmanInfo ul{ position: absolute; content: ""; top:5%; right: -14%; }
#chairmanInfo li:first-child{ margin-right: 25px;}

#mainTheme dt{ 
    display: flex;
    align-items: center;
    justify-content: center;
}

.chairmanInfo{ width: 47%; }
li.chairmanInfo:first-child{  border-right: 2px solid #e0ebed; }


#mainChairman li dt span{ position: relative; display: block; }

#mainChairman li dt span img{ position: absolute;  left: 50%; top: 50%; 
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#mainChairman dd {
margin-bottom: 20px;}

#mainChairman p{ padding: 14px 0 25px; }

li.chairmanInfo:last-child{ position: relative; }
.chairmanInfo ul{ position: absolute;
    top: 20px;
    right: 0;
    display: flex;
    justify-content: space-between;
    width: 155px; }


/**/
#placeName div span{padding-top: 10px; display: block; }


#toptxt{ background: #fdfdfd; padding:80px 0; }
#toptxt p{ line-height: 1.8em; }
/*==============================================================================*/
/*新着情報
============================================================================== */
#toptxt h2,
#newsCont h2 { margin: 0 auto 60px;}
#infoBox { margin: 0 auto;}

#newsCont{  position: relative; background: #fbffff;}
#infoBox {  width: 1000px; padding-bottom:30px;}

#newsInner{ height:170px; overflow: hidden; margin-bottom: 40px;}
#newsInner a{ color: #003763; }

#infoBox dl{  
display: flex;
flex-wrap: wrap;
justify-content: space-between;
letter-spacing: 0.04em;
}
#infoBox dl:not(:last-child){padding-bottom:2.4%;  }

#infoBox dt{ color:#003763; }


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


#infoBox dt,#infoBox dd{ display:inline; }

#infoBox dd a:hover{ text-decoration: underline}
#infoBox dd dd{ line-height: 1.8em; }

#topNotice{ background: #f2fbfa; padding: 40px 30px; text-align:center; margin:0 auto 50px; width: 70%; }

.moreBtn a{margin: 0 auto; }
.moreBtn a:after{ position: absolute; content: ""; 
    border-color: #55a3d1;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: block;
    height: 8px;
    width: 8px;
    right: 10%;
    bottom: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.moreBtn a.active:after{ border-width: 2px 0 0 2px; bottom:20px }

.moreBtn a:hover{color: #fff; background: #003763;  }


/*sp*/
@media screen and (max-width: 1270px) {
#mainTheme{ height: 422px; width: 461px;
right: 23%; top: 170px; }

#mainTheme dt{ margin: 88px auto 27px;  width: 152px;  height: 45px;   }


#mainWrap{ width: 980px; margin:0 auto -80px; padding: 13% 0 7%;}
#mainChairman{padding: 40px 6%;}

.placeinfo:first-child{ margin-right: 6%; width: 48%;}

  #newsCont {  padding: 70px 0;}

  #infoBox dt{ width: 110px; }
  #infoBox dd{ width: 80%; padding-left: 20px;}
  
#infoTitle{ margin:0 4% 20px; font-size: 2.5em;}



}


/*pc-----------------------------------------------------*/
@media screen and (min-width: 1271px) {
#main{ width: 100%;
    background-position: center top;
	background-size: cover;
    margin-bottom: -81px; }

main #maintxt{ width:98%; margin:0 0 20px; }

#mainWrap{padding: 7% 0 }

#mainTheme {
    height: 50%; width: 30% ;
    right: 23%; top:11vw;
   background-size: 100%;
   /**/ max-width: 461px;
}
#mainTheme dt{ margin: 5vw auto 27px;  width: 40%; height: 8%; }

    #mainTheme dt img,
    #mainTheme dd img{ width: 58%;    }

#seminar{ width: 60%; }


#mainInfo{ width: 1000px; margin:0 auto; }

#mainChairman{padding: 40px 80px;}
/*会期*/
#mainSession{ margin:0 0 60px; }

/**/
li.placeinfo:first-child{ margin-right:6%; }

#toptxt{ padding:70px 8% ;}
#newsCont{ padding:70px 8% 150px;}
#infoTitle{ width:98%;}

#infoBox {  padding-bottom:40px ;  /**/height:200px;}
#infoBox dt{ width: 10%; padding-right: 2%; box-sizing: border-box; font-size: 0.9375em; line-height: 1.6em;}
#infoBox dd{ width:88%; }
}