@charset "UTF-8";
#museum {
  --site--logo--size--sp: 25vw;
  --site--logo--size--pc: min(14vw, 175px);
}
#museum .site_content .cont_head {
  background-color: var(--wp--preset--color--theme-palegold);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding: 1.5rem 2vw;
  gap: 1rem;
  margin-top: min(7vw, 80px);
}
@media screen and (max-width: 599px) {
  #museum .site_content .cont_head {
    margin-top: 15vw;
  }
}
#museum .site_content .cont_head .cont_title {
  margin-top: 0;
}
#museum .site_content .cont_head .museum_logo {
  flex-basis: 20%;
}
#museum .site_content .cont_head .museum_logo a {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 1;
}
#museum .site_content .cont_head .museum_logo img {
  vertical-align: bottom;
}
#museum .site_content .cont_head .museum_logo img.logo_sp {
  aspect-ratio: 64/52;
  height: min(10vw, 4em);
}
#museum .site_content .cont_head .museum_logo img.logo_pc {
  aspect-ratio: 182/36;
  height: 2.75em;
}
@media (max-width: 1199px) {
  #museum .site_content .cont_head .museum_logo img.logo_pc {
    display: none !important;
  }
}
@media (min-width:1200px) {
  #museum .site_content .cont_head .museum_logo img.logo_sp {
    display: none !important;
  }
}
#museum .facility_navi .wp-block-post-template .wp-block-post .navi_block {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  padding: 0.75rem 0.25rem;
}
#museum .facility_navi .wp-block-post-template .wp-block-post .navi_block:has(a[href*=-exhibition-room]) {
  background-color: #3c3838;
  color: #e6b95d;
}
#museum .facility_navi .wp-block-post-template .wp-block-post .navi_block > * {
  margin: 0;
}
#museum .facility_navi .wp-block-post-template .wp-block-post .navi_block .navi_title {
  text-wrap: balance;
  align-self: center;
  min-height: 2em;
}
#museum .facility_navi .wp-block-post-template .wp-block-post.current-post-item .navi_thumb::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  width: auto;
  height: 0;
  border-top: solid var(--wp--preset--color--theme-red);
}
#museum .facility_navi .wp-block-post-template .wp-block-post .page_section_navi .wp-block-button .wp-block-button__link {
  background-color: var(--wp--preset--color--theme-palegold);
}
@media (max-width: 899px) {
  #museum .facility_navi .wp-block-post-template {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 599px) {
  #museum .facility_navi .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width:600px) {
  #museum .facility_navi .wp-block-post-template .wp-block-post .navi_block {
    padding: 0.25rem 0.25rem 0;
  }
}
#museum .theme_menu {
  counter-reset: theme_menu;
}
#museum .theme_menu > .menu {
  counter-increment: theme_menu;
  transition: all 0.2s;
}
#museum .theme_menu > .menu .wp-element-caption {
  text-align: center;
  font-family: var(--wp--preset--font-family--theme-gothic-head);
  font-weight: 500;
}
#museum .theme_menu > .menu .wp-element-caption::before {
  content: counter(theme_menu);
  display: inline-block;
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  font-size: 0.8em;
  line-height: 1.5;
  background-color: var(--wp--preset--color--theme-navy);
  color: var(--wp--preset--color--theme-white);
  vertical-align: middle;
  translate: 0 -0.125em;
}
#museum .theme_menu > .menu:has(a:hover) {
  opacity: 0.8;
}
@media screen and (max-width: 599px) {
  #museum .theme_menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
#museum .theme_map > .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
}
#museum .theme_map .theme_map_list {
  counter-reset: theme_map;
  list-style: none;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
}
#museum .theme_map .theme_map_list > li {
  position: absolute;
  counter-increment: theme_map;
}
#museum .theme_map .theme_map_list > li a {
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  background: linear-gradient(90deg, rgb(23, 145, 204) 0%, rgb(6, 55, 93) 100%);
  color: var(--wp--preset--color--theme-white);
  text-decoration: none;
  font-size: clamp(0.625rem, 0.438rem + 0.5vw, 0.75rem);
  overflow: hidden;
}
#museum .theme_map .theme_map_list > li a bdo {
  font-size: 0.8em;
}
#museum .theme_map .theme_map_list > li a::before {
  content: counter(theme_map);
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-bottom: 0.2em;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
  text-indent: 0;
}
#museum .theme_map .theme_map_list > li a::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: var(--wp--preset--color--theme-white);
  background-image: url(../../assets/images/arr--link-self.svg);
}
#museum .theme_map .theme_map_list > li a:hover {
  scale: 1.05 1.05;
}
#museum .theme_map .theme_map_list > li a[href="#theme08"] {
  pointer-events: none;
}
#museum .theme_map .theme_map_list > li a[href="#theme08"]::after {
  display: none;
}
#museum .theme_map .theme_map_list > li:has(a:nth-child(2)) {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#museum .theme_map .theme_map_list > li:not(:has(a:nth-child(2))) {
  z-index: 100;
  width: 13.5%;
  translate: -50% -50%;
}
#museum .theme_map .theme_map_list > li:not(:has(a:nth-child(2))) a {
  padding-bottom: 2em;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
