@charset "UTF-8";
@keyframes show_loading {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --bg-gradient: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.9) 60%, rgba(255,255,255,0) 100%);
  --nav-top: 24.53vw;
  --padding-top: 22.67vw;
  --innerW: 93.6%;
  --color-gray: #bdbdbd;
  --color-current: #AAAAAA;
  --color-border: #E2E2E2;
  --fs-h3: 4.27vw;
  --fs-24-13: 3.2vw;
  --fs-24-15: 3.2vw;
  --fs-26: 3.47vw;
  --fs-26-17: 3.47vw;
  --fs-26-13-info: 3.47vw;
  --fs-26-17-info: 3.47vw;
  --fs-32-18: 4.27vw;
  --fs-32-22: 4.27vw;
  --fs-40-28: 5.33vw;
  --fs-glbnav: 5.87vw;
}

@media all and (min-width: 864px) {
  :root {
    --nav-top: min(14.2vw, 194px);
    --padding-top: min(14.2vw, 194px);
    --innerW: 97.07%;
    --navW: min(15.519%, 212px);
    --fs-h3: min(1.61vw, 2.2rem);
    --fs-17: min(1.24vw, 1.7rem);
    --fs-22: min(1.61vw, 2.2rem);
    --fs-24-15: min(1.1vw, 1.5rem);
    --fs-26-17: min(1.24vw, 1.7rem);
    --fs-24-13: max( 0.95vw, 1.3rem);
    --fs-26-13-info: max( mx.pcW(13), 1.3rem);
    --fs-26-17-info: min( 1.24vw, 1.7rem);
    --fs-32-18: min(1.32vw, 1.8rem);
    --fs-32-22: min(1.61vw, 2.2rem);
    --fs-40-28: min(2.05vw, 2.8rem);
    --fs-glbnav: min(1.61vw, 2.2rem);
  }
}
@media all and (min-width: 1366px) {
  :root {
    --fs-24-13: 1.3rem;
    --fs-26-13-info: 1.3rem;
    --fs-26-17-info: 1.7rem;
  }
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

html {
  font-size: 3.125vw;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Small Devices, Tablets */
@media all and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* PC */
:root {
  --vh: 100vh;
}

@font-face {
  font-family: "GT-America-Standard-Medium";
  src: url("/assets/font/GT-America-Standard-Medium.woff") format("woff"), url("/assets/font/GT-America-Standard-Medium.ttf") format("truetype");
}
body {
  overflow-x: hidden;
  overflow-y: visible;
}

body {
  color: #000000;
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Hiragino Sans", "游ゴシック", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  overscroll-behavior-y: none;
  letter-spacing: -0.01em;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
body.disable {
  opacity: 0;
}
body[data-page=top].disable {
  opacity: 1;
}

a {
  color: #000000;
  text-decoration: none;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.show_modal #modal .modal_inner {
  overscroll-behavior-y: none;
}

footer .footer_inner {
  width: var(--innerW);
  margin: auto;
  padding: 16.53vw 0 4.27vw 0;
}
footer .nav_footer {
  display: none;
}
footer p.copy {
  font-size: var(--fs-32-22);
  font-family: "GT-America-Standard-Medium";
}

.fixed_nav {
  display: none;
}

.back.sp {
  position: absolute;
  width: var(--innerW);
  top: 2.67vw;
  left: 3.4%;
}
.back.sp a {
  display: inline-block;
  font-size: var(--fs-32-22);
  font-family: "GT-America-Standard-Medium";
}

.gta {
  font-family: "GT-America-Standard-Medium";
}

@media all and (min-width: 864px) {
  :is(.footer_inner) {
    width: 97.22%;
    margin: auto;
  }
  footer {
    position: relative;
  }
  footer .footer_inner {
    padding: 20px 0;
  }
  footer .cols {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  footer .nav_footer {
    display: block;
    padding-left: max(8.2%, 70px);
  }
  footer .nav_footer ul {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  footer .nav_footer ul li {
    font-size: var(--fs-32-22);
    font-family: "GT-America-Standard-Medium";
    margin-right: min(1.39vw, 19px);
  }
  footer .nav_footer ul li:last-child {
    margin-right: 0px;
  }
  footer .nav_footer ul li:first-child {
    margin-left: min(1.39vw, 19px);
  }
  footer .nav_footer ul li a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  footer .nav_footer ul li a:hover {
    color: var(--color-current);
    -webkit-transition: color 0s linear;
    transition: color 0s linear;
  }
  footer .nav_footer ul li a.current {
    color: var(--color-current);
    pointer-events: none;
  }
  .fixed_nav {
    position: fixed;
    display: block;
    bottom: 20px;
    z-index: 10;
    left: min(1.42%, 20px);
  }
  .fixed_nav p a {
    font-size: var(--fs-32-22);
    font-family: "GT-America-Standard-Medium";
  }
  .fixed_nav p a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
    letter-spacing: -0.015em;
  }
  .fixed_nav p a:hover {
    color: var(--color-current);
    -webkit-transition: color 0s linear;
    transition: color 0s linear;
  }
  .fixed_nav p a.current {
    color: var(--color-current);
    pointer-events: none;
  }
}
@media all and (min-width: 1366px) {
  footer .footer_inner {
    width: calc(100% - 151px);
    margin-left: 131px;
  }
  footer .nav_footer {
    padding-left: 0px;
  }
}
nav#glbnav {
  z-index: 10;
}

.main_content {
  padding-top: var(--padding-top);
  padding-bottom: 16.53vw;
}
.main_content .block {
  width: var(--innerW);
  margin: auto; /*margin-bottom: mx.spW(130);*/
  margin-bottom: 15.2vw;
}
.main_content .block:nth-last-of-type(1) {
  margin-bottom: 0px;
}
.main_content .block .ttl { /*margin-bottom: mx.spW(58);*/
  margin-bottom: 3.47vw;
  position: sticky;
  padding: 2.13vw 0 2.13vw 0;
  top: 0vw;
  z-index: 2;
  background: var(--bg-gradient);
}
.main_content .block .ttl h3 {
  font-size: var(--fs-h3);
  font-family: "GT-America-Standard-Medium";
  line-height: 1.28;
  letter-spacing: -0.01em;
}
.main_content #list_exhibition .ttl_list {
  top: 0px;
  position: sticky;
  padding: 2.13vw 0 2.13vw 0;
  z-index: 2;
  background: var(--bg-gradient);
}

#pager_content {
  width: var(--innerW);
  margin: auto;
  margin-top: 20vw;
}
#pager_content.disable {
  display: none;
}
#pager_content .cols {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}
#pager_content .cols a.btn_prev,
#pager_content .cols a.btn_next {
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
}
#pager_content .cols a.btn_prev.disable,
#pager_content .cols a.btn_next.disable {
  opacity: 0;
  pointer-events: none;
}
#pager_content .cols a.btn_prev {
  margin-right: 1em;
}
#pager_content .cols ul {
  display: -ms-flexbox;
  display: flex;
}
#pager_content .cols ul li {
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
  margin-right: 1em;
}
#pager_content .cols ul li a.current {
  color: var(--color-current);
}

