@charset "utf-8";
/* CSS Document */

/* 展示
--------------------------------------------*/
#contents .special_in h2,
#contents .exhi_list_in h2 {
    position: relative;
    border-top:none;
    font-size: 1.6rem;
    font-weight: 700;
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 1rem;
}

#contents .exhi_list_in h2 {
    margin:0 0 1rem 0;
}

#contents .special_in h3,
#contents .exhi_list_in h3,
#contents .top_event h3,
#contents .event h3,
#contents .special_in h2.ttl3,
#contents .exhi_list_in h2.ttl3,
#contents .event h2.ttl3{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
    line-height: 1.8rem;
    padding: 0 0 0.5rem;
    flex-grow: 1;
    background: none;
	border-top:none;
}

#contents .special_in h3:before,
#contents .exhi_list_in h3:before,
#contents .top_event h3:before,
#contents .event h3:before{
    background: none;
}

#contents .special_in h2 span,
#contents .exhi_list_in h2 span,
#contents .special_in h3 span,
#contents .exhi_list_in h3 span{
    display: block;
    font-size: 0.9rem;
    padding: 0;
    font-weight: normal;
}

#contents .special_in h2:before,
#contents .exhi_list_in h2:before {
    background:none;
}

/* 共通レイアウト */
#exhi_list > div,
#exhi_list.past > div,
.top_event > div{
    display: grid;
	gap: 0 1rem;
    margin-bottom: 2rem;
}

#exhi_list.past > div{
	gap: 1rem;
}

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

/* デフォルト：1カラム */
#exhi_list > div, 
#exhi_list.past > div{
  grid-template-columns: 1fr;
}

/* 子要素が2個のとき → 2カラム */
#exhi_list > div:has(> .exhi_list_in:nth-child(2):last-child) {
  grid-template-columns: repeat(2, 1fr);
}

/* 子要素が3個のとき → 3カラム */
#exhi_list > div:has(> .exhi_list_in:nth-child(3):last-child),
#exhi_list.past > div.list {
  grid-template-columns: repeat(3, 1fr);
}

/* 子要素が4個のとき → 2カラム×2行 */
#exhi_list > div:has(> .exhi_list_in:nth-child(4):last-child) {
  grid-template-columns: repeat(2, 1fr);
}

}

/* 一件表示 */

#special > div,
#exhi_list.exhi_1 > div{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
    margin: 0 auto 2rem;
}
#special > div .special_in a,
#exhi_list.exhi_1 > div .exhi_list_in a{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 2rem;
}

@media screen and (max-width: 1024px){

#exhi_list > div{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
    margin: 0 auto 2rem;
}
#exhi_list > div .exhi_list_in a{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 2rem;
}
   
}

.special_in .exhi_t,
.exhi_list_in .exhi_t{
    display: grid;
    grid-template-columns: 2rem 230px;
    grid-gap: 1rem;
    margin: 0 auto 1rem;
}

.special_in .exhi_t .status,
.exhi_list_in .exhi_t .status{
    display: inline-block;
    writing-mode: vertical-rl;
    font-size: 0;
}

.special_in .exhi_t .status li,
.exhi_list_in .exhi_t .status li{
    padding: 0.5rem 0.4rem 0.5rem 0.1rem;
}

.special_in .exhi_t .status li,
.exhi_list_in .exhi_t .status li,
.special_in .exhi_t .status li,
.exhi_list_in .exhi_t .status li {
    font-size: 0.9rem; 
    display: inline-block;
}

@media screen and (max-width: 1024px){

#exhi_list.exhi_1 ul .exhi_list_in a,
#exhi_list ul .exhi_list_in a{
    display: grid;
    grid-template-columns: 230px auto;
    grid-gap: 2rem;
}
 
}

@media screen and (max-width: 599px){
#special > div .special_in a,
#exhi_list > div .exhi_list_in a,
#exhi_list.exhi_1 > div .exhi_list_in a{
    grid-template-columns: 1fr;
}
    
}

/*詳細ページ*/

.related{
	padding: 2rem 0;
}

/*色の設定*/

/*デフォルト*/
#exhi_default .exhi_main,
#exhi_default .slider_bg {background: #f4e8e5;}

#exhi_default .exhi_area {
    background: #f4e8e5 url(../img/common/img_mega_w.png) no-repeat 95% 1rem;
    background-size: 30%;
}

