@charset "utf-8";
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
#main{ background-repeat:no-repeat; /*background-size: cover;*/ width:100%; position: relative; }

#main:after{ position:absolute;content:""; z-index: 0; }
#mainWrap{width: 100%; background-repeat: no-repeat;}

/*theme*/

#maintxt,#mainTheme li{ background:rgba(255,255,255,0.8);  box-sizing: border-box;}
/*
#themeTxt{ width: 100%; }
#maintxt img,#mainTheme li img{ width: 100%; }*/
#maintxt{ margin-bottom: 20px;}
#mainTheme li:first-child{ margin-bottom: 5px; }

.place a { position:relative; opacity:1; overflow: hidden; display:block; }
.place a span { display: block;}
.place a img{
	position: absolute;
	top: 0; left: 0;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;}

.place a:hover img:nth-child(2){ opacity: 0;}

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

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

#mainSession dl.mainTxt2{ align-items:inherit  }

/**/#placeName a:hover{ /*background: url(../img/top/placeNameOn.svg) 0 0 no-repeat;*/  transition: 0.3s; }
/*#placeName .icon-external{ position: relative; }*/
#placeName .icon-external::before{  position: absolute; top:2px}

#mainSession dt{ background:#c23c3c; text-align:center;
	margin: 9px 3% 0 0;	 max-width:90px;  padding:7px 0 3px; border-radius: 6px; height: 40px;}

#mainSession .mainTxt2 dt{ margin: 0 3% 0 0; }
/**/

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

.infoTxt{ text-indent: 1em;  }

#rightTxt{ text-align: right; }



/*==============================================================================*/
/*新着情報
============================================================================== */
#newsCont{ background: url(../img/top/newsBg.gif) repeat; }
#newsWrap{  position: relative; }
#newsWrapsub::after{ position: absolute; content: ""; bottom:0; right:0;
    background-repeat: no-repeat; background-position: 0 0;}

#newsInner {overflow: hidden;
	margin-bottom: 40px;
	position: relative; }
.moreBtn a{position:relative; z-index: 1;
    border: 1px solid #c84309;
    color: #c84309;
    background: #fff;
    display: block;
    padding: 14px 0;
    max-width: 340px;
    box-sizing: border-box;
    text-align: center;
margin: 0 auto; }
.btn a::after,
.moreBtn a:after{ position: absolute; content: ""; 
    border-color: #c84309;
    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; }

.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; border-color: #c84309; }
.moreBtn a:hover:after,
.moreBtn a:hover.active:after{border-color: #fff;  }

.moreBtn a:hover{color: #fff; background: #e24d36; border-color: #e24d36;  }


#infoBox dl{ margin-bottom:1.5%; padding-bottom:1.5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
letter-spacing: 0.04em;
border-bottom: 1px solid #eee; }

#infoBox dt{ color:#555; font-weight: 600;}


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


#download{ margin: 0 auto 20px; text-align: center;}
#download .btn a{ margin: 0 auto 10px; color: #e24d36;}

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

@media screen and (min-width: 751px) and (max-width: 1660px) {
#hospital { width: 20%; margin-top: 15px; }
}

@media screen and (min-width: 901px) and (max-width: 1059px) {
#mainSession{ margin: 0 auto;  }
}

@media screen and (min-width: 751px) and (max-width: 1059px) {
header{ /*padding-bottom: 20%;*/ background: url(../img/top/newsBg.gif) 0 0 repeat;}
#maintxt{ width: 90%; }
#maintxt img,
#mainTheme li img{ width: 100%; }
#mainTheme li{ width: 66%}
#themeTxt{ padding-bottom:  59vw; }
#mainSession{ width: 60%; }
#mainSession dt,#mainSession .mainTxt2 dt{ margin-right: 40px; }
#mainSession dt{ width: 60px;
    padding: 10px 10px 0; }
#mainSession dd { width:80%; }
#mainSession dd#dateimg{ width: 60%; }
#chairmanName{ width: 45%; }
#placeName .icon-external::before{ left: 230px;}
#hospitalsp{ width: 25vw;}
#newsCont { padding-top: 13vw; }
#mainWrap::before{top:-190px;}
}

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


@media screen and (max-width: 1059px) {
.top{ background: url(../img/top/newsBg.gif) repeat; }
#main{background-image:url(../img/top/mainImgsp.jpg); background-color:#fef9ed; background-size: 100%;}

#mainWrap{ background:#fef9ed; position: relative; padding-bottom: 5%;}
#mainWrap::before,#mainWrap::after{position: absolute; content: "";  }
#mainWrap::before{ background: url(../img/top/infotop.png) 0 0 repeat-x;
 left:0; width:100%; height: 140px; }

#mainWrap::after{ right:0; bottom: 40px; height: 100%; width: 100%; z-index: 0;
background: no-repeat url(../img/top/sidebamboo.png) right bottom / 30% auto;  min-height: 319px;}

#mainInfo{ z-index: 1; position: relative; }

#themeTxt{ padding-top: 30%; }
#maintxt{ padding: 2% 4% 1% 4%; }
#mainTheme li{ padding: 1.5% 4% 1.1% 14%; }

#placeName .icon-external::before{ font-size: 1.2em;}
#mainSession dl{ margin-bottom: 4%; }

#mainSession dd li:not(:last-child){ margin-bottom: 4%; }
.place a span { /*width:213px;*/ height:40px;}

/*title*/
.maintitle{ margin-top: -8vw; margin-bottom: 9%;}
.maintitle::after{ bottom: -13px; }
#newsWrapsub{ padding-bottom:70px ; position: relative; background: #fff;}
#newsInner{  background: #fff; padding: 20px ;height: /*355px*/}
#infoBox dt,#infoBox dd{ width:100%; display:block; }