/* PC */
@media all and (min-width: 864px) {
  nav#glbnav {
    z-index: 1;
  }
  nav#glbnav .nav_inner {
    margin-top: var(--padding-top);
    height: auto;
  }
  main {
    position: relative;
    width: 100%;
    padding-bottom: 0px;
  }
  .main_content {
    width: 84.48%;
    min-height: 100vh;
    margin-left: var(--navW);
    box-sizing: border-box;
    padding-right: 20px;
    position: relative;
    padding-bottom: min(14.93vw, 204px);
  }
  .main_content .block {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: min(4.54vw, 62px);
  }
  .main_content .block:nth-last-of-type(1) {
    padding-bottom: 0px;
  }
  .main_content .block .ttl {
    width: 18.7%;
    margin-bottom: 0;
    padding: 0px;
    top: 0px;
    background: none;
  }
  .main_content .block .ttl h3 {
    line-height: 1.28;
    position: sticky;
    top: min(1.17vw, 16px);
  }
  .main_content .block .content {
    width: 81.3%;
  }
  .main_content #list_exhibition .ttl_list {
    top: 0px;
    position: sticky;
    padding: 1.17vw 0 1.17vw 0;
    z-index: 2;
    background: var(--bg-gradient);
  }
  #pager_content {
    width: 100%;
    box-sizing: border-box;
    padding-right: 7.53%;
    margin-top: min(5.71vw, 78px);
  }
  #pager_content a {
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
  #pager_content a:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
  }
}
@media all and (min-width: 1366px) {
  .main_content {
    width: calc(100% - 212px);
  }
}
@media all and (min-width: 1920px) {
  .main_content .block .ttl {
    width: 380px;
  }
  .main_content .block .content {
    width: calc(100% - 380px);
  }
}
.back.pc {
  display: none;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.back.pc a {
  font-size: var(--fs-32-22);
  font-family: "GT-America-Standard-Medium";
}

nav#glbnav {
  width: 100%;
  height: 100%;
  min-height: 100svh;
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  -webkit-transition: opacity 0.4s ease 0s, transform 0.5s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.5s ease 0s;
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
  pointer-events: none;
}
nav#glbnav .nav_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: auto;
}
nav#glbnav .nav_content {
  width: var(--innerW);
  margin: auto;
  padding-top: var(--nav-top);
}
nav#glbnav .close {
  position: absolute;
  width: var(--innerW);
  left: 3.2%;
}
nav#glbnav .close a {
  display: block;
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
  padding: 2.67vw 0;
}
nav#glbnav a {
  font-family: "GT-America-Standard-Medium";
}
nav#glbnav ul li {
  font-size: var(--fs-glbnav);
  line-height: 1;
  margin-bottom: 0.08em;
}
nav#glbnav ul li a.current {
  color: var(--color-current);
  pointer-events: none;
}
nav#glbnav .page_nav {
  margin-bottom: 1.5em;
}
nav#glbnav .other_nav {
  position: absolute;
  bottom: calc(3.2vw + env(safe-area-inset-bottom));
}

.show_menu nav#glbnav {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  pointer-events: auto;
}

a.btn_menu {
  width: min(10.13vw, 76px);
  height: min(9.87vw, 74px);
  position: fixed;
  top: 0px;
  right: 0px;
  display: block;
  z-index: 9;
}
a.btn_menu .inr {
  width: min(3.73vw, 28px);
  height: min(3.47vw, 26px);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: max(-1.73vw, -13px) 0 0 max(-1.87vw, -14px);
}
a.btn_menu span {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #000;
  display: block;
}

a.btn_menu.white span{
  background: #fff;
}

a.btn_menu span:nth-of-type(1) {
  top: 0px;
  left: 0px;
}
a.btn_menu span:nth-of-type(2) {
  top: min(1.47vw, 11px);
  left: 0px;
}
a.btn_menu span:nth-of-type(3) {
  top: min(2.93vw, 22px);
  left: 0px;
}

nav.nav_category {
  width: 100%;
  position: sticky;
  top: 0px;
  background: var(--bg-gradient);
  z-index: 2;
}
nav.nav_category ul {
  display: -ms-flexbox;
  display: flex;
  width: var(--innerW);
  margin: auto;
  padding: 2.67vw 0 2.67vw 0;
}
nav.nav_category ul li {
  font-size: var(--fs-32-22);
  font-family: "GT-America-Standard-Medium";
  margin-right: 1em;
}
nav.nav_category ul li:last-child {
  margin-right: 0px;
}
nav.nav_category ul li a.current {
  color: var(--color-current);
}