#exhi_default .exhi_overview,
#exhi_default .related {background: #debab2;}

#exhi_default .slick-prev,
#exhi_default .slick-next,
#exhi_default #contents h2:before,
#exhi_default #contents h3:before{background: #911A00;}

/*01 ピンク*/
#exhi_pt01 .exhi_main,
#exhi_pt01 .slider_bg {background: #fcf1f6;}

#exhi_pt01 .exhi_area {
    background: #fcf1f6 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt01 .exhi_overview,
#exhi_pt01 .related {background: #eeb9d0;}

#exhi_pt01 .slick-prev,
#exhi_pt01 .slick-next,
#exhi_pt01 #contents h2:before,
#exhi_pt01 #contents h3:before{background: #dc74a1;}

#exhi_pt01 #contents h2 {
    background: url("../img/common/se_page_pt01.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #dc74a1;
}

/*02 黄色*/
#exhi_pt02 .exhi_main,
#exhi_pt02 .slider_bg {background: #fdfaed;}

#exhi_pt02 .exhi_area {
    background: #fdfaed url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt02 .exhi_overview,
#exhi_pt02 .related {background: #f7e4a7;}

#exhi_pt02 .slick-prev,
#exhi_pt02 .slick-next,
#exhi_pt02 #contents h2:before,
#exhi_pt02 #contents h3:before{background: #efc950;}

#exhi_pt02 #contents h2 {
    background: url("../img/common/se_page_pt02.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #efc950;
}

/*03 オレンジ色*/
#exhi_pt03 .exhi_main,
#exhi_pt03 .slider_bg {background: #fdf5ea;}

#exhi_pt03 .exhi_area {
    background: #fdf5ea url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt03 .exhi_overview,
#exhi_pt03 .related {background: #f7cd97;}

#exhi_pt03 .slick-prev,
#exhi_pt03 .slick-next,
#exhi_pt03 #contents h2:before,
#exhi_pt03 #contents h3:before{background: #ef9b30;}

#exhi_pt03 #contents h2 {
    background: url("../img/common/se_page_pt03.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #ef9b30;
}

/*04 赤色*/
#exhi_pt04 .exhi_main,
#exhi_pt04 .slider_bg {background: #fdf1f1;}

#exhi_pt04 .exhi_area {
    background: #fdf1f1 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt04 .exhi_overview,
#exhi_pt04 .related {background: #f5b7b8;}

#exhi_pt04 .slick-prev,
#exhi_pt04 .slick-next,
#exhi_pt04 #contents h2:before,
#exhi_pt04 #contents h3:before{background: #eb7072;}

#exhi_pt04 #contents h2 {
    background: url("../img/common/se_page_pt04.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #eb7072;
}

/*05 茶色*/
#exhi_pt05 .exhi_main,
#exhi_pt05 .slider_bg {background: #f5f1ea;}

#exhi_pt05 .exhi_area {
    background: #f5f1ea url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt05 .exhi_overview,
#exhi_pt05 .related {background: #cfba97;}

#exhi_pt05 .slick-prev,
#exhi_pt05 .slick-next,
#exhi_pt05 #contents h2:before,
#exhi_pt05 #contents h3:before{background: #9f762e;}

#exhi_pt05 #contents h2 {
    background: url("../img/common/se_page_pt05.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #9f762e;
}

/*06 水色*/
#exhi_pt06 .exhi_main,
#exhi_pt06 .slider_bg {background: #ebf6f8;}

#exhi_pt06 .exhi_area {
    background: #ebf6f8 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt06 .exhi_overview,
#exhi_pt06 .related {background: #9bd2de;}

#exhi_pt06 .slick-prev,
#exhi_pt06 .slick-next,
#exhi_pt06 #contents h2:before,
#exhi_pt06 #contents h3:before{background: #38a4be;}

#exhi_pt06 #contents h2 {
    background: url("../img/common/se_page_pt06.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #38a4be;
}

/*07 緑色*/
#exhi_pt07 .exhi_main,
#exhi_pt07 .slider_bg {background: #eff7f1;}

#exhi_pt07 .exhi_area {
    background: #eff7f1 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt07 .exhi_overview,
#exhi_pt07 .related {background: #b0d5ba;}

#exhi_pt07 .slick-prev,
#exhi_pt07 .slick-next,
#exhi_pt07 #contents h2:before,
#exhi_pt07 #contents h3:before{background: #61ab75;}

