/* ----------------------------------------
タイトル部分
---------------------------------------- */
.c-main .c-pagetitle__bg {
    background-color: #ebf3f2;
}

/* ----------------------------------------
冒頭調整
---------------------------------------- */
.c-article.first {margin: 100px 0 0 0;}



/* ----------------------------------------
お知らせ調整
---------------------------------------- */
.c-main .c-news__inner {position: relative;}
.c-main .c-news__article {
    margin: 48px 0 40px 0;
}
.c-main .c-news__list-link {
  position: absolute;
  bottom:-50px;
  margin: 0;
  right:0;
}

.c-main .c-news__article-list:last-child {padding: 20px 0 20px 0;}
.c-main .c-news__article-list:last-child {border-bottom: 1px solid #d9e7e5;}

.c-main .c-news__article-link.pdf::after {
content: "";
    background-image: url(/images/common/icon-pdf.png);
    background-repeat: no-repeat;
    background-size: 19px 24px;
    background-position: right center;
    padding-right: 24px;
	margin-right: 5px;}

/* ----------------------------------------
重要なお知らせ
---------------------------------------- */
.c-main .c-inner.important {margin:60px auto;}
.important .important_heading {
  font-size:1.8rem;
  font-weight: bold;
  color:#746bac;
  margin:0 0 25px;}

.important p{
  font-size: 1.6rem;
  line-height: 1.75;
  margin:0;
}



/* ----------------------------------------
リンク調整
---------------------------------------- */
/*テキストリンク*/
.c-main .exhibition_content_area a {
  text-decoration: underline;
  color: #008b56;
}
.c-main .exhibition_content_area a.hover {text-decoration: none;}


/* ボタン */
.c-main .c-content__btn {
  justify-content:flex-start;
  align-items: center;
}

.c-main .c-content__btn--link {
  height:72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 1500px) {
.c-main .c-content__btn--link.c-content__btn--arrow {
  min-width: 200px;
  padding: 10px 40px 10px 8px;}
}



.c-main .c-content__btn--text {
    font-size: 1.8rem;
    line-height: 1.333;
    padding: 0 0 0 10px;
}

.c-main .exhibition_content_area .c-content__btn a {
  text-decoration: none;
} 


/* ----------------------------------------
アイコン付メニュー部分
---------------------------------------- */
.p-research__nav.p-margin {
  margin: 80px 0 120px 0;
}

.p-research__nav-list {
  display: flex;
  width: 100%;
}

.p-research__nav-list-item {
  width: 25%;
  border: 1px solid #d9e7e5;
}


.p-research__nav-list-item:nth-child(n + 2) {
  margin-left: -1px;
}

.p-research__nav-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 18px 27px 24px 27px;
  background-color: #f2f6f6;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.p-research__nav-link.is-bg-active {
  background-color: #008b56;
}

.p-research__nav-link.hover {
  background-color: #008b56;
}

.p-research__nav-title {
  display: flex;
  align-items: center;
  margin: 0 0 18px 0;
  min-height: 42px;
  font-size: 2.1rem;
  color: #008b56;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.p-research__nav-link.is-bg-active .p-research__nav-title {
  color: #fff;
}

.p-research__nav-link.hover .p-research__nav-title {
  color: #fff;
}

.p-research-nav-img-inner {
    text-align: center;
}
.p-research-nav-img {
  width: 75%;
  height: auto;
  vertical-align: bottom;
}
@media all and (-ms-high-contrast:none){
  .p-research-nav-img { max-width: 200px; } /* IE */
}


@media (max-width: 1260px) {
  .p-research__nav-title {
    font-size: 1.9rem;
  }
}

@media (max-width: 925px) {
  .p-research__nav-title {
    /*min-height: 76px;*/
    min-height: 45px;
  }
}


/* ----------------------------------------
閲覧・展示室見学
---------------------------------------- */
.c-main .c-feature {margin-bottom:80px;}