/* PC */
@media all and (min-width: 864px) {
  a.btn_menu {
    display: none;
  }
  .back.pc {
    display: block;
    position: absolute;
    left: 1.46%;
    top: min(1.39vw, 19px);
    z-index: 2;
  }
  .back.pc a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
    padding: 0px;
  }
  .back.pc a:hover {
    color: var(--color-current);
    -webkit-transition: color 0s linear;
    transition: color 0s linear;
  }
  [data-page=top] nav#glbnav {
    height: auto;
    top: min(14.2vw, 194px);
  }
  [data-page=top] nav#glbnav .nav_inner {
    top: 0px;
    margin-top: 0px;
  }
  nav#glbnav {
    width: var(--navW);
    height: 100%;
    min-height: auto;
    background: none;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
  }
  nav#glbnav .nav_inner {
    overflow: visible;
    box-sizing: border-box;
    position: sticky;
    top: min(1.17vw, 16px);
    padding-top: 0px;
    height: auto;
  }
  nav#glbnav .nav_content {
    width: 100%;
    box-sizing: border-box;
    padding-left: 9.43%;
    padding-top: 0px;
  }
  nav#glbnav .close {
    display: none;
  }
  nav#glbnav ul li {
    font-size: var(--fs-glbnav);
    line-height: 1.27;
  }
  nav#glbnav ul li a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  nav#glbnav ul li a:hover {
    color: var(--color-current);
    -webkit-transition: color 0s linear;
    transition: color 0s linear;
  }
  nav#glbnav .page_nav {
    margin-bottom: 2em;
  }
  nav#glbnav .page_nav ul li a.current {
    pointer-events: auto;
  }
  nav#glbnav .other_nav {
    display: none;
  }
  .back.sp {
    display: none;
  }
  [data-page=news].is_open nav.nav_category {
    background: #fff;
  }
  nav.nav_category ul {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    padding: min(1.39vw, 19px) 0 min(2.56vw, 35px) 0;
    margin-top: max(-0.95vw, -13px);
  }
  nav.nav_category ul li {
    font-size: var(--fs-32-22);
    font-family: "GT-America-Standard-Medium";
    margin-right: 1em;
  }
  nav.nav_category ul li:last-child {
    margin-right: 0px;
  }
  nav.nav_category ul li a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  nav.nav_category ul li a:hover {
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
  }
  nav.nav_category ul li a:hover, nav.nav_category ul li a.current {
    color: var(--color-current);
  }
}
@media all and (min-width: 1366px) {
  .back.pc {
    left: 20px;
  }
  nav.nav_category ul li {
    font-size: var(--fs-32-22);
    font-family: "GT-America-Standard-Medium";
    margin-right: 1em;
  }
  nav.nav_category ul li:last-child {
    margin-right: 0px;
  }
  nav.nav_category ul li a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  nav.nav_category ul li a:hover {
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
  }
  nav.nav_category ul li a:hover, nav.nav_category ul li a.current {
    color: var(--color-current);
  }
}
.webfont_content {
  overflow: hidden;
  height: 0px;
}
.webfont_content .hide {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
}

[data-page=news] #news_lists {
  width: var(--innerW);
  margin: auto;
  margin-top: 4vw;
}
[data-page=news] #news_lists.notransition ul li [data-accordion] {
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
  overflow: hidden;
  height: 0px;
}
[data-page=news] #news_lists.disable ul {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
}
[data-page=news] #news_lists ul {
  -webkit-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}
[data-page=news] #news_lists ul li {
  border-top: 1px solid var(--color-border);
}
[data-page=news] #news_lists ul li:last-child {
  border-bottom: 1px solid var(--color-border);
}
[data-page=news] #news_lists ul li.active a {
  pointer-events: none;
}
[data-page=news] #news_lists ul li.active [data-accordion] {
  height: auto;
}
[data-page=news] #news_lists ul li .titles {
  width: 100%;
}
[data-page=news] #news_lists ul li .titles .cols {
  position: relative;
}
[data-page=news] #news_lists ul li .titles .col_l {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 4.27vw 0 0 0;
}
[data-page=news] #news_lists ul li .titles .col_l p {
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-24-13);
}
[data-page=news] #news_lists ul li .titles .col_l .date p:after {
  content: "|";
  margin-right: 0.5em;
  padding-left: 0.5em;
}
[data-page=news] #news_lists ul li .titles .ttl {
  width: 95.01%;
  position: relative;
  z-index: 1;
}
[data-page=news] #news_lists ul li h3 {
  font-size: var(--fs-26-17);
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.615;
  margin-top: 0.5em;
  padding-bottom: 3.2vw;
}
[data-page=news] #news_lists ul li [data-accordion] {
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
  overflow: hidden;
  height: 0px;
  will-change: height;
}
[data-page=news] #news_lists ul li [data-accordion].open {
  -webkit-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
[data-page=news] #news_lists ul li article {
  padding: 3.2vw 0 13.33vw 0;
}
[data-page=news] #news_lists ul li article figure {
  margin-bottom: 6.67vw;
}
[data-page=news] #news_lists ul li article .txt {
  width: 95.01%;
}
[data-page=news] #news_lists ul li article p {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.615;
  font-size: var(--fs-26-17-info);
  margin-bottom: 1.5em;
}
[data-page=news] #news_lists ul li .close {
  width: 95.01%;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 6.67vw;
}
[data-page=news] #news_lists ul li .close a {
  display: block;
  width: 4vw;
  height: 4vw;
  position: relative;
  padding: 0px;
}
[data-page=news] #news_lists ul li .close a svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page=news] article img {
  width: 100%;
}