#exhi_pt07 #contents h2 {
    background: url("../img/common/se_page_pt07.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #61ab75;
}

/*08 黄緑色*/
#exhi_pt08 .exhi_main,
#exhi_pt08 .slider_bg {background: #f4f8e5;}

#exhi_pt08 .exhi_area {
    background: #f4f8e5 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt08 .exhi_overview,
#exhi_pt08 .related {background: #c6db80;}

#exhi_pt08 .slick-prev,
#exhi_pt08 .slick-next,
#exhi_pt08 #contents h2:before,
#exhi_pt08 #contents h3:before{background: #8eb700;}

#exhi_pt08 #contents h2 {
    background: url("../img/common/se_page_pt08.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #8eb700;
}

/*09 紫色*/
#exhi_pt09 .exhi_main,
#exhi_pt09 .slider_bg {background: #f3eff8;}

#exhi_pt09 .exhi_area {
    background: #f3eff8 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt09 .exhi_overview,
#exhi_pt09 .related {background: #c1b0dc;}

#exhi_pt09 .slick-prev,
#exhi_pt09 .slick-next,
#exhi_pt09 #contents h2:before,
#exhi_pt09 #contents h3:before{background: #8361b8;}


#exhi_pt09 #contents h2 {
    background: url("../img/common/se_page_pt09.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #8361b8;
}

/*10 灰色*/
#exhi_pt10 .exhi_main,
#exhi_pt10 .slider_bg {background: #f1f1f1;}

#exhi_pt10 .exhi_area {
    background: #f1f1f1 url(../img/common/img_mega_w.png) no-repeat 95% 10rem;
    background-size: 30%;
}

#exhi_pt10 .exhi_overview,
#exhi_pt10 .related {background: #b7b7b7;}

#exhi_pt10 .slick-prev,
#exhi_pt10 .slick-next,
#exhi_pt10 #contents h2:before,
#exhi_pt10 #contents h3:before{background: #707070;}

#exhi_pt10 #contents h2 {
    background: url("../img/common/se_page_pt10.png") no-repeat 0 30%;
    background-size: 100%;
    border-top:solid 2px #707070;
}

#contents .exhi_main h1{
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0.05em;
}

.exhi_main{
    text-align: center;
    margin: 0 auto;
}

.exhi_main img.exhi_img{
    width: 55%;
    max-width: 96%;
    margin: 2%;
}

@media screen and (max-width: 1280px){
    
.exhi_main img.exhi_img{
    width: 80%;
}
}
@media screen and (max-width: 959px){
.exhi_main img.exhi_img{
    width: 100%;
}
}

.exhi_overview {
    padding: 1rem;
    text-align: left;
}
.exhi_overview .outline{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 1.5rem;
}

.status{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 0.5rem;
    align-items: center;
}
.status li{
    background: #fff;
    padding: 0.2rem 0.5rem 0.1rem;
    font-size: 0.9rem;
    border: solid 2px #fff; 
}
.status li.cate{
    padding: 0.2rem 0.5rem 0.1rem;
    font-size: 0.9rem;
    background: var(--gray3);
    border: solid 2px var(--gray3); 
}

.exhi_l h1{
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
}
.exhi_l h1 span{
    display: block;
    font-size: 1.2rem;
}

@media screen and (max-width: 959px){
.exhi_overview {
    padding: 1rem 0;
}
.exhi_overview .outline{
    grid-template-columns: 1fr;
}
.exhi_l h1 span{
    margin: 0;
}
}

.ex_day dt{
    position: relative;
    padding: 0.5rem 1rem 0.5rem 2rem;
}

.ex_day dt.time{
    background: url("../img/common/icon_calendar_b.svg") no-repeat 0 center;
    background-size: 1.7rem;
}
.ex_day dt.area{
    background: url("../img/common/icon_area.svg") no-repeat 0 center;
    background-size: 1.7rem;
    margin-top: 0.5rem;
}
.ex_day dd,
.ex_day2 dd{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.schedule .ex_day2 dd{
    display: block;
}
 
.ex_day span:not([class]){
    letter-spacing: 0.3rem;
    display: inline-block;
    transform: scaleX(1.5);
}
.ex_day2 span:not([class]){
    padding: 0 0.5rem;
    display: inline-block;
    transform: scaleX(1.5);
}

#en .ex_day span:not([class]),
#en .ex_day2 span:not([class]),
#cn .ex_day span:not([class]),
#tw .ex_day span:not([class]),
#kr .ex_day span:not([class]){
	margin-left: 0.5rem;
}