.c-feature__content dl {
  margin-top:30px;
  font-size:1.6rem;
  display: flex;
  flex-wrap: wrap;
}
.c-feature__content dt {
  width:9rem;
  margin-bottom:10px;
  font-weight: bold;
}
.c-feature__content dd {
  width: calc(100% - 9rem);
  margin-bottom:10px;
}

.c-main .c-feature .c-content__btn {margin: 10px auto 0;}

@media all and (max-width: 926px) {
.request_btn br{display: none;}
}

/* ----------------------------------------
tab
---------------------------------------- */
.exhibition_tab {
  margin-top:40px;
  margin-bottom:80px;}

.exhibition_tab ul.tab_area{
  display: flex;
  justify-content: center;
}
.exhibition_tab ul.tab_area li {
  border-right:1px solid #f2f6f6;
  width: 50%;}

.exhibition_tab ul.tab_area li:last-child {border-right:none;}


.exhibition_tab ul.tab_area li a {
  display: block;
  width: 100%;
  color: #008b56;
  background: #f2f6f6;
  order: -1;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  transition: 0.2s ease;}

.exhibition_tab ul.tab_area a span {
  display: inline-block;
  position: relative;}

.exhibition_tab ul.tab_area a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -3rem;
  width: 8px;
  height: 8px;
  border-top: 2px solid #008b56;
  border-right: 2px solid #008b56;
  transform: rotate(45deg) translateY(-50%);
  transition: 0.2s ease;
}

.exhibition_tab ul.tab_area li a.hover {
  color: #fff;
  background: #008b56;}
.exhibition_tab ul.tab_area a.hover span::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;}

.exhibition_tab ul.tab_area a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -3rem;
  width: 8px;
  height: 8px;
  border-top: 2px solid #008b56;
  border-right: 2px solid #008b56;
  transform: rotate(45deg) translateY(-50%);}

.exhibition_tab ul.tab_area a.active{
  background: #008b56;
  color: #fff;
  transition: all 0.2s ease-out;
}

.exhibition_tab ul.tab_area a.active span::before {
  content: "";
  top:45%;
  border-top: none;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  }

.tab_br {display:none;}
.hide{display:none;}


/* ----------------------------------------
exhibition_content_area
---------------------------------------- */
.exhibition_tab div.exhibition_content_area {
  margin-top: -200px;
  padding-top: 220px;}


.exhibition_tab div.exhibition_content_area div#Special,
.exhibition_tab div.exhibition_content_area div#Permanent {
  margin-top: -200px;
  padding-top: 200px;
}
.exhibition_content_area .exhibition-label {
  width: 110px;
  border-radius: 3px;
  background-color: #ddd;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  height: 25px;
}