/* PC */
@media all and (min-width: 864px) {
  [data-page=news] #news_lists {
    width: 100%;
    margin-top: 0px;
  }
  [data-page=news] #news_lists ul li {
    position: relative;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
  }
  [data-page=news] #news_lists ul li.open {
    border: none;
  }
  [data-page=news] #news_lists ul li.open .ttl a {
    pointer-events: none;
  }
  [data-page=news] #news_lists ul li.open:hover {
    background: none;
  }
  [data-page=news] #news_lists ul li.open .date,
  [data-page=news] #news_lists ul li.open .category,
  [data-page=news] #news_lists ul li.open .ttl {
    position: sticky;
    top: min(5.56vw, 76px);
    border-top: 1px solid var(--color-border);
  }
  [data-page=news] #news_lists ul li.open .ttl .bg_ttl {
    opacity: 1;
  }
  [data-page=news] #news_lists ul li.open .titles {
    position: sticky;
    top: min(5.56vw, 76px);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 15%);
  }
  [data-page=news] #news_lists ul li:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  [data-page=news] #news_lists ul li .titles {
    cursor: pointer;
  }
  [data-page=news] #news_lists ul li .titles .cols {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 0;
  }
  [data-page=news] #news_lists ul li .titles .col_l {
    width: 26.77%;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding: 0px;
  }
  [data-page=news] #news_lists ul li .titles .col_l .date {
    width: 48.38%;
  }
  [data-page=news] #news_lists ul li .titles .col_l .category {
    width: 51.62%;
  }
  [data-page=news] #news_lists ul li .titles .col_l .date,
  [data-page=news] #news_lists ul li .titles .col_l .category {
    padding: min(2.2vw, 30px) 0 min(2.05vw, 28px) 0;
  }
  [data-page=news] #news_lists ul li .titles .col_l p {
    line-height: 1.615;
    position: relative;
  }
  [data-page=news] #news_lists ul li .titles .col_l .date p:after {
    display: none;
  }
  [data-page=news] #news_lists ul li .titles .col_r {
    width: 73.23%;
    position: relative;
  }
  [data-page=news] #news_lists ul li .titles .col_r .ttl {
    width: 100%;
  }
  [data-page=news] #news_lists ul li .titles .col_r .bg_ttl {
    content: "";
    width: 100%;
    height: 120%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 15%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  [data-page=news] #news_lists ul li .titles .col_r h3 {
    margin-top: 0px;
    max-width: 770px;
    padding: min(2.05vw, 28px) 0 min(2.05vw, 28px) 0;
    position: relative;
  }
  [data-page=news] #news_lists ul li .article_body {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
  }
  [data-page=news] #news_lists ul li .article_body [data-accordion] {
    width: 73.23%;
  }
  [data-page=news] #news_lists ul li a {
    left: 0px;
  }
  [data-page=news] #news_lists ul li a .cols {
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    position: relative;
  }
  [data-page=news] #news_lists ul li .news_content {
    display: block;
  }
  [data-page=news] #news_lists ul li .news_content .news_content_inner {
    width: 100%;
  }
  [data-page=news] #news_lists ul li article {
    width: 78.78%;
    max-width: 770px;
    padding: min(2.2vw, 30px) 0 min(4.39vw, 60px) 0;
  }
  [data-page=news] #news_lists ul li article figure {
    width: 100%;
    margin-bottom: min(4.39vw, 60px);
  }
  [data-page=news] #news_lists ul li article .txt {
    width: 100%;
  }
  [data-page=news] #news_lists ul li article .txt p {
    margin-bottom: 1.5em;
  }
  [data-page=news] #news_lists ul li article .txt p:nth-last-of-type(1) {
    margin-bottom: 0px;
  }
  [data-page=news] #news_lists ul li .close {
    width: 78.31%;
    max-width: 770px;
    padding-bottom: min(5.12vw, 70px);
  }
  [data-page=news] #news_lists ul li .close a {
    display: block;
    width: 16px;
    height: 16px;
  }
}
[data-page=exhibitions] #list_content.disable ul {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s ease 0s;
}
[data-page=exhibitions] #list_exhibition ul {
  -webkit-transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}
[data-page=exhibitions] #list_exhibition .ttl_list {
  width: var(--innerW);
  margin: auto;
}
[data-page=exhibitions] #list_exhibition .ttl_list h5 {
  font-size: var(--fs-32-22);
  font-family: "GT-America-Standard-Medium";
}
[data-page=exhibitions] #list_exhibition .ttl_list + #list_content ul {
  margin-top: 6.67vw;
}
[data-page=exhibitions] #list_exhibition #list_content {
  width: var(--innerW);
  margin: auto;
}
[data-page=exhibitions] #list_exhibition #list_content ul {
  margin-top: 4.67vw;
}
[data-page=exhibitions] #list_exhibition #list_content ul li {
  margin-bottom: 6.67vw;
}
[data-page=exhibitions] #list_exhibition .img {
  margin-bottom: 4.27vw;
  width: 100%;
  aspect-ratio: 800/533;
  background: #f5f5f5;
}
[data-page=exhibitions] #list_exhibition .img img {
  width: 100%;
  object-fit: cover;
  vertical-align: top;
}
[data-page=exhibitions] #list_exhibition .info h3 {
  font-family: "Midashi Go MB31", "GT-America-Standard-Medium", "Arial", "Helvetica", sans-serif;
  line-height: 1.277;
  font-size: var(--fs-32-18);
  margin-bottom: 0.5em;
}