#museum .theme_map .theme_map_list > li:not(:has(a:nth-child(2))) a::after {
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto auto 12%;
}
#museum .theme_map .theme_map_list > li:nth-child(1) {
  top: 53.75%;
  left: 49.5%;
}
#museum .theme_map .theme_map_list > li:nth-child(2) {
  top: 69%;
  left: 19.8%;
}
#museum .theme_map .theme_map_list > li:nth-child(3) {
  top: 21.5%;
  left: 19.8%;
}
#museum .theme_map .theme_map_list > li:nth-child(4) {
  top: 16%;
  left: 49.5%;
}
#museum .theme_map .theme_map_list > li:nth-child(5) {
  top: 21.5%;
  left: 81%;
}
#museum .theme_map .theme_map_list > li:nth-child(6) {
  top: 69%;
  left: 81%;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a {
  position: absolute;
  width: 22%;
  padding: 0.25em 2.5em;
  height: 3em;
  border-radius: 99em;
  translate: -50% -50%;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0.75em;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a::after {
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0.75em;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a:nth-child(1) {
  top: 34.75%;
  left: 36.75%;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a:nth-child(2) {
  top: 34.75%;
  left: 62%;
}
#museum .theme_map .theme_map_list > li:nth-child(7) > a:nth-child(3) {
  top: 73.25%;
  left: 62%;
}
#museum .theme_map .theme_map_list > li:nth-child(8) {
  top: 89.5%;
  left: 49.5%;
}
@media screen and (max-width: 599px) {
  #museum .theme_map .theme_map_list > li a {
    color: transparent;
  }
  #museum .theme_map .theme_map_list > li a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto !important;
    color: var(--wp--preset--color--theme-white);
  }
  #museum .theme_map .theme_map_list > li a::after,
#museum .theme_map .theme_map_list > li a br {
    display: none !important;
  }
}
#museum .theme_list {
  counter-reset: theme_section;
}
#museum .theme_list .theme_section {
  counter-increment: theme_section;
}
#museum .theme_list .theme_section .theme_title {
  padding-left: 1.75em;
  line-height: 1.25;
}
#museum .theme_list .theme_section .theme_title::before {
  content: counter(theme_section);
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1.5em;
  height: 1.5em;
  font-size: 0.8em;
  line-height: 1.5;
  background-color: var(--wp--preset--color--theme-navy);
  color: var(--wp--preset--color--theme-white);
  text-align: center;
  vertical-align: middle;
}
#museum .theme_list .theme_section .theme_gallery .photo_gallery {
  gap: var(--wp--preset--spacing--20);
}
#museum .theme_list .theme_section .theme_gallery .photo_gallery.slick-slider .slick-slide {
  margin-right: var(--wp--preset--spacing--20);
}
@media screen and (max-width: 599px) {
  #museum .theme_list .theme_section {
    gap: var(--wp--preset--spacing--20);
  }
  #museum .theme_list .theme_section .theme_summary,