.exhibition_content_area .exhibition-label[data-text*="常設展示"] {background-color: #ddbe44;}
.exhibition_content_area .exhibition-label[data-text*="企画展示"] {background-color: #ddbe44;}
.exhibition_content_area .exhibition-label[data-text*="開催予定"] {background-color: #c9cf1b;}
.exhibition_content_area .exhibition-label[data-text*="展示会"] {background-color: #c9cf1b;}
.exhibition_content_area .exhibition-label[data-text*="会期延長"] {background-color: #c9cf1b;}
.exhibition_content_area .exhibition-label[data-text*="開催終了"] {background-color: #666;}

.c-main .c-exhibition__content--text {width:calc(100% - 110px);}


/* 特別展示会 */
div#Special .c-tab-content__wrap:last-child {border-bottom: 1px solid #d9e7e5;}
div#Special.pc {display: none;}
dl.exhibition_detail {
  margin-top:30px;
  font-size:1.6rem;
  display: flex;
  flex-wrap: wrap;
}
dl.exhibition_detail dt {
  width:5rem;
  margin-bottom:20px;
  font-weight: bold;
}
dl.exhibition_detail dd {
  width: calc(100% - 5rem);
  margin-bottom:20px;
}

/* 特別展示会　講演会 */
dl.exhibition_detail.lecture dt { width:9rem;}
dl.exhibition_detail.lecture dd { width: calc(100% - 9rem);}
dl.exhibition_detail.lecture dd span.notes {font-size:1.2rem;}

/* 常設展示室のご案内 */
.c-main #Permanent div.explanation {display: flex;}
.c-main #Permanent .c-exhibition__label {width:110px;}
.c-main #Permanent .c-exhibition__content--text {
  width:calc(100% - 140px);
  font-size:1.6rem;
  line-height: 1.75;
  font-weight:bold;
}


.c-main #Permanent .c-tab-content__wrap {display: block;}

.exhibition_content_area .c-content__text{
margin: 40px 0 20px 0;
}

.exhibition_content_area .c-exhibition__detail--text{
  line-height: 1.714;
}

.text--underline{
text-decoration: underline;
}
.text--attention{
color: #e60012;
}


/* table */
#Permanent table {
  width: 100%;
  font-size:1.6rem;
  line-height: 1.75;
  margin:40px 0 30px;}

#Permanent table th,table td {
  padding:20px 40px;
  vertical-align: top;
  border: 1px solid #e5ebeb;
  border-collapse: collapse;}

#Permanent table th {
  width:250px;
  text-align: left;
  background: #f2f6f6;
  vertical-align: top;
}

#Permanent table th span {
  font-size:1.4rem;
  line-height: 2;
  font-weight: normal;
}


/* リンクボタン */
#Permanent .c-content__btn {margin: 0 auto;}

/* リンクボタンのアイコン位置調整 */
.c-content__btn--link picture,
.c-information__btn--link picture {
  width:40px;
  height:40px;
  margin-top:2px;
  line-height: 1;}

/* ----------------------------------------
movie__wrap
---------------------------------------- */
.movie-content__wrap{
  background-color: #f2f6f6;
  padding:30px;
  margin: 70px 0 0 0;
}

.movie-content__wrap .c-article__title {
  position: relative;
  padding-left:50px;
}

.movie-content__wrap .c-article__title picture img {
  position: absolute;
  top:0;
  left:0;
  display: block;
  width:40px;
  height:40px;
} 

.movie-content__wrap .c-content__btn{
  margin: 10px auto 0;
}
.movie-content__wrap .c-content__btn--link{
  background-color: #fff;
}

.movie-content__wrap .c-content__btn--link {
  width: 25%;
  min-width: auto;
  max-width: 455px;
}


@media (min-width: 768px) and (max-width: 1500px){
.c-main .movie-content__wrap .c-content__btn--link.c-content__btn--arrow {
  min-width: auto;}
}


.movie__wrap .c-content__text{
  margin: 20px 0 0 0;
}
.movie__wrap .c-content__list{
  
}

.movie__wrap .c-content__list {
  font-size: 1.6rem;
  line-height: 2.25;
}

.movie__wrap .c-content__list a{
  color: #008b56;
  text-decoration: underline;
}
.movie__wrap .c-content__list a.hover{
  text-decoration: none;
}



/* ----------------------------------------
関連情報
---------------------------------------- */
.c-main .c-information {margin: 80px 0 120px 0;}
.c-main .c-information__btn--text {padding-left: 10px;}
.c-main .c-information__btn--link {
  display: flex;
    padding: 14px;
    min-height: 100px;
    align-items: center;}


/* サブタイトル罫線 */
span.subtitle::before,
span.subtitle::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.8em;
  border-top: 0.1rem solid #333;
  height: 0.4em;
}

a.hover span.subtitle::before,
a.hover span.subtitle::after {
  color:#008b56;
  border-top: 0.1rem solid #008b56;
  border-bottom:0.1rem solid #008b56;
  width: 0.8em;
  height: 0.5em;
  top: 0.2rem;
}


span.subtitle-b::before,
span.subtitle-b::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 0.8em;
  border-top: 0.2rem solid #333;
  height: 0.4em;
}

.c-main span.subtitle::before,
.c-main span.subtitle-b::before {margin-right:0.2rem;}
.c-main span.subtitle::after,
.c-main span.subtitle-b::after{margin-left:0.2rem;}

.no-break {
  white-space: nowrap;
}