@charset "UTF-8";
.c-exhHeading {
  padding-bottom: 10px;
  margin-bottom: 40px;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  border-bottom: 2px solid #ccc;
}
.c-exhHeading._highlight {
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.c-exhHeading._highlight span {
  position: relative;
  bottom: -2px;
  display: inline-flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #ee8b16;
}

.p-exhContent {
  position: relative;
}
.p-exhContent__body {
  position: relative;
  z-index: 0;
  padding-bottom: 40px;
  margin-top: 30px;
}

.p-exhController {
  display: flex;
  height: 242px;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #f7f5f5;
}
.p-exhController__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}
.p-exhController__tabLink {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: #fff;
  transition: all 0.1s ease;
  transition-property: background, color;
}
._en .p-exhController__tabLink {
  padding-right: 30px;
  padding-left: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
}
.p-exhController__tabLink:not(:first-child) {
  border-left: 1px solid #000;
}
.p-exhController__tabLink::after {
  position: absolute;
  top: calc((46px - 8px * 1.4142135624) / 2);
  right: 20px;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transition: all 0.1s ease;
  transition-property: border-color;
  transform: rotate(135deg);
}
.p-exhController__tabLink:hover {
  color: #fff;
  background: #000;
}
.p-exhController__tabLink:hover::after {
  border-color: #fff;
}
.p-exhController__tabLink:not(._current) {
  padding-right: 30px;
}
.p-exhController__tabLink._current {
  color: #fff;
  background: #000;
}
._en .p-exhController__tabLink._current {
  padding-left: 30px;
}
.p-exhController__pulldownToggle {
  position: relative;
  width: 100%;
}
.p-exhController__pulldownToggle::after {
  position: absolute;
  top: calc((40px - 8px * 1.4142135624) / 2);
  right: calc((38px - 7px * 1.4142135624) / 2);
  width: 8px;
  height: 8px;
  content: "";
  border-top: 1px solid #ee8b16;
  border-right: 1px solid #ee8b16;
  transform: rotate(135deg);
}
.p-exhController__pulldownToggle::before {
  position: absolute;
  top: 50%;
  right: 36px;
  width: 1px;
  height: 19px;
  content: "";
  background: #ccc;
  transform: translateY(-50%);
}
.p-exhController__pulldownToggle select {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding-right: 38px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ee8b16;
  text-align: center;
  text-align: -webkit-center;
  background: #fff;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-exhController__pulldownToggle select option {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
@media not all and (min-width: 1100px) {
  .p-exhController__pulldownToggle select {
    width: 100%;
  }
}
.p-exhController__switch {
  margin-top: auto;
  margin-bottom: 0;
}
.p-exhController__switchLabel {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
.p-exhController__switchBox {
  display: grid;
  grid-template-columns: 50% 50%;
  border: 1px solid #ccc;
}
.p-exhController__switchButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 0;
  transition: all 0.1s ease;
  transition-property: background, color;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-exhController__switchButton._current {
  pointer-events: none;
}
.p-exhController__switchButton._current, .p-exhController__switchButton:hover {
  color: #fff;
  background: #000;
}

.p-exhTable {
  position: relative;
}
.p-exhTable__categories {
  display: grid;
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-exhTable__categoriesItem {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  color: #fff;
  background: #a0a0a0;
}
.p-exhTable__categoriesItem._exh {
  background: #ee8b16;
}
.p-exhTable__categoriesItem._collection {
  background: #404040;
}
.p-exhTable__categoriesItem._projectN {
  background: #d72c2d;
}
.p-exhTable__section:not(:first-of-type) {
  padding-top: 40px;
}
.p-exhTable__group {
  width: 100%;
}
.p-exhTable__box a {
  text-decoration: none;
}
.p-exhTable__boxInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 40px;
  padding-right: 15px;
  padding-bottom: 40px;
  padding-left: 15px;
}
.p-exhTable__box:not(:last-child) .p-exhTable__boxInner {
  border-bottom: 1px dotted #707070;
}
.p-exhTable__boxInner::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin-bottom: 40px;
  line-height: 1;
  color: #fff;
}
.p-exhTable__boxInner + .p-exhTable__boxInner::before {
  display: none;
}
._exh .p-exhTable__boxInner::before {
  content: "企画展";
  background-color: #ee8b16;
}
._en ._exh .p-exhTable__boxInner::before {
  content: "Special Exhibition";
}
._collection .p-exhTable__boxInner::before {
  content: "収蔵品展";
  background-color: #404040;
}
._en ._collection .p-exhTable__boxInner::before {
  content: "From the Collection";
}
._projectN .p-exhTable__boxInner::before {
  content: "project N";
  background-color: #d72c2d;
}
.p-exhTable__heading {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 2px solid #ccc;
}
.p-exhTable__heading span {
  position: relative;
  bottom: -2px;
  display: inline-flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #ee8b16;
}
.p-exhTable__heading br {
  display: none;
}
.p-exhTable__thumb {
  margin-bottom: 16px;
}
.p-exhTable__thumb._hide {
  display: none;
}
.p-exhTable__thumb img {
  height: 210px;
}
.p-exhTable__name {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}

.p-exhTile {
  position: relative;
}
.p-exhTile__categories {
  display: grid;
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-exhTile__categoriesItem {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  color: #fff;
  background: #a0a0a0;
}
.p-exhTile__categoriesItem._exh {
  background: #ee8b16;
}
.p-exhTile__categoriesItem._collection {
  background: #404040;
}
.p-exhTile__categoriesItem._projectN {
  background: #d72c2d;
}
.p-exhTile__section:not(:first-of-type) {
  padding-top: 40px;
}
.p-exhTile__group {
  width: 100%;
}
.p-exhTile__box a {
  text-decoration: none;
}
.p-exhTile__boxInner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
}
.p-exhTile__box:not(:last-child) .p-exhTile__boxInner {
  border-bottom: 1px dotted #707070;
}
.p-exhTile__boxInner::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin-bottom: 40px;
  line-height: 1;
  color: #fff;
}
.p-exhTile__boxInner + .p-exhTile__boxInner::before {
  display: none;
}
._exh .p-exhTile__boxInner::before {
  content: "企画展";
  background-color: #ee8b16;
}
._collection .p-exhTile__boxInner::before {
  content: "収蔵品展";
  background-color: #404040;
}
._projectN .p-exhTile__boxInner::before {
  content: "project N";
  background-color: #d72c2d;
}
.p-exhTile__heading {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 2px solid #ccc;
}
.p-exhTile__heading span {
  position: relative;
  bottom: -2px;
  display: inline-flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #ee8b16;
}
.p-exhTile__heading br {
  display: none;
}
.p-exhTile__thumb._hide {
  display: none;
}
.p-exhTile__thumb img {
  height: 210px;
}
.p-exhTile__schedule {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-exhTile__name {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}