#museum .theme_list .theme_section .theme_photo,
#museum .theme_list .theme_section .theme_gallery {
    grid-column: 1/3 !important;
  }
  #museum .theme_list .theme_section .theme_summary {
    margin-bottom: var(--wp--preset--spacing--30);
  }
  #museum .theme_list .theme_section .theme_gallery .wp-block-image.-sp_large {
    width: 100%;
  }
}
@media (min-width:600px) {
  #museum .theme_list .theme_section {
    gap: var(--wp--preset--spacing--40);
  }
  #museum .theme_list .theme_section .theme_photo > .wp-block-image {
    width: 100%;
    height: 100%;
  }
  #museum .theme_list .theme_section.grid_l1r2 .theme_summary {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  #museum .theme_list .theme_section.grid_l1r2 .theme_photo {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  #museum .theme_list .theme_section.grid_l1r2 .theme_photo > .wp-block-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #museum .theme_list .theme_section.grid_l1r2 .theme_gallery {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  #museum .theme_list .theme_section.grid_l1r2 .theme_gallery .photo_gallery {
    width: min(50vw - var(--wp--preset--spacing--40) / 2, 600px - var(--wp--preset--spacing--40) / 2);
  }
  #museum .theme_list .theme_section.grid_t2b1 .theme_photo {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #museum .theme_list .theme_section.grid_t2b1 .theme_summary {
    align-self: end;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  #museum .theme_list .theme_section.grid_t2b1 .theme_gallery {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  #museum .theme_list .theme_section.grid_t2b1 .theme_gallery .photo_gallery {
    width: min(100vw, 1600px);
    left: 50%;
    translate: -50% 0;
  }
}
@media (min-width:900px) {
  #museum .theme_list .theme_section.grid_t2b1 .theme_photo {
    min-height: min(30vw, 400px);
  }
  #museum .theme_list .theme_section.grid_t2b1 .theme_photo > .wp-block-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    max-width: none;
    height: 100%;
  }
}
#museum #highlight::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  background-color: var(--wp--preset--color--theme-palegold);
  z-index: 0;
  translate: 50vw 0;
}
@media screen and (max-width: 599px) {
  #museum #highlight::before {
    width: 95vw;
  }
}
@media (min-width:600px) {
  #museum #highlight::before {
    width: calc(50vw + 66%);
  }
}
#museum .no-deco a {
  text-decoration: none;
}
#museum .box_backnumber .new {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#museum .dl_icon .wp-block-button__link::after {
  background-color: transparent;
  border-radius: 0;
  background-image: url(../../education/images/dl_icon.svg) !important;
}
#museum .backnumber_detail .wp-block-accordion-heading {
  text-align: center;
}
#museum .backnumber_detail .wp-block-accordion-heading::after {
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  display: block;
  background: url(../images/acc-icon.svg) no-repeat;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
#museum .backnumber_detail .is-open .wp-block-accordion-heading::after {
  transform: translateY(-50%) rotate(180deg);
}
#museum .backnumber_detail .wp-block-columns:has(.new) {
  margin-top: 2.5em;
}
#museum .backnumber_detail figure {
  border: 1px solid var(--wp--preset--color--theme-darkgray);
}
#museum .backnumber_detail .wp-block-column:has(.new) {
  position: relative;
}
#museum .backnumber_detail .wp-block-column:has(.new) figure {
  margin-top: 0;
}
#museum .backnumber_detail .new {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}
#museum .backnumber_arr .wp-block-accordion-heading::after {
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  display: block;
  background: url(../images/acc-icon.svg) no-repeat;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
