@charset "utf-8";
/* ==========================================================================
   TOPページ用
   ========================================================================== */
/* 一旦諸々はここに書きます
   ----------------------------------------------------------------- */
/**
 * contents
   ※TOP限定
 */
.contents {
  padding-right: 0em;
  padding-left: 0em;
  padding-bottom: 0; /*TOPにはpadding-bottom不要？*/
  border-bottom: none; /*TOPにはborder-bottom不要？*/
}
.contents > .section {
  padding: 7em 0;
}
.contents > .section:nth-child(odd) {
  background: var(--bg-color__light-gray);
}
.contents a[target="_blank"]:after {
  content: none;
}
/* イベント＆カレンダー＆お知らせ .information
   ----------------------------------------------------------------- */
.contents > .section:first-of-type {
  padding: 5em 1em 7em;
}
.information {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 50px;
}
/* 開催中・開催予定のイベント .event
   ------------------------------------------- */
.event {
  flex: 1;
}
/**
 * メディア（開催中のイベントポスター付き）.c-media
 */
.c-media {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.c-media__img {
  width: 245px;
  border: #C4C4C4 1px solid;
  margin-right: 3em;
}
.c-media__data {
  flex: 1;
}
.c-media__title {
  font-size: 3.0rem;
  margin-bottom: 0.6em;
  line-height: 1.5;
}
.c-media__sub-title {
  font-size: 0.85em;
  display: block;
}
.c-media__description {
  line-height: 1.8;
}
.c-media__link {
  padding-left: 1.3em;
  background: url(../img/common/icon-link_black_01.svg) no-repeat left top 0.12em / 1.0em;
  display: block;
  line-height: 1.2;
  margin: 0.5em 0;
}
/* .c-media.c-media--multi--- */
.c-media--multi {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: #ccc dotted 1px;
}
@media (min-width:931px) /*大サイズのみ*/ {
  .c-media--multi .c-media__img {
    width: 120px;
  }
}
/*/.c-media.c-media--multi*/
@media (max-width:930px) /*ここは要調整*/ {
  .information {
    flex-direction: column;
  }
  .c-media {
    flex-direction: column;
  }
  .c-media__img {
    margin: 2em 0;
  }
  .h-style-b::before, .h-style-b::after {
    flex-grow: 0.15; /* 横棒の長さを調節 */
  }
  .c-media__title {
    font-size: 2.2rem;
    margin-bottom: 0.6em;
    line-height: 1.5;
  }
}
/* 今月の開館日カレンダー .calendar
   ------------------------------------------- */
.calendar {
  border: 1px solid #ACACAC;
  padding: 1.8em 1.4em 1.4em;
  width: 22em;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;/*これがあると上揃えにならないけど、ないとタテに伸びます*/
}
.calendar h2 {
  font-size: 2.2rem;
}
.calendar .c-calendar {
  margin-bottom: 1em
}

/* お知らせ .news
   ------------------------------------------- */
.news {
  width: 100%;
  margin-top: 4em;
}
/* 展示内容について .display-items
   ----------------------------------------------------------------- */
.display-items__list {
  display: flex;
  justify-content: space-between;
  /*align-items: center;　これがあると高さがバラバラに*/
  flex-wrap: wrap;
}
.display-items__list > .linked-card {
  width: 49%;
  margin: 0.5%;
  display: flex; /*高さを揃えるため*/
  align-items: center;
}
/**
 * 全体リンクカード
 */
.linked-card__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: var(--bg-color__white);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 1em;
  overflow: hidden;
  color: var(--txt-color__black);
  text-decoration: none;
  height: 100%;
  width: 100%;
}
.linked-card__image {
  height: 213px;
}
.linked-card__data {
  padding: 1.4em;
}
.linked-card__title {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 2.0rem;
  margin-bottom: 0.8em;
}
.linked-card__link-txt {
  background: url("../img/common/icon-link_black_01.svg") no-repeat top left / 1em;
  padding-left: 1.4em;
}
.linked-card__description {
  line-height: 1.5;
}
/*hover*/
.linked-card__link:hover .linked-card__title {
  text-decoration: underline;
}
/*.txt-size__larger*/
.txt-size__larger .display-items__list > .linked-card {
  width: 99%;
}
@media (max-width:1080px) /*ここは要調整*/ {
  .display-items__list > .linked-card {
    width: 99%;
    margin: 7px 0.5%;
  }
  .display-items__list .linked-card__link {
    width: 46%;
  }
  .linked-card__description--sp-only {
    flex: 1;
  }
  .linked-card__title {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .linked-card__image {
    height: 120px;
  }
  .linked-card__description {
    display: none;
  }
  .linked-card__description--sp-only {
    padding: 0.5em 0.5em 1em;
  }
}
@media (max-width:800px) /*ここは要調整*/ {
  .display-items__list > .linked-card {
    flex-direction: column;
  }
  .display-items__list .linked-card__link {
    width: 100%;
  }
}
@media (min-width:1081px) /*大表示！ここは要調整*/ {
  .linked-card__description--sp-only {
    display: none;
  }
}
/* 関連サイトのご案内 .website
   ----------------------------------------------------------------- */
.website__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 1060px;
  margin: auto;
}
.website__list li {
  width: 49%;
  margin: 0.5%;
}
/* 近隣施設のご案内 .shisetsu
   ----------------------------------------------------------------- */
.shisetsu__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 900px;
  margin: auto;
}
.shisetsu__list li {
  width: 32%;
  margin: 0.5%;
}
/* その他、TOP限定スタイル
   ----------------------------------------------------------------- */
@media (max-width: 1700px) {
  .h-3 {
    margin-bottom: 1em !important;
  }
}
@media (max-width: 760px) {
  .h-3 {
    margin-bottom: 3em !important;
  }
}