.ex_day span.line {
    margin: 0 0.3rem;
    transform: scaleX(1.5);
}
.exhi_area{
    background: var(--gray3) url("../img/common/img_mega_w.png") no-repeat 95% 10rem;
    background-size: 30%;
    padding: 2rem 0 0;
    margin-bottom: 2rem;
}

@media screen and (max-width: 959px){

.exhi_area .grid div.poster{
    text-align: center;
}
.exhi_area .grid img.flex_img{
    width: 70%;
}
}

/* 開催概要
--------------------------------------------*/

.gaiyo dl div:not([class]){
	display: grid;
    grid-template-columns:20% auto;
	grid-gap: 1rem;
	border-bottom: 1px solid  var(--gray2);
}

.gaiyo dl dt{
    font-weight: 500;
}
.gaiyo dl dt,
.gaiyo dl dd{
	padding: 1rem;
}

@media screen and (max-width: 959px){
.gaiyo dl div:not([class]){
    display: block;
    grid-template-columns:1fr;
	grid-gap: 1rem;
    }
.gaiyo dl dt{
	padding: 1rem 1rem 0;
}
.gaiyo dl dd{
	padding: 0 1rem 1rem;
}
    
}

/* Slider
--------------------------------------------*/

.slider_bg{
    background: var(--gray3);
    padding: 2rem;
    margin-bottom: 2rem;
  }
.slide.variable-width {
    width: 100%;
    margin: 0 auto;
      max-width: 1024px;
}


.slick-slide {
  margin: 0 1rem;
}
.slide figure{
    text-align: center;

  }
.slide img {
  max-width: 100%;
    vertical-align: middle;
}

.slide figcaption{
    text-align: left;
    font-size: .8rem;
  }

/* スライド自体は高さ固定しない */
.slider_bg .slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: auto;
}

/* figure は通常フロー */
.slider_bg .slide figure {
  margin: 0;
  display: block;
  text-align: center;
}

/* ★ 画像だけ高さ制限 */
.slider_bg .slide figure img {
  max-height: 500px; 
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

/* figcaption は必ず表示 */
.slider_bg .slide figcaption {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.4;
  text-align: left;
}

/*常設展*/
.details_in .slick-dots li{top: 2px;}

.slick-dots li button{
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 7px;
    height: 7px;
    background: var(--main);
    text-align: center;
    opacity: .5;
}

.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: solid 2px var(--main);
}

.slick-dots li.slick-active button{
    opacity: 1;
}

/* チラシギャラリー　
--------------------------------------------*/

.poster_list{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 2rem;
    margin-bottom: 2rem;
}
.poster_list img {
  transition: all 0.3s ease;
  border: 4px solid transparent;
}

.poster_list img:hover {
  transform: scale(0.95);
  border: 5px solid var(--gray3);
}

@media screen and (max-width: 959px){
.poster_list{
    grid-template-columns: repeat(2,1fr);
}
}


/* 展示スケジュール　
--------------------------------------------*/
.s_ttl_box{
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr;
    background: #fff;
    gap : 1rem;
    padding: 1rem 0;
}
.s_ttl{
    text-align: center;
    padding: 0.5rem;
    font-weight: bold;
}
.s_ttl span{
    display: flex;
    justify-content: center;
    background: #fff;
    border-radius: 2rem;
    padding: 0.2rem 1rem;
    height: 100%;
    align-items: center;
    line-height: 1.4rem;
}