#museum .backnumber_arr .is-open .wp-block-accordion-heading::after {
  transform: translateY(-50%) rotate(180deg);
}
#museum .wp-block-heading.sect_title {
  font-size: clamp(1.25rem, 0.625rem + 1.67vw, 1.875rem);
}
#museum .wp-block-heading.sect_title bdo[lang=en] {
  margin-right: 0.5em;
  font-size: 1.8em;
}
#museum .wp-block-heading.sect_title small {
  font-size: 0.9em;
}
@media screen and (max-width: 599px) {
  #museum .wp-block-heading.pc_en_side bdo[lang=en] {
    display: none;
  }
}
@media (min-width:600px) {
  #museum .wp-block-heading.pc_en_side bdo[lang=en] {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0.5em;
    margin-left: -1em;
    transform-origin: top left;
    rotate: 90deg;
  }
  #museum .wp-block-heading.pc_en_side bdo[lang=en]::after {
    content: "";
    display: inline-block;
    margin-left: 1em;
    width: 4em;
    height: 0.5em;
    background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
    background-size: 4px 1em;
    background-repeat: repeat-x;
    transform: skewX(-15deg);
  }
}
#museum .sect_title {
  line-height: 1.25;
}
@media screen and (max-width: 599px) {
  #museum .sect_navi .wp-block-button {
    max-width: 90vw;
  }
}
@media (min-width:600px) {
  #museum .sect_navi .wp-block-button {
    max-width: 800px;
  }
}
@media screen and (max-width: 599px) {
  #museum .tablist .tab {
    text-align: center;
    padding-bottom: 0.25em;
    border-bottom: solid 2px;
  }
}
@media (min-width:600px) {
  #museum .tablist {
    display: grid;
    gap: 0 10%;
  }
  #museum .tablist .tab {
    margin: 0;
    order: 0;
  }
  #museum .tablist .tabpanel {
    order: 1;
  }
}
#museum .home_header .cover_slide {
  min-width: 100%;
  width: 100%;
  overflow: hidden;
  display: block !important;
  position: relative;
}
#museum .home_header .cover_slide .slick-list,
#museum .home_header .cover_slide .slick-track {
  display: flex !important;
  width: 100% !important;
}
#museum .home_header .cover_slide .slick-slide {
  display: block !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  float: left;
}
#museum .home_header .cover_slide .cover_block {
  position: relative;
  align-items: center;
}
#museum .home_header .cover_slide .cover_block .wp-block-cover {
  width: 100% !important;
}
#museum .home_header .cover_slide .cover_block .wp-block-cover__inner-container {
  width: 100%;
  position: absolute;
  height: 50%;
  top: 50%;
  left: 2%;
  display: flex;
  flex-direction: column;
}
#museum .home_header .cover_slide .cover_block .cover_title {
  line-height: 1;
  font-size: clamp(1.75rem, 0.375rem + 3.67vw, 3.125rem);
}
#museum .home_header .cover_slide .cover_block .cover_navi {
  margin-top: auto;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 599px) {
  #museum .home_header .cover_slide .cover_block .cover_navi {
    justify-content: center;
  }
}
#museum .home_header .cover_slide .cover_block .cover_navi .wp-block-button {
  flex-basis: 20rem;
}
#museum .home_header .cover_slide.slick-slider .slick-dots {
  display: flex;
  bottom: 0;
  right: 0;
  left: auto;
  width: auto;
  height: 4px;
  z-index: 100;
}
#museum .home_header .cover_slide.slick-slider .slick-dots > li {
  height: auto;
}
#museum .home_header .cover_slide.slick-slider .slick-dots > li button {
  width: 100%;
  height: auto;
  font-size: var(--wp--preset--font-size--medium);
}
#museum .home_header .cover_slide.slick-slider .slick-dots > li button::before {
  color: var(--wp--preset--color--theme-white);
  width: 100%;
  height: 0;
  content: "";
  border: solid 2px var(--wp--preset--color--theme-white);
}
@media screen and (max-width: 599px) {
  #museum .home_header {
    grid-template-columns: 1fr 1fr;
  }
  #museum .home_header .cover_slide .cover_block {
    height: 120vw;
  }
  #museum .home_header .cover_slide.slick-slider .slick-dots {
    gap: 0.25rem;
    margin: 0.75rem;
  }
  #museum .home_header .cover_slide.slick-slider .slick-dots > li {
    width: 1.5rem;
  }
  #museum .home_header .pr_banner {
    padding: 0.75rem 0.35rem;
  }
}
@media (min-width:600px) {
  #museum .home_header {
    grid-template-columns: 1fr 1fr calc((100vmin - var(--site--header--height--pc)) / 2);
  }
  #museum .home_header .cover_slide .cover_block {
    height: calc(100vmin - var(--site--header--height--pc));
  }
  #museum .home_header .cover_slide.slick-slider .slick-dots {
    gap: 0.75rem;
    margin: 1.5rem;
  }
  #museum .home_header .cover_slide.slick-slider .slick-dots > li {
    width: 3.8rem;
  }
}
#museum .fz70-40 {
  font-size: clamp(2.5rem, 1.818rem + 3.41vw, 4.375rem);
}
#museum .faci_col {
  margin-left: calc(var(--wp--style--root--padding-left) * -1 + 5vw);
}
@media screen and (max-width: 599px) {
  #museum .faci_col {
    margin-left: 0;
  }
}
#museum .faci_col .box_faci {
  position: relative;
}
#museum .faci_col .box_faci .wp-block-image {
  margin: 0;
}
#museum .faci_col .box_faci .faci_title {
  margin: 0;
  position: absolute;
  left: 1.5rem;
  top: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#museum .faci_col .box_faci .faci_title::after {
  content: "";
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  background: url(../images/Icon\ ionic-ios-arrow-dropright_white.svg) no-repeat;
  background-size: contain;
  right: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