[data-page=exhibitions] #list_exhibition .info p {
  font-family: "GT-America-Standard-Medium";
  color: var(--color-current);
  font-size: var(--fs-24-15);
}
[data-page=exhibitions] #exhibition_detail.nomb .section_inner {
  padding-bottom: 0px;
}
[data-page=exhibitions] #exhibition_detail .section_inner {
  padding-bottom: 33.07vw;
}
[data-page=exhibitions] #exhibition_detail img {
  vertical-align: top;
  width: 100%;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition .ttl {
  display: none;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 {
  font-size: var(--fs-40-28); /*@include mx.mb();*/
/*  font-family: "GT-America-Standard-Medium";*/
  line-height: 1.15;
  margin-bottom: 0.5em;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 br {
  display: none;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 br.sp {
  display: block;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 br.both {
  display: block;
}
[data-page=exhibitions] #exhibition_detail #ttl_exhibition p.date {
/*  font-family: "GT-America-Standard-Medium";*/
  font-size: var(--fs-32-22);
}
[data-page=exhibitions] #exhibition_detail :is(#overview,
#info,
#bio) .content {
  width: 95.01%;
}
[data-page=exhibitions] #exhibition_detail #overview p {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  font-size: var(--fs-26-17);
  line-height: 1.615;
  margin-bottom: 1.5em;
}
[data-page=exhibitions] #exhibition_detail #artworks ul li {
  margin-bottom: 3.2vw;
}
[data-page=exhibitions] #exhibition_detail #artworks ul li a {
  display: block;
}
[data-page=exhibitions] #exhibition_detail #info p {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  font-size: var(--fs-26-17);
  line-height: 1.615;
}
[data-page=exhibitions] #exhibition_detail #info .download {
  margin-top: 6.67vw;
}
[data-page=exhibitions] #exhibition_detail #info .download a {
  font-family: "GT-America-Standard-Medium";
  color: var(--color-current);
  font-size: var(--fs-32-22);
}
[data-page=exhibitions] #exhibition_detail #bio {
  margin-bottom: 0px;
}
[data-page=exhibitions] #exhibition_detail #bio .prof {
  margin-bottom: 3em;
}
[data-page=exhibitions] #exhibition_detail #bio .prof:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-page=exhibitions] #exhibition_detail #bio .prof:last-of-type(1) {
  margin-bottom: 0px;
}
[data-page=exhibitions] #exhibition_detail #bio .prof h4,
[data-page=exhibitions] #exhibition_detail #bio .prof p {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  font-size: var(--fs-26-17);
  line-height: 1.615;
}
[data-page=exhibitions] #view_more {
  width: var(--innerW);
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 13.33vw 0 16.53vw 0;
}
[data-page=exhibitions] #view_more a {
  display: block;
  color: var(--color-current);
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
}

.show_modal body {
  overflow: hidden;
}
.show_modal [data-modal] {
  opacity: 1;
  pointer-events: auto;
}