/* カテゴリ別色分け */
.h_special{background: #EBCF54;}
.h_project{background: #83C6D7;}
.h_outside{background: #82C679;}

.special {background-color: #FEFAEF;}
.project {background-color: #F3F8FB;}
.outside {background-color: #F3F8F2;}


.schedule {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr;
    background: var(--gray2);
    gap : 1px 0;
    border-top: solid 1px var(--gray2);
    border-bottom: solid 1px var(--gray2);
    margin-bottom: 2rem;
}

.schedule > div {
    padding: 1rem 0.5rem 0;
    border-left: 1rem solid #fff;
}

/* 年月ラベル */
.schedule > div.year{
    border-left: none;
    text-align: right;
    font-size: 1.8rem;
    font-weight: 400;
    background: #fff;
    padding: 1rem 0.5rem;
}
.schedule > div.year span{
    font-size: 0.9rem;
    display: inline-block;
    font-weight: normal;
    margin: 0 0.5rem 0 0;
}
.s_list{
    font-size: 0.9rem;
    line-height: 1.4rem;
}
.s_list dt{
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    background: #fff;
    font-weight: 700;
}

.special .s_list dt{border: solid 2px #EBCF54;}
.project .s_list dt{border: solid 2px #83C6D7;}
.outside .s_list dt{border: solid 2px #82C679;}

.s_list dd{
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
}
.s_list dd a{
    display: block;
}

/*区分*/

#modalImg.kubun{
    background: #fff;
    padding: 2rem;
    overflow-y: scroll;
    width: 40%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 959px){
#modalImg.kubun{
    padding: 1rem;
    width: 90%;
}
}

#contents #modalImg.kubun h2{
    border-top:none;
    text-align: center;
}

#modalImg.kubun h2.h_special{background: #EBCF54;}
#modalImg.kubun h2.h_project{background: #83C6D7;}
#modalImg.kubun h2.p_exhibition{background: #f5b2b9;}
#modalImg.kubun h2.outside{background: #82C679;}

/* カレンダー
--------------------------------------------*/
.months{
    display: grid;
    grid-template-columns:1rem auto 1rem;
    grid-gap: 1rem;
}
.months .days{
    text-align: center;
}

.months .days .year{
    font-size: 0.9rem;
    display: block;
}
.months .days .month{
    font-size: 1.6rem;
    font-weight: bold;
}

.months .prev_month img{transform: rotate(90deg);}
.months .next_month img{transform: rotate(-90deg);}

.calender button:focus {
    outline: 2px solid var(--main);
}

.calender{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1rem;
/*	flex-wrap: wrap;*/
    margin-bottom: 2rem;
}
@media screen and (max-width: 599px){
	.calender {
		grid-template-columns: repeat(1,1fr);
	}
}

.calender table{
    border-collapse: collapse;
	width: 100%;
}

.calender table thead tr,
.calender table tbody tr{
    display: grid;
    grid-template-columns: repeat(7,1fr);
	grid-gap: 0.4rem;
    padding: 0.2rem 0;
}

.calender table td button{
    width: 100%;
	border: 1px solid var(--gray2);
	padding: 0.1rem 0.2rem;
}
@media screen and (max-width: 959px){
	.calender table td button{
		padding: 0.5rem 0.2rem;
	}
}


.calender table th.sun{color: #9D667E;}
.calender table th.sat{color: #3D7B99;}

.calender table td button.today,
.calender table td button.close.today {
    background: var(--red);
    border-radius: 5px;
    color: #fff;
}
.calender table td button.close{
    background: var(--gray2);
}

.calender_l button.active {
    background-color: var(--main);
    color: #fff;
    font-weight: bold;
}
.calender_l button.active.close {
    color: var(--main);
}
    
.legend{
    border-bottom: 1px solid var(--gray2);
    margin-bottom: 1rem;
    padding: 1rem 0;
}

.legend li{
    position: relative;
    padding: 0 0 0 1.5rem;
    margin: 0 1rem 0 0 ;
    display: inline-block;
}

.legend li:before{
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    top: 0.2rem;
    left: 0;
    border: 1px solid var(--gray2);
}

.legend li.close:before{
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background: var(--gray2);
}

.legend li.today:before{
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background: var(--red);
	border-radius: 5px;
}

dl.time{
    display: grid;
    grid-template-columns: 5rem auto;
    grid-gap : 1rem;
    margin-bottom: 2rem;
}
dl.time dt{
    border-right: 1px solid var(--gray2);
}
.library_close{
    border: solid 1px var(--red);
    padding: 0.5rem;
}
#contents .library_close h2{
    background: url("../img/common/icon_library.svg") no-repeat;
    background-size: 1.5rem;
    padding: 0 0 0 2rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    border-top:none;
	font-size: 1rem;
}

#contents .library_close p.lnk3{
    margin-bottom: 0;
}

.c_list{
    border-top: solid 1px var(--gray2);
    margin-bottom: 2rem;
}
.c_list li{
    border-bottom: solid 1px var(--gray2);
    padding: 1rem 0 1rem 1rem;
}

.c_list li a{
    display: grid;
    grid-template-areas:
        "itemA itemB "
        ". itemC";
    grid-gap: 0 1rem;
    grid-template-columns:5rem auto;
    background: url("../img/common/arrow02.svg") no-repeat right 1rem center;
    background-size: 13px;
    text-decoration: none;
}

@media screen and (max-width: 599px){
	.c_list li a {
		grid-template-areas:
        "itemA itemB"
        " itemC";
		padding-right: 3rem;
	}
}


.c_list li a:hover{
    background: url("../img/common/arrow02.svg") no-repeat right 0.5rem center;
    background-size: 13px;
}
.c_list li span.cate{
    grid-area: itemA;
    padding: 0.2rem 0.5rem;
    border-radius: 2rem;
    text-align: center;
	display: flex;
	justify-content: center;
    flex-direction: row;
    align-items: center;
	font-size: 0.9rem;
}

.c_list li span.cate.special{background: #EBCF54;}
.c_list li span.cate.project{background: #83C6D7;}
.c_list li span.cate.outside{background: #82C679;}

.c_list li span.ttl{
    grid-area: itemB;
    font-weight: 700;
}
.c_list li span.ex_day2{
    grid-area: itemC;
}

.c_list2,
.c_list3{
    display: grid;
    grid-template-columns:  repeat(2,1fr);
    grid-gap : 1rem;
    margin-bottom: 2rem;
}

.c_list2 li a,
.c_list3 li a{
    display: block;
    border: solid 1px var(--gray2);
    background: #fff url("../img/common/arrow02.svg") no-repeat right 1rem bottom 1rem;
    background-size: 13px;
    text-decoration: none;
    padding: 1rem;
    box-shadow: var(--shadow);
}
.c_list3 li a{
    background: #fff url("../img/common/arrow02.svg") no-repeat right 1rem center;
    background-size: 13px;
}
.c_list2 li a:hover,
.c_list3 li a:hover {
    box-shadow: none;
    transform: translateY(2px);
}
.c_list2 li span.cate{
    padding: 0.3rem 0.5rem 0.2rem;
    border-radius: 2rem;
    text-align: center;
    background: var(--gray3);
}
.c_list2 li span.ttl{
    display: block;
    font-weight: 700;
}

.c_list2 li a.blank{
    background: #fff;
    position: relative;
}

.c_list2 li a.blank img.icon{
    position: absolute;
    right: 0.2rem;
    bottom: 0.5rem;
}
@media screen and (max-width: 959px){
.c_list2,
.c_list3{
    grid-template-columns: 1fr;
}
}

#contents .calender_r h2{
    background: none;
    border-top:none;
    font-size: 1.4rem;
}

/*館外展示がない時*/
.outside_none .h_outside,
.outside_none .outside{
    display: none;
}

.outside_none .schedule,
.outside_none .s_ttl_box{
    grid-template-columns: 100px 1fr 1fr;
}

/* 催し物
--------------------------------------------*/
.event_box{
    background: var(--gray3);
    padding: 2rem 1rem;
    margin-bottom: 1.5rem;
}
.event_box .outline{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap : 1rem;
}
#contents .event_box h1 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 1rem;
}

.event_box img{
    width: 100%;
}
@media screen and (max-width: 959px){
	.event_box .outline{
		grid-template-columns: 1fr;
	}
	.event_box img {
		width: 70%;
		margin: 0 auto;
	}
}

/* 常設展 
--------------------------------------------*/
/*展示一覧*/
#p-exhibition{
    background: linear-gradient(to right, #FFE9EB, #D8EBEF);
    padding: 2rem 0;
}

#p-exhibition .slide figure{
    text-align: center;

  }
#p-exhibition .slide img {
  max-width: 100%;
    vertical-align: middle;
}

#p-exhibition .slide figcaption{
    text-align: left;
    font-size: .8rem;
  }

.p-exhibition #mainvisual > img {
	max-width: 100%;
}
/*期間限定の見どころ*/
.p-exhibition ul.highlight {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.p-exhibition ul.highlight li {
	margin-bottom: 2rem;
}

.p-exhibition ul.highlight a {
    display: block;
    padding: 1rem;
}

.p-exhibition ul.highlight a p {
    display: inline-block;
    text-decoration: none;
    padding: 1rem 1.5rem 0 0;
    background: url(../img/common/arrow02.svg) no-repeat right 0 top 1.3rem;
    background-size: 16px;
    margin-bottom: 0!important;
}

.p-exhibition #contents p {
	line-height: 1.8rem;
}

.p-exhibition .exhibition_area .details_box .zone_text {
	padding: 0.4rem 0.8rem;
	border: solid 1px var(--main);
	display: inline-block;
	line-height: 1.2rem;
	margin: 0 1rem 0 0;
}
.p-exhibition #contents h3 {
    padding: 0;
    background: none;
    border-radius: none;
}
.p-exhibition #contents h3 .zone_text {
	margin: 0 1rem 0 0;
}

.p-exhibition .exhibition_area .details_box summary {
	padding: 1.5rem 2.4rem 1.5rem 5.5rem;
    background-repeat: no-repeat;
	background-position: left 0.5rem center;
	background-size: 4rem;
}

.p-exhibition .exhibition_area .details_box details summary::before {
	top: 40px;
}

.p-exhibition .exhibition_area .details_box details summary::after {
	top: 33px;
}

.p-exhibition .exhibition_area .details_box summary.E1 {
	background-image: url("../../p-exhibition/img/E1_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E2 {
	background-image: url("../../p-exhibition/img/E2_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E3 {
	background-image: url("../../p-exhibition/img/E3_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E4 {
	background-image: url("../../p-exhibition/img/E4_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E5 {
	background-image: url("../../p-exhibition/img/E5_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E6 {
	background-image: url("../../p-exhibition/img/E6_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E7 {
	background-image: url("../../p-exhibition/img/E7_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E8 {
	background-image: url("../../p-exhibition/img/E8_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E9 {
	background-image: url("../../p-exhibition/img/E9_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E10 {
	background-image: url("../../p-exhibition/img/E10_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.E10-2 {
	background-image: url("../../p-exhibition/img/E10-2_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T1 {
	background-image: url("../../p-exhibition/img/T1_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T2 {
	background-image: url("../../p-exhibition/img/T2_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T3 {
	background-image: url("../../p-exhibition/img/T3_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T4 {
	background-image: url("../../p-exhibition/img/T4_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T5 {
	background-image: url("../../p-exhibition/img/T5_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T6 {
	background-image: url("../../p-exhibition/img/T6_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T6-10 {
	background-image: url("../../p-exhibition/img/T6-10_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T6-11 {
	background-image: url("../../p-exhibition/img/T6-11_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T7 {
	background-image: url("../../p-exhibition/img/T7_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T8 {
	background-image: url("../../p-exhibition/img/T8_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T9 {
	background-image: url("../../p-exhibition/img/T9_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.T10 {
	background-image: url("../../p-exhibition/img/T10_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.TS {
	background-image: url("../../p-exhibition/img/TS_bg.png");
}

.p-exhibition .exhibition_area .details_box summary.ML {
	background-image: url("../../p-exhibition/img/ML_bg.png");
}

.p-exhibition .exhibition_area .details_box .details_in {
	background-color: #F2F2F2;
}

.p-exhibition .exhibition_area .details_box details[open] div.details_in {
	padding: 2rem;
}

.p-exhibition .exhibition_area .details_box .topics li {
    font-size: 0.9rem;
	padding: 0.3rem;
	border: solid 1px var(--main);
	display: inline-block;
	line-height: 1.2rem;
	margin: 0 0.5rem 1.5rem 0;
}

.p-exhibition .exhibition_area .details_box .topics li:last-child {
    margin-right: 0;
}

.p-exhibition .exhibition_area .details_box .grid.clm2 > p,
.p-exhibition .exhibition_area .details_box .dl1,
.p-exhibition .exhibition_area .details_box .dl1 dd {
    margin-bottom: 0!important;
}

.p-exhibition .exhibition_area .details_box .dl1 dt {
    margin-bottom: 1rem;
}


@media screen and (max-width: 959px){
    
.p-exhibition ul.highlight {
	grid-template-columns: 1fr;
	gap: 1rem;
}
    
.p-exhibition ul.highlight li {
    margin-bottom: 0;
}

.p-exhibition .exhibition_area .details_box .topics li {
    margin-bottom: 1rem;
}
}