#museum .faci_col .box_faci .faci_link {
  position: absolute;
  opacity: 0;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  top: 0;
  left: 0;
}
#museum .faci_col .box_faci .faci_link a {
  width: 100%;
  height: 100%;
  display: block;
}
#museum .faci_sub_col {
  flex-wrap: wrap !important;
}
#museum .faci_sub_col .wp-block-column {
  width: calc((100% - 48px) / 3);
  flex-basis: auto !important;
}
@media screen and (max-width: 599px) {
  #museum .faci_sub_col .wp-block-column {
    width: calc((100% - 24px) / 2);
  }
  #museum .faci_sub_col .wp-block-column p,
#museum .faci_sub_col .wp-block-column h3 {
    text-align: left;
  }
}
#museum .faci_sub_col .faci_sub_title {
  margin-top: 0;
  padding-right: 1rem;
  position: relative;
}
#museum .faci_sub_col .faci_sub_title a {
  color: var(--wp--preset--color--theme-black);
  text-decoration: none;
}
#museum .faci_sub_col .faci_sub_title::after {
  display: block;
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  background: url(../images/Icon\ ionic-ios-arrow-dropright.svg) no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#museum .semi_wide {
  max-width: clamp(300px, 80vw, 1010px);
  margin-right: auto;
  margin-left: auto;
}
#museum .mus_bn {
  position: relative;
}
#museum .mus_bn.now_open::after {
  content: "開催中";
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  color: var(--wp--preset--color--theme-white);
  padding: 0 1.5em;
  background: var(--wp--preset--color--theme-red);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
#museum .sp-none {
  display: block;
}
@media screen and (max-width: 599px) {
  #museum .sp-none {
    display: none;
  }
}
#museum .pc-none {
  display: none;
}
@media screen and (max-width: 599px) {
  #museum .pc-none {
    display: block;
  }
}

.page-parent #museum .cont_navi {
  display: none;
}
/*# sourceMappingURL=museum.css.map */