#hospital{ display: none; }
#hospitalsp{ position: absolute; z-index: 1; right: 0; bottom: 0;}
#newsCont{ margin-bottom: -5px;}
#newsWrapsub::after{background-image: url(../img/top/newspattern_sp.png) ;
    max-height: 124px; max-width: 124px;
    background-size: 100%;
    width: 60px; height: 60px;}

#newsMainimg img{ width: 100%; }
#infobox .maintitle{ background:url(../img/top/newsBg.gif) repeat }

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

@media screen and (max-width: 900px) {
#mainSession{ margin-left: 3%;  }

}

@media screen and (min-width: 641px)  and (max-width: 750px) {
/*header{ margin-bottom: 35%; }*/
#hospitalsp {  margin-top:-25vw /*20vw*/;}
}

@media screen and (max-width: 750px) {
#maintxt{ width: 90%;}
#mainTheme li{ width: 66vw;  }
#themeTxt{ padding-bottom: 44vw; }
#mainInfo{ width: 66%; margin:0 3% }

#mainSession dt,#mainSession .mainTxt2 dt{ margin-right: 20px; }
#mainSession dt{ width: 20%;}
#mainSession dd { width: 60%; }
#placeName .icon-external::before{ font-size: 1em; right: 23%;}
.place img{ width: 64% }

#newsCont { padding-top: 13vw;}
#hospitalsp { width: 30%; z-index: 1; }
.moreBtn a{ width: 86%; }
#mainWrap::before{top:-130px;}
}


@media screen  and (max-width: 640px) {
/*header{ margin-bottom: 40vw; }*/
main{ position: relative; z-index: 1; }
#mainWrap{ padding-bottom: 10%; }

#mainSession dt{ height: 34px; padding-top: 3px; display: flex; justify-content: center; align-items: center;}
#mainSession dt img{ width: 60%; }
#chairmanName img{ width: 95px; }
#mainSession dd { width: 80%; }
#hospitalsp {  margin-top:-25vw ;}
}

@media screen and (max-width: 480px) {
.place, #chairmanName{ padding-top: 5px; }
#mainSession dd li:not(:last-child) { margin-bottom: 15px;}
#mainSession dd li.place{ margin-bottom: -7px; }
#mainTheme li picture{ display: flex; padding-top: 1%;}
#dateimg img{ width: 85%; }
#contentLogo { margin-top: -11%;}
#contentLogo img{ width: 18%; }
#download{padding-left: 6%; padding-right: 6%;
    box-sizing: border-box; }
}
    

@media screen and (max-width: 380px) {
#mainSession dt { height: 30px; padding: 0;}
.place a img{ width: 70%; }
#placeName .icon-external::before{ right: 15%; left: inherit; font-size: 0.8em;}
}



/*pc-----------------------------------------------------*/
@media screen and (min-width: 1451px) {
#mainSession dt{ width: 15%; }
#mainWrap{ background-position: right 0;}
#mainWrap{background-image:url(../img/top/mainside.png) ;}
#mainSession dd{ width: 72%; }

}


@media screen and (min-width: 1060px) and (max-width: 1450px) {
#mainWrap{background-image:url(../img/top/mainside_sp.png) ; background-size: cover;}
#mainWrap{ background-position: 102% 0;}
#themeTxt{ width: 60%; }
#themeTxt img,#mainSession dl dd img
/*,#mainSession img*/{ width: 100%; }
#mainSession dl.mainTxt2 dd li:first-child img{ width: inherit; }

#mainSession dl dt { width: 70px; padding-top: 11px; }
#mainSession dl dt img{ width: 60%; }
#mainSession dd{ width: 68%; }

}


@media screen and (min-width: 1060px) {
header{ margin-top: -52px; }
#main{background-image:url(../img/top/mainImg.jpg); position: relative; background-size: cover;
background-color: #fef9ed; }
#main::after{ background: url(../img/top/sidebamboo.png) 0 0 no-repeat; width: 275px; height: 475px; top: 10vw;
     right: 0;}

#themeTxt{ position: absolute; top:20%; left:0 }
#mainInfo{ padding: 8% 0 40px 0; width: 32%; margin-right: 2%;
    position: relative; z-index: 1; }

#mainTheme{margin-bottom:40px;}
#maintxt{ padding: 10px 20px 10px 70px;}
#mainTheme li{ padding: 10px 20px 10px 120px; width: 68%; }

/*会期*/
#mainSession dl{ margin-bottom:40px; width: 100%; }
.mainTxt2 li:first-child{ padding-top: 5px; }
.mainTxt2 li{ margin-bottom: 20px; }
#placeName .icon-external::before{ font-size: 0.8em; left: 172px;}
.place a span { width:162px; height:31px;}

main{margin-top: -25px;}
.maintitle{ padding-bottom: 20px;}
#mainWrap,
#newsbox{ display: flex; align-items: flex-end; justify-content: flex-end;}

#newsbox{ width: 90%; max-width: 1000px; margin: 0 auto; box-sizing: border-box;}
#newsWrap{  background:#fff;}
#newsWrapsub::after{background-image: url(../img/top/newspattern.png) ; height: 192px ;width: 192px; }
#newsCont{ padding-top:250px; position: relative; z-index: 0; }

#newsMainimg,
#hospital{ position: absolute; }
#hospitalsp{ display: none; }

#newsMainimg{ top: 60px;width: 40%; }
#newsMainimg img, #hospital img{ width: 100%; }

#hospital{ top:3%; right:0; }
#newsInner {height: 230px; padding-top: 50px; }

#infoBox {  padding:3% 2% 3% 3%;  margin:-120px 0 60px; width: 60%;}
#infoBox dt{ margin-right:4%; width:17%; }
#infoBox dd{ width:79%; }

}