@charset "utf-8";
/* CSS Document */
/*==============================================================================*/
/* mainimg
============================================================================== */
#main{ 
    background-image: url(../img/top/main.jpg?1);
	background-repeat: no-repeat;
	position: relative;
}


/*会期*/
#mainWrap{
    box-sizing: border-box; 
    right: 0; position: absolute; top: 0; background: url(../img/top/maincircle.png?1) 0 -116px no-repeat;
    width: 60%;
    background-size: 108%;
    height: 531px;
    z-index: 0;
}


#mainInfo .summaryTitle{ position: relative; }
#mainInfo .summaryTitle::before{ position: absolute; content: "";
    width: 87%;
    height: 1px;
    background: #016859;
    top: 50%;
    right: 0; }


.summaryTitle,
.grTxt, #termTxt{ color: #127264;  }
.broadTitle{ color: #fff; text-align: center; background: #127264; box-sizing: border-box; 
    height: 42px; display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}


.week{ background: #c8e1e3;  }
.time{ color: #0093a9; }


#mainInfo dl,
#txtBox,
#mainSession, #mainChairman li dl{ display: flex; }

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

#mainChairman li{ border-top: 1px solid #016859; }
#mainChairman li dl{ align-items: center; }



#chairmanName span{ font-size: 0.75em; }
/*～*/
#termTxt{ position: relative; }
#termTxt span{ top: -15px;
    position: absolute; content: "";
    left: 40%; 
     transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg); }

#watchBtn{  position: absolute;  z-index: 3; width: 200px;}

#entryBtn a{ margin-top: 2px; position: relative;  z-index: 3;}
#entryBtn::after{ position: absolute; right:10px; }


/*==============================================================================*/
/*新着情報
============================================================================== */
#newsCont{ z-index: 1; position: relative; }
#newsCont h2 { margin: 0 auto 30px; }
#infoBox { margin: 0 auto; box-sizing: border-box;}

#newsWrap{ position: relative;  background: #fefefe; box-sizing: border-box;}
#newsWrap::before,#newsWrap::after { position: absolute; content: ""; }
#newsWrap::before{ background:no-repeat url(../img/top/newsimg.png) -90px 0 ; width: 385px; height: 306px;
left:0; }
#newsWrap::after{ background:no-repeat url(../img/top/newsimg2.png) 120% 0; width: 384px; height: 713px;
right:0; }



#newsInner{ height:220px; overflow: hidden; margin-bottom: 40px;
    /*background: rgba(255, 255, 255, 0.5);*/
    position: relative;
}


/*news*/
#newsCont {  padding: 110px 17% 100px;box-sizing: border-box;}
  #newsWrap::before{ background-size: 88%;  bottom: 10px; }
  #newsWrap::after{ bottom: -36%; background-size: 77%;}

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

#bannerWrap { padding-left:17% ;  padding-right: 17% ;}



#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:#636f6c; }


/* 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; }
.btn a::after,
.moreBtn a:after{ position: absolute; content: ""; 
    border-color: #00b7b3;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: block;
    height: 8px;
    width: 8px;
    }

    .btn a::after{ right: 10%;
        top: 22px;transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); }
    #entryBtn.btn a::after{ top: 55%; right: 5%;}
    #entryBtn.btn a{ max-width: 300px; }
    .btn a:hover{ background: #127264; border-color: #127264; color: #fff;}

.moreBtn a:after{
    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: #19463c; border-color: #19463c;  }


@media (min-width: 1488px) {
    #entryBtn a{ margin-left: 120px;}
}

@media screen and (min-width: 1271px) and (max-width: 1488px){
    #main{ padding-top: 36.3% }
/*会期*/
#mainWrap{font-size: 1.01em;}

#mainInfo{ padding:1.3% 0 0 15% }
.summaryTxt{ padding-bottom: 5px;  }

.year, .time span{ font-size: 1.3em; }
.year2{ font-size:1.1em; margin-left: 4px;}
.day{ font-size: 2em; padding-left: 3px;}