[data-modal] {
  width: 100%;
  height: 100%;
  min-height: 100svh;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
[data-modal] .modal_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
[data-modal] .modal_content {
  width: var(--innerW);
  margin: auto;
}
[data-modal] .modal_content .info_artworks,
[data-modal] .modal_content .img_artworks {
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
[data-modal] .modal_content a.btn_next,
[data-modal] .modal_content a.btn_prev {
  position: absolute;
  width: 50%;
  top: 0px;
  height: 100%;
  display: block;
  text-indent: -10000px;
}
[data-modal] .modal_content a.btn_next {
  right: 0px;
}
[data-modal] .modal_content a.btn_prev {
  left: 0px;
}
[data-modal] .number {
  position: absolute;
  top: 3.2vw;
  left: 3.2vw;
}
[data-modal] .number p {
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
}
[data-modal] .number p span.max:before {
  content: "/";
  padding-left: 0.3em;
  margin-right: 0.3em;
}
[data-modal] .info_artworks {
  position: absolute;
  bottom: 3.2vw;
  left: 0;
  padding: 0 20px;
}
[data-modal] .info_artworks p {
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  
  font-size: var(--fs-32-22);
  line-height: 1.28;
  letter-spacing: 0em;
}
[data-modal] img {
  width: 100%;
  vertical-align: top;
}
[data-modal] a.btn_close {
  width: 10.4vw;
  height: 10.4vw;
  display: block;
  position: absolute;
  right: 0;
  top: 0px;
}
[data-modal] a.btn_close svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2vw 0 0 -2vw;
  width: 4vw;
  height: 4vw;
}
[data-modal].disable .modal_content .info_artworks,
[data-modal].disable .modal_content .img_artworks {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

[data-page=exhibitions] .block {
  -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
[data-page=exhibitions] .block.animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PC */
@media all and (min-width: 864px) {
  [data-page=exhibitions] #list_exhibition .ttl_list + #list_content ul {
    margin-top: min(2.49vw, 34px);
  }
  [data-page=exhibitions] #list_exhibition .ttl_list {
    width: 100%;
  }
  [data-page=exhibitions] #list_exhibition #nav_category ul {
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  [data-page=exhibitions] #list_exhibition #nav_category ul li {
    align-items: center;
  }
  [data-page=exhibitions] #list_exhibition #list_content {
    width: 100%;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul {
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: min(0.66vw, 9px);
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li {
    width: calc(33.33% - 12px);
    margin-right: 18px;
    margin-bottom: 0%;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li:nth-child(3n) {
    margin-right: 0px;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li a img {
    -webkit-transition: filter 0.6s linear;
    transition: filter 0.6s linear;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li a:hover img {
    filter: grayscale(100%);
    -webkit-transition: filter 0.15s linear;
    transition: filter 0.15s linear;
  }
  [data-page=exhibitions] #list_exhibition #list_content .img {
    margin-bottom: 0;
  }
  [data-page=exhibitions] #list_exhibition #list_content .info {
    height: min(10.98vw, 150px);
    box-sizing: border-box;
    padding-top: min(1.1vw, 15px);
  }
  [data-page=exhibitions] #exhibition_detail .section_inner {
    padding-bottom: min(13.54vw, 185px);
  }
  [data-page=exhibitions] #exhibition_detail #ttl_exhibition .ttl {
    display: block;
  }
  [data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 {
    line-height: 1.15;
    margin-bottom: 0.5em;
  }
  [data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 br {
    display: block;
  }
  [data-page=exhibitions] #exhibition_detail #ttl_exhibition h1 br.sp {
    display: none;
  }
  [data-page=exhibitions] #exhibition_detail :is(#overview,
  #info,
  #bio) .content {
    width: 81.3%;
  }
  [data-page=exhibitions] #exhibition_detail #view figure {
    width: 89.24%;
    margin-top: 0.37vw;
  }
  [data-page=exhibitions] #exhibition_detail #overview .content_inner {
    width: 95.69%;
  }
  [data-page=exhibitions] #exhibition_detail #overview p {
    line-height: 1.615;
    margin-bottom: 1.5em;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul {
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0.44vw;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li {
    width: calc(33.33% - 12px);
    margin-right: 18px;
    margin-bottom: 18px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li:nth-child(3n) {
    margin-right: 0px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li a img {
    -webkit-transition: filter 0.6s linear;
    transition: filter 0.6s linear;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li a:hover img {
    filter: grayscale(100%);
    -webkit-transition: filter 0.15s linear;
    transition: filter 0.15s linear;
  }
  [data-page=exhibitions] #exhibition_detail #info p {
    /*font-family: "Midashi Go MB31";*/
    font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
    letter-spacing: 0.05em;
    font-size: var(--fs-26-17);
    line-height: 1.615;
  }
  [data-page=exhibitions] #exhibition_detail #info .download {
    margin-top: min(4.39vw, 60px);
  }
  [data-page=exhibitions] #exhibition_detail #info .download a {
    font-family: "GT-America-Standard-Medium";
    color: var(--color-current);
    font-size: var(--fs-32-22);
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
  [data-page=exhibitions] #exhibition_detail #info .download a:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
  }
  [data-page=exhibitions] #exhibition_detail #bio .prof {
    width: 95.69%;
  }
  [data-page=exhibitions] #exhibition_detail #bio h4,
  [data-page=exhibitions] #exhibition_detail #bio p {
    /*font-family: "Midashi Go MB31";*/
    font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
    letter-spacing: 0.05em;
    font-size: var(--fs-26-17);
    line-height: 1.615;
  }
  [data-page=exhibitions] #exhibition_detail #bio a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  [data-page=exhibitions] #exhibition_detail #bio a:hover {
    color: var(--color-gray);
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
  }
  [data-page=exhibitions] #view_more {
    width: 100%;
    margin-top: min(5.71vw, 78px);
    padding: 0px;
  }
  [data-page=exhibitions] #view_more a {
    display: block;
    color: var(--color-current);
    font-family: "GT-America-Standard-Medium";
    font-size: var(--fs-32-22);
    margin-right: min(7.32vw, 100px);
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
  }
  [data-page=exhibitions] #view_more a:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear;
  }
  [data-modal] .number {
    top: min(1.17vw, 16px);
    left: min(1.46vw, 20px);
  }
  [data-modal] .modal_inner {
    min-height: 650px;
  }
  [data-modal] .modal_content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  [data-modal] .img_artworks {
    width: 57.75%;
  }
  [data-modal] .info_artworks {
/*
    bottom: min(1.17vw, 16px);
    left: min(1.46vw, 20px);
*/
    bottom: 16px;
  }
  [data-modal] a.btn_close {
    width: min(4.47vw, 61px);
    height: min(4.47vw, 61px);
  }
  [data-modal] a.btn_close svg {
    margin: max(-0.77vw, -10.5px) 0 0 max(-0.77vw, -10.5px);
    width: min(1.54vw, 21px);
    height: min(1.54vw, 21px);
  }
}
@media all and (min-width: 1366px) {
  [data-page=exhibitions] #exhibition_detail #view figure {
    margin-top: 5px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul {
    margin-top: 6px;
  }
}
@media all and (min-width: 1920px) {
  [data-page=exhibitions] #list_exhibition #list_content ul li {
    width: calc(25% - 13.5px);
    margin-right: 18px;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li:nth-child(3n) {
    margin-right: 18px;
  }
  [data-page=exhibitions] #list_exhibition #list_content ul li:nth-child(4n) {
    margin-right: 0px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li {
    width: calc(25% - 13.5px);
    margin-right: 18px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li:nth-child(3n) {
    margin-right: 18px;
  }
  [data-page=exhibitions] #exhibition_detail #artworks ul li:nth-child(4n) {
    margin-right: 0px;
  }
}
[data-page=about] .main_content p {
  font-size: var(--fs-32-22);
  line-height: 1.28;
}
[data-page=about] .main_content #statement .content {
  width: 95.01%;
}
[data-page=about] .main_content .en {
  margin-bottom: 1.5em;
}
[data-page=about] .main_content .en p {
  font-size: var(--fs-26);
  font-family: "GT-America-Standard-Medium";
  line-height: 1.272;
}
[data-page=about] .main_content .ja p {
  font-size: var(--fs-26);
  line-height: 1.615;
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  text-align: justify;
}
[data-page=about] .main_content .img_gallery img {
  width: 100%;
}
[data-page=about] .main_content #gmap {
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  margin-top: 16.53vw;
}
[data-page=about] .main_content #gmap iframe,
[data-page=about] .main_content #gmap .map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page=about] .main_content #gmap .map {
  background: var(--color-gray);
}
[data-page=about] .main_content .address {
  width: 95.01%;
}
[data-page=about] .main_content .address span {
  font-size: var(--fs-32-22);
  line-height: 1.28;
}
[data-page=about] .main_content .address br {
  display: none;
}
[data-page=about] .main_content .block {
  -webkit-transition: transform 0.8s ease 0s, opacity 0.8s ease 0s;
  transition: transform 0.8s ease 0s, opacity 0.8s ease 0s;
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}
[data-page=about] .main_content .block.animate {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PC */
@media all and (min-width: 864px) {
  [data-page=about] .main_content #statement {
    padding-bottom: min(7.1vw, 97px);
  }
  [data-page=about] .main_content #statement .content {
    width: 81.3%;
  }
  [data-page=about] .main_content .content_inner {
    width: 95.69%;
  }
  [data-page=about] .main_content .en p {
    font-size: var(--fs-22);
  }
  [data-page=about] .main_content .ja p {
    font-size: var(--fs-17);
  }
  [data-page=about] .main_content p br.sp {
    display: none;
  }
  [data-page=about] .main_content p a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  [data-page=about] .main_content p a:hover {
    color: var(--color-gray);
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
  }
  [data-page=about] .main_content .address a {
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
  }
  [data-page=about] .main_content .address a:hover {
    color: var(--color-gray);
    -webkit-transition: color 0s ease;
    transition: color 0s ease;
  }
  [data-page=about] .main_content .address br {
    display: block;
  }
  [data-page=about] .main_content #gmap {
    width: 59.67%;
    padding-bottom: 59.67%;
    margin-top: min(4.54vw, 62px);
  }
  [data-page=about] .main_content .img_gallery figure {
    width: 89.24%;
    max-width: 1462px;
  }
}
@media all and (min-width: 1920px) {
  [data-page=about] .main_content #statement .content {
    width: calc(100% - 380px);
  }
}
@media all and (min-width: 2362px) {
  [data-page=about] .main_content #gmap {
    width: 960px;
    padding-bottom: 960px;
  }
}
[data-page=about-this-site] .main_content .content {
  width: 95.01%;
}
[data-page=about-this-site] .main_content .content p,
[data-page=about-this-site] .main_content .content dl dt,
[data-page=about-this-site] .main_content .content dl dd {
  font-size: var(--fs-26-17-info);
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.65;
}
[data-page=about-this-site] .main_content .content dl {
  margin-top: 1.5em;
}

[data-page=privacy] .main_content .content {
  width: 95.01%;
}
[data-page=privacy] .main_content .content h3,
[data-page=privacy] .main_content .content p,
[data-page=privacy] .main_content .content ul li,
[data-page=privacy] .main_content .content dl dt,
[data-page=privacy] .main_content .content dl dd {
  font-size: var(--fs-26-17-info);
  /*font-family: "Midashi Go MB31";*/
  font-family: "GT-America-Standard-Medium", "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.65;
}
[data-page=privacy] .main_content .content .p,
[data-page=privacy] .main_content .content dl {
  margin-top: 1.5em;
}
[data-page=privacy] .main_content .content ul.list_mb1 li {
  margin-bottom: 1.5em;
}
[data-page=privacy] .main_content .content ul.list_mb1 li:last-child {
  margin-bottom: 0px;
}
[data-page=privacy] .main_content .content ul.list_mb1 a {
  text-decoration: underline;
}

/* PC */
@media all and (min-width: 864px) {
  [data-page=about-this-site] .main_content {
    padding-right: 60px;
  }
  [data-page=about-this-site] .main_content .content {
    width: 81.3%;
  }
  [data-page=about-this-site] .main_content .content p,
  [data-page=about-this-site] .main_content .content dl dt,
  [data-page=about-this-site] .main_content .content dl dd {
    line-height: 1.846;
  }
  [data-page=privacy] .main_content {
    padding-right: 60px;
  }
  [data-page=privacy] .main_content .content {
    width: 81.3%;
  }
  [data-page=privacy] .main_content .content h3,
  [data-page=privacy] .main_content .content p,
  [data-page=privacy] .main_content .content ul li,
  [data-page=privacy] .main_content .content dl dt,
  [data-page=privacy] .main_content .content dl dd {
    line-height: 1.846;
  }
  [data-page=privacy] .main_content .content .p {
    margin-top: 1.5em;
  }
}
[data-page=top] main {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  top: 0px;
  left: 0px;
  background: #000;
}
[data-page=top] main [data-slide-exhibition],
[data-page=top] main [data-slide],
[data-page=top] main #main_exhibitions {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page=top] main #main_exhibitions [data-slide-exhibition] {
  opacity: 0;
}
[data-page=top] main [data-slide] {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  z-index: 1;
}
[data-page=top] main [data-slide] a {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
[data-page=top] main [data-slide].active {
  opacity: 1;
  z-index: 2;
}
[data-page=top] main [data-slide].active a {
  pointer-events: auto;
}
[data-page=top] main [data-slide] .kv {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
[data-page=top] main [data-slide] .kv img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  object-fit: cover;
}
[data-page=top] main [data-slide] .kv .movie {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page=top] main [data-slide] .kv .movie iframe {
  width: 177.77777778vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
[data-page=top] main [data-slide] .kv .movie:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page=top] main [data-slide] .info {
  position: absolute;
  bottom: 4vw;
  left: 3.2vw;
}
[data-page=top] main [data-slide] .info p, [data-page=top] main [data-slide] .info h2 {
  font-family: "GT-America-Standard-Medium";
}
[data-page=top] main [data-slide] .info .category {
  margin-bottom: 1.87vw;
}
[data-page=top] main [data-slide] .info .category p {
  font-size: var(--fs-32-22);
  letter-spacing: -0.01em;
}
[data-page=top] main [data-slide] .info h2 {
  line-height: 1.15;
  font-size: var(--fs-40-28);
  letter-spacing: -0.01em;
}
[data-page=top] main [data-slide] .info h2 br {
  display: none;
}
[data-page=top] main [data-slide] .info h2 br.both {
  display: block;
}
[data-page=top] main [data-slide] .info h2 br.sp {
  display: block;
}
[data-page=top] main [data-slide] .info .date {
  margin-top: 2.67vw;
}
[data-page=top] main [data-slide] .info .date p {
  font-size: var(--fs-32-22);
  letter-spacing: -0.01em;
}
[data-page=top] main [data-slide] .links {
  position: absolute;
  top: 2vw;
  left: 3.2vw;
  z-index: 10;
}
[data-page=top] main [data-slide] .links p, [data-page=top] main [data-slide] .links h3 {
  font-family: "GT-America-Standard-Medium";
  font-size: var(--fs-32-22);
  line-height: 1.272;
}

.info h2 .ja{
  font-family: "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  font-size: 4.5vw;
}

.links h3 .ja{
  font-family: "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
  font-size: 3.5vw;
}

[data-page=top] main [data-slide].white .info p, [data-page=top] main [data-slide].white .info h2 {
  color: #fff;
}
[data-page=top] #cover {
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  -webkit-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 3;
}
[data-page=top] #cover.next_show {
  left: auto;
  right: 0px;
}
[data-page=top] #cover.prev {
  left: auto;
  right: 0px;
}
[data-page=top] #cover.prev_show {
  right: auto;
  left: 0px;
}
[data-page=top] #cover.change {
  width: 100%;
}
[data-page=top].active_slideshow main {
  background: #fff;
}
[data-page=top].active_slideshow [data-slide] {
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
[data-page=top].active_slideshow [data-slide-exhibition].hide [data-slide].active {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
[data-page=top].active_slideshow .links.active.hide {
  opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#loading {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100svh;
  top: 0px;
  left: 0px;
  z-index: 1000;
}
#loading .loading_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loading .loading_content {
  width: 69.86%;
  position: relative;
}
#loading p {
  width: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
}
#loading p.logo {
  position: relative;
  width: 100%;
  top: 0;
  left: 0px;
  padding-bottom: 6.67vw;
}
#loading img {
  width: 100%;
  vertical-align: top;
}
#loading #bg_load {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loading #bg_load p.line {
  position: relative;
  width: 0%;
  height: 2px;
  background: #fff;
  display: block;
  -webkit-transition: width 0.1s ease 0s, height 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  transition: width 0.1s ease 0s, height 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