.summaryTitle{ font-size: 1.5em; }
#chairmanName,
#placeName,#termTxt span{ font-size: 1.2em; }

.time span{ padding-left: 4px; }

.month{ font-size: 1.5em; padding-left: 3px }
.week{ padding:0 5px 1px; font-size: 1.16em; margin:0 4px }

#entryBtn a{ margin-left: 6.4vw;}

/*会期*/
#mainSession{ margin:0 0 60px; }

#mainChairman li{  padding: 2% 2%;}
#mainChairman li dd{ margin-left: 6%; }
#watchBtn{  bottom: 26px; right: 10vw;}
#mainChairman{padding: 2% 0 4% 13%;}

}

@media (min-width: 1880px){ 
    #main{ padding-top: 31.5% ;}
    #mainInfo{ padding:1.5vw 0 0 16.5%; }
    .broadTitle { margin: 0 30px 10px 120px;  }
    #mainChairman li {padding: 25px 20px;  }
 }
@media (min-width: 1489px) and (max-width: 1879px){
    #main{ padding-top: 37.3% ;}
    #mainInfo{ padding:1.5vw 0 0 16.5%; }
    .broadTitle{  margin: 0 30px 10px 120px; }
    #mainChairman li { padding: 3% 20px;  }
}

@media (min-width: 1489px){ 
.year, .time span { font-size: 1.4em; }
}
/*sp1270px↓ or pc1489px↑*/
@media (max-width: 1270px), (min-width: 1488px){
/*
body{ min-width: 1630px;}*/
#main{ width:100%}

/*会期*/
#mainWrap{font-size: 1.125em;}
.broadTitle{ padding:0 10px ; width: 200px; }
.year2{ font-size:1.166em; margin-left: 5px;}
.day{ font-size: 2.22em; padding-left: 4px;}

.month{ font-size: 1.67em; padding-left: 5px }
.week{ padding:0 5px 1px; font-size: 1.16em; margin:0 11px 0 4px }


#mainChairman{padding: 16px 0 0 14%;}
#mainChairman li dd{ margin-left: 60px; }


.summaryTitle{ font-size: 1.667em; }
#mainInfo .summaryTitle{ margin-bottom: 10px; }
#chairmanName,
#placeName,#termTxt span{ font-size: 1.33em; }
.summaryTxt{ margin-bottom: 5px; }
.termTxt2{ margin-top:-15px ; }
#termTxt3{ margin-top: 8px; }
.time span{ padding-left: 5px; } 
#watchBtn{  bottom: 54px; right: 17vw;}


}

@media screen and (min-width: 1472px) and (max-width: 1488px){
.year, .time span { font-size: 1.4em; }
}



/*pc-----------------------------------------------------*/
@media screen and (min-width: 1271px) and (max-width: 1720px)  {
    .broadTitle{  width: 12vw; margin: 0 2% 0 15%; }
}


@media screen and (min-width: 1271px) and (max-width: 1409px)  {
#main{ width: 100%;
    background-position: center top;
	background-size: cover;
    /*min-height: 531px;*/
}

#mainWrap{ background-size: 110%; }

#newsWrap::before{ background-size: 64%; bottom: -100px;}
#newsCont{ padding:130px 4% 70px}

#infoTitle{ width:98%;}

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


@media screen and (min-width: 1254px) and (max-width: 1392px)  {
    #entryBtn.btn a::after { top: 43%;}
}

@media (max-width: 1270px){
body{ min-width: 1590px;}
main{width: 1590px;}
#main{padding-top: 37.3% ;}
#mainInfo { padding: 3% 0 0 15%;}
#mainInfo dd ul{ margin-left: 18%; }
#mainChairman li{  padding: 18px 20px;}
.year, .time span{ font-size: 1.5em; }
#entryBtn{ margin-left: 124px; }
.broadTitle{  margin: 0 20px 10px 0; width: 190px; font-size: 1.05em;}
#newsCont { padding: 110px 0 100px 17%;}

}