#loading.end #bg_load p.line {
  height: 100%;
}

[data-page=top] main {
  height: 100%;
  min-height: 100svh;
  clip-path: polygon(48.68vw calc(50% + 5.12vw), 50% calc(50% + 10.25vw), 51.39vw calc(50% + 5.12vw));
}

[data-page=top].has_transition #loading p.logo {
  -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
[data-page=top].has_transition main {
  -webkit-transition: transform 0.5s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.5s ease 0s, opacity 0.3s ease 0s;
}
[data-page=top].has_transition #links {
  opacity: 0;
  pointer-events: none;
}
[data-page=top] a.btn_menu {
  opacity: 0;
}
[data-page=top].disable #loading p.logo {
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
  opacity: 0;
}
[data-page=top].disable main {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0);
  opacity: 0;
}
[data-page=top] .info {
  opacity: 0;
}
[data-page=top] .info.active {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
[data-page=top] .links {
  opacity: 0;
}
[data-page=top] .links.active {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
[data-page=top].active_slideshow .info,
[data-page=top].active_slideshow .links {
  opacity: 1;
}
.white [data-page=top] main [data-slide] .info p, .white [data-page=top] main [data-slide] .info h2 {
  color: #fff;
}
.white [data-page=top] main [data-slide] .links p, .white [data-page=top] main [data-slide] .links h3 {
  color: #fff;
}

.active [data-page=top] main {
  -webkit-transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: clip-path;
  clip-path: polygon(-75vw -75vw, 50% 500vw, 175vw -75vw);
}
.active [data-page=top] main #main_exhibitions [data-slide-exhibition] {
  opacity: 1;
}
.active [data-page=top] #loading {
  opacity: 0;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
  -webkit-transition: transform 0.7s ease 0s, opacity 0.5s ease 0s;
  transition: transform 0.7s ease 0s, opacity 0.5s ease 0s;
}
.active [data-page=top] a.btn_menu {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

/* PC */
@media all and (min-width: 864px) {
  .white [data-page=top] nav#glbnav ul li a {
    color: #fff;
  }
  .white [data-page=top] nav#glbnav ul li a:hover {
    color: var(--color-gray);
  }
  [data-page=top] #glbnav {
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    height: auto;
    top: 0px;
  }
  [data-page=top] main {
    height: 100vh;
    clip-path: polygon(49.12vw calc(50% + 2.05vw), 50% calc(50% + 5.42vw), 50.81vw calc(50% + 2.05vw));
  }
  [data-page=top] main [data-slide] {
    min-height: 650px;
    /*
    a{
    	.info{
    		.category,
    		.date,
    		h2{ @include mx.transition(color, .6s, ease);}
    	}
    	&:hover{
    		.info{
    			.category,
    			.date,
    			h2{  color: var(--color-current); @include mx.transition(color, 0s, linear);}
    		}
    	}
    }
    */
  }
  [data-page=top] main [data-slide] .info {
    bottom: min(1.76vw, 24px);
    left: min(1.46vw, 20px);
  }
  [data-page=top] main [data-slide] .info .category {
    margin-bottom: 0.8em;
  }
  [data-page=top] main [data-slide] .info .date {
    margin-top: min(1.02vw, 14px);
  }
  [data-page=top] main [data-slide] .info h2 {
    line-height: 1.24;
  }
  [data-page=top] main [data-slide] .info h2 br {
    display: block;
  }
  [data-page=top] main [data-slide] .info h2 br.sp {
    display: none;
  }
  [data-page=top] main [data-slide] .links {
    top: min(1.83vw, 25px);
    left: min(1.46vw, 20px);
  }
  [data-page=top] main [data-slide] .links br.sp {
    display: none;
  }
  
  .info h2 .ja{
    font-family: "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
    font-size: 1.7vw;
  }

  .links h3 .ja{
    font-family: "Midashi Go MB31", "Arial", "Helvetica", sans-serif;
    font-size: 1.4vw;
  }
  
  [data-page=top] #main_exhibitions .kv {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-transition: transform 1s ease;
    transition: transform 1s ease;
  }
  [data-page=top].has_transition #loading p.logo {
    -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
  }
  [data-page=top].has_transition main {
    -webkit-transition: transform 0.5s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.3s ease 0s;
  }
  [data-page=top].has_transition #glbnav {
    opacity: 0;
    pointer-events: none;
  }
  .active [data-page=top] main {
    -webkit-transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: clip-path 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    clip-path: polygon(-50vw -50vw, 50% 400vw, 150vw -50vw);
  }
  .active [data-page=top] #main_exhibitions .kv {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .active [data-page=top] #glbnav {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
  }
  #loading .loading_content {
    width: 44.87%;
    position: relative;
  }
  #loading p.logo {
    position: relative;
    width: 100%;
    top: 0;
    left: 0px;
    padding-bottom: 6.73vw;
  }
}
/* PC */

/*# sourceMappingURL=style.css.map */