/* BASELINE*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  margin: 0;
  font-family: serif;
}

html {
  font-size: 100px;
}

body {
  /* font family Noto Serif JP */ 
  font-family: 'Noto Serif JP', serif;
  font-size: 0.14rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  -webkit-tap-highlight-color: transparent;
  color: #000000;
  background-color: #e2dcca;
}


h1, h2, h3, h4, h5, h6, figure {
  margin: 0;
  font-weight: normal;
}
p {
  margin: 0;
}

button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

figure img {
  width: 100%;
  max-width: 100%;
}

iframe, img {
  vertical-align: top;
  max-width: 100%;
}

ul, ol {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  text-decoration: none;
}

body.s-scroll-disabled {
  width: 100%;
  position: fixed;
  overflow: hidden;
}
@media screen and (max-width: 779px) {
  html {
    /* font-size: 12.82051282051282vw; */
    font-size: 25.64102564102564vw;
  }
}

@media screen and (min-width: 780px) {
  body {
    font-size: 0.16rem;
  }
}
/* END BASELINE*/

/* common */

.c-smallerText { font-size: 0.12rem }
@media screen and (min-width: 780px) {
  .c-smallerText { font-size: 0.14rem }
}

.c-largerText { font-size: 0.2rem; }
@media screen and (min-width: 780px) {
  .c-largerText { font-size: 0.22rem; }
}
.c-floatingFigure img {
  width: 100%;
}
@media screen and (min-width: 780px) {
  .c-floatingFigure {
    margin-right: auto;
    width: 4.2rem;
  }
  .c-floatingFigure.c-floatingFigure--horizontal {
    width: 5.6rem;
  }
}

.c-section {
  padding-top: 0.5rem;
}
.c-sectionTitle {
  letter-spacing: 0.1em;
}
.c-sectionTitle.c-sectionTitle--katakana {
  letter-spacing: 0.05em;
}

@media screen and (min-width: 780px) {
  .c-section {
    padding-top: 1rem;
  }
  .c-sectionTitle.c-sectionTitle--katakana {
    letter-spacing: 0.025em;
  }
  .c-sideContainer {
    width: 8.6rem;
    max-width: 100%;
    margin-left: auto;
  }
}


.c-btn {
  width: 1.55rem;
  height: 0.45rem;
  line-height: 0.45rem;
  letter-spacing: 0.15em;
  color: #000000;
  background-color: #E2DCCA;
}
@media screen and (min-width: 780px) {
  .c-btn {
    width: 1.8rem;
    height: 0.52rem;
    line-height: 0.52rem;
  }
}

@media screen and (max-width: 779px) {
  .c-talkSessionBlock .c-specialColumns__col + .c-specialColumns__col {
    margin-top: 0.45rem;
  }
  .c-specialSaleBlock .c-specialColumns__col + .c-specialColumns__col {
    margin-top: 1.02rem;
  }
}
@media screen and (min-width: 780px) {
  .c-specialColumns {

    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.4rem;
  }
}

/* end common */

/* header */
.c-header {
  /* height: 0.9rem; */
  z-index: 99;
  top: 0;
  /* background-color: #ffffff; */
}
.c-header__inner {
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0.14rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  z-index: 99;
}
.c-logo {
  width: 1.3rem;
  height: 0.204rem;
  top: 0.08rem;
}
.c-logo img {
  width: 100%;
}
.c-burgerBtn {
  width: 0.3rem;
  height: 0.3rem;
  z-index: 100;
  cursor: pointer;
}
.c-burgerBtnBar {
  width: 100%;
  height: 1px;
  background-color: #000000;
  inset: 0;
  margin: auto;
}
.c-burgerBtnBar:nth-child(1) {
  transform: translateY(-0.07rem);
}
.c-burgerBtnBar:nth-child(3) {
  transform: translateY(0.07rem);
}
.c-header.s-active .c-burgerBtnBar {
  background-color: #ffffff;
}
.c-header.s-active .c-burgerBtnBar:nth-child(1) {
  transform: translateY(0) rotate(25deg);

}
.c-header.s-active .c-burgerBtnBar:nth-child(2) {
  display: none;
}
.c-header.s-active .c-burgerBtnBar:nth-child(3) {
  transform: translateY(0) rotate(155deg);
}
.c-header__menu {
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #5d544d;
  /* overflow: hidden; */
  /* transition: transform 0.4s ease-in-out; */
  /* transform-origin: top; */
}
.c-headerMenuList {
  padding-top: 0.5rem;
  padding-bottom: 0.44rem;
  max-height: 100svh;
  overflow: auto;
}
.c-headerMenuLink {
  /* font-size: 0.15rem; */
  letter-spacing: 0.15em;
  padding: 0.19rem 0;
  color: #ffffff;
}
.c-header:not(.s-active) .c-header__menu {
  /* transform: scaleY(0); */
  display: none;
}

.c-header.s-active .c-burgerBtn {
  top: 0.04rem;
  right: 0.1rem;
}

@media screen and (min-width: 780px) {
  .c-header__inner {
    padding-top: 0.35rem;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }
  .c-logo {
    width: 1.8rem;
    height: 0.2824rem;
    top: -0.02rem;
  }
  .c-headerLangs {
    font-size: 0.16rem;
    line-height: 2.1875;
    margin-right: 0.41rem;
    top: 0.03rem;
  }
  .c-burgerBtn {
    width: 0.3rem;
    height: 0.15rem;
  }
  .c-burgerBtnBar:nth-child(1) {
    transform: translateY(-0.075rem);
  }
  .c-burgerBtnBar:nth-child(3) {
    transform: translateY(0.075rem);
  }
  .c-header__menu {
    width: 3.5rem;
    left: auto;
  }
  /* .c-header__menu:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: min(0.4rem, calc(50vw - 6.1rem));
    background-color: #5d544d;
    top: 0;
    left: 100%;
  } */
  .c-headerMenuList {
    padding-top: 0.31rem;
    padding-bottom: 0.32rem;
  }
  .c-headerMenuLink {
    /* font-size: 0.16rem; */
    padding: 0.19rem 0 0.19rem 0.51rem; 
  }
  .c-header.s-active .c-burgerBtn {
    top: -0.02rem;
    right: 0;
  }
}
/* end header */

/* footer */
.c-footer {
  padding-bottom: 0.61rem; 
  /* background-color: #e2e2df; */
}
.c-footer__inner {
  padding-top: 0.63rem;
  border-top: 1px solid #707070;
}
.c-siteLink {
  margin-bottom: 0.28rem;
}
.c-siteLink__logo {  
  width: 1rem;
  margin: 0 auto 0.17rem;
}
.c-siteLink__txt {
  color: #000000;
  font-size: 0.12rem;
}
.c-copyright {
  font-size: 0.11rem;
}
@media screen and (min-width: 780px) {
  .c-footer {
    padding-bottom: 0.94rem; 
  }
  .c-footer__inner {
    padding-top: 1.14rem;
  }
  .c-siteLink {
    margin-bottom: 0.42rem;
  }
  .c-siteLink__logo {
    width: 1.5rem;
    margin-bottom: 0.16rem;
  }
  .c-siteLink__txt {
    font-size: 0.2rem;
  }
  .c-copyright {
    font-size: 0.16rem;
  }
}
/* end footer */

/* c-intro */
.c-intro {
  padding-top: 0.46rem;
  padding-bottom: 0.75rem;
}
.c-heroLogo {
  width: 2.5rem;
  height: 1.0652rem;
  margin-bottom: 0.43rem;
  margin-left: auto;
  margin-right: auto;
}
.c-heroLogo img {
  width: 100%;
  height: 100%;
}
.c-heroSlider img {
  width: 100%;
}
.c-heroSlider .slick-dots {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c-heroSlider .slick-dots >li {
  height: 0.25rem;
  width: 0.03rem;
  margin: 0.05rem 0;
  background-color: #e2dcc2;
  font-size: 0;
}
.c-heroSlider .slick-dots >li.slick-active {
  background-color: #000000;
}
.c-introTitle {
  font-size: 0.26rem;
  padding-top: 0.7rem;
  margin-bottom: 0.47rem;
  letter-spacing: 0.05em;
}
.c-introParagraph {
  line-height: 2.357142857142857;
  letter-spacing: 0.05em;
}
.c-introParagraph + .c-introParagraph {
  margin-top: 0.57rem;
}
.c-introParagraph.s-last {
  margin-bottom: 0.94rem;
}
.c-introParagraph p + p {
  margin-top: 0.1rem;
}

@media screen and (min-width: 780px) {
  .c-intro {
    padding-top: 0;
    padding-bottom: 1.1rem;
  }
  .c-heroLogo {
    width: 4rem;
    margin-bottom: 0.68rem;
    height: 1.7043rem;
  }
  .c-heroSlider {
    width: 12.5rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .c-heroSlider .slick-dots {
    right: 0.21rem;
  }
  .c-heroSlider .slick-dots >li {
    height: 0.27rem;
  }
  .c-introTitle {
    font-size: 0.28rem;
    letter-spacing: 0.075em;
    padding-top: 0.86rem;
    margin-bottom: 0.74rem;
  }
  .c-introParagraph + .c-introParagraph {
    margin-top: 0.54rem;
  }
  .c-introParagraph.s-last {
    margin-bottom: 0.79rem;
  }
  .c-introParagraph p + p {
    margin-top: 0.18rem;
  }
}

/* end c-intro */

/* exhibiting-artist */
.c-section--exhibitingArtists {
  padding-bottom: 0.8rem;
}
.c-artists {
  margin-top: 0.8rem;
  margin-bottom: 1.28rem;
}
.c-artistBlock {
  grid-template-columns: 0.54rem 2.3rem;
  justify-content: space-between;
}
.c-artistBlock + .c-artistBlock {
  margin-top: 0.86rem;
}
.c-artistBlock__name {
  letter-spacing: 0.235em;
  height: 1.05rem;
  padding-top: 0.04rem;
  border-right: 1px solid #000000;
  white-space: nowrap;
  position: relative;
  left: -0.04rem;
  top: 0.02rem;
}
.c-artistBlock__main {
  line-height: 2.357142857142857;
  letter-spacing: 0.05em;
}
.c-artistThumb {
  margin-bottom: 0.38rem;
}

@media screen and (min-width: 780px) {
  .c-section--exhibitingArtists {
    padding-bottom: 1.3rem;
  }
  .c-artists {
    margin-top: 0.18rem;
    margin-bottom: 1.54rem;
  }
  .c-artistBlock {
    grid-template-columns: 0.59rem 1fr;
    column-gap: 0.56rem;
    justify-content: baseline;
  }
  .c-artistBlock + .c-artistBlock {
    margin-top: 1.13rem;
  }
  .c-artistBlock__name {
    height: 1.1rem;
    top: 0.83rem;
    letter-spacing: 0.15em;
  }
  .c-artistBlock__main {
    grid-template-columns: 1fr 2.4rem;
    column-gap: 0.6rem;
    line-height: 2.25;
  }
  .c-artistThumb {
    order: 2;
    margin-bottom: 0;
  }
  .c-artistBlock__main p {
    margin-top: 0.75rem;
  }
}
/* end exhibiting-artist */

/* products-introduction */
.c-section--productsIntroduction {
  padding-bottom: 0.92rem;
}
.c-products {
  margin-top: 0.81rem;
}
.c-productSlider + .c-productSlider {
  margin-top: 1.23rem;
}
.c-productSlider__slide {
  padding-bottom: 0.47rem;
}
.c-productSlider__slide img {
  width: 100%;
}
.c-productSlider__slide .slick-arrow {
  font-size: 0;
  line-height: 0;
  width: 0.13rem;
  height: 0.14rem;
  background-image: url('../images/work-chevrons.png');
  background-size: 200% 100%;

  position: absolute;
  bottom: 0;
  z-index: 20;
  cursor: pointer;
}
.c-productSlider__slide .slick-arrow.slick-prev {
  left: 0;
}
.c-productSlider__slide .slick-arrow.slick-next {
  background-position: 100% 0;
  right: 0;
}
.c-productSlider__slide .slick-dots {
  display: flex;
  justify-content: center;
  padding-top: 0.03rem;
  padding-bottom: 0.03rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
}
.c-productSlider__slide .slick-dots >li {
  font-size: 0;
  line-height: 0;
  width: 0.08rem;
  height: 0.08rem;
  display: block;
  background-color: #E2DCCA;
  border-radius: 100%;
  margin: 0 0.075rem;
}
.c-productSlider__slide .slick-dots >li.slick-active {
  background-color: #000000;
}
.c-productSlider__caption {
  margin-top: 0.31rem;
}

@media screen and (min-width: 780px) {
  .c-section--productsIntroduction {
    padding-bottom: 1.77rem;
  }
  .c-products {
    margin-top: 0.98rem;
  }
  .c-productSlider + .c-productSlider {
    margin-top: 1.7rem;
  }
  .c-productSlider__slide {
    width: 5.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.51rem;
  }
  .c-productSlider__caption {
    margin-top: 0.4rem;
  }
}
/* end products-introduction */

/* exhibition-overview */
.c-section--exhibitionOverview {
  padding-bottom: 0.8rem;
}
.c-overviewBlock {
  margin-top: 0.69rem;
}
.c-overviewTable {
  margin-bottom: 0.9rem;
}
.c-overviewTable.c-overviewTable--galleries {
  margin-bottom: 0.78rem;
}
.c-overviewTable >li + li {
  margin-top: 0.24rem;
}
.c-overviewTable__label {
  width: 1.2rem;
  line-height: 1.7142857142857142;
}
.c-overviewTable p {
  letter-spacing: 0.075em;
  line-height: 1.7142857142857142;
}
.c-overviewTable.c-overviewTable--galleries p {
  letter-spacing: 0.05em;
  line-height: 2;
  word-break: break-all;
}
.c-overviewTable p a {
  color: inherit;
  text-decoration: underline;
}
@media screen and (min-width: 780px) {
  .c-section--exhibitionOverview {
    padding-bottom: 1.12rem;
  }
  .c-overviewBlock {
    margin-top: 0.77rem;
    grid-template-columns: 1fr 4.2rem;
  }
  .c-overviewTable {
    margin-bottom: 0;
  }
  .c-overviewTable >li + li {
    margin-top: 0.33rem;
  }
  .c-overviewTable.c-overviewTable--galleries {
    margin-bottom: 0;
  }
  .c-overviewTable.c-overviewTable--galleries >li + li {
    margin-top: 0.34rem;
  }
  .c-overviewTable.c-overviewTable--galleries p {
    line-height: 2.1875;
  }
  .c-overviewTable__label {
    width: 1.7rem;
    letter-spacing: 0.075em;
  }
  .c-overviewTable.c-overviewTable--galleries .c-overviewTable__label {
    width: 1.4rem;
  }
}
/* end exhibition-overview */

/* talk-session */
.c-section--talkSession {
  padding-bottom: 0.65rem;
}
.c-visualBookTitle {
  letter-spacing: 0.05em;
  margin-top: 0.61rem;
  margin-bottom: 0.49rem;
}
.c-visualBookSchedule {
  line-height: 1.7142857142857142;
}
.c-visualBookSchedule.s-last {
  margin-bottom: 0.78rem;
}
.c-visualBookSchedule + .c-visualBookSchedule {
  margin-top: 0.3rem;
}
.c-visualBookSchedule >li + li {
  margin-top: 0.3rem;
}

.c-visualBookSchedule__label {
  width: 1rem;
}
.c-characterListTitle {
  letter-spacing: 0.1em;
  margin-bottom: 0.18rem;
}
.c-character {
  grid-template-columns: 1rem 1fr;
  column-gap: 0.2rem;
  min-height: 1rem;
}
.c-character + .c-character {
  margin-top: 0.2rem;
}
.c-character__title {
  margin-top: 0.07rem;
}
.c-talkSessionBtn {
  margin-top: 0.29rem;
}
@media screen and (min-width: 780px) {
  .c-section--talkSession {
    padding-bottom: 1.08rem;
  }
  .c-visualBookTitle {
    margin-top: 0.79rem;
    margin-bottom: 0.53rem;
  }
  .c-visualBookScheduleWrap {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.4rem;
    margin-bottom: 0.76rem;
  }
  .c-visualBookSchedule {
    line-height: 1.5625;
    letter-spacing: 0.075em;  
  }
  .c-visualBookSchedule + .c-visualBookSchedule {
    margin-top: 0;
  }
  .c-visualBookSchedule >li + li {
    margin-top: 0.25rem;
  }
  .c-visualBookSchedule.s-last {
    margin-bottom: 0;
  }
  .c-character {
    grid-template-columns: 1.2rem 1fr;
    column-gap: 0.25rem;
    min-height: 1.2rem;
  }
  .c-talkSessionBtn {
    margin-top: 0.62rem;
  }
}
/* end talk-session */

/* special-sale */
.c-section--specialSale {
  padding-bottom: 0.51rem;
}
.c-specialSaleBlock {
  margin-top: 0.71rem;
}
.c-specialSaleCard {
  
}
.c-specialSaleCard__thumb {
  margin-bottom: 0.29rem;
}
.c-specialSaleCard__title {
  margin-bottom: 0.32rem;
  line-height: 1.75;
}
.c-specialSaleCard__txt {
  line-height: 2.2857142857142856;
}
.c-specialSaleCard__txt p + p {
  margin-top: 0.32rem;
}

@media screen and (min-width: 780px) {
  .c-section--specialSale {
    padding-bottom: 1.09rem;
  }
  .c-specialSaleBlock {
    margin-top: 0.89rem;
  }
  .c-specialSaleCard__title {
    line-height: 1.6363636363636365;
    letter-spacing: 0.05em;
    margin-bottom: 0.52rem;
  }
  .c-specialSaleCard__thumb {
    margin-bottom: 0.45rem;
  }
  .c-specialSaleCard__txt {
    line-height: 2.25;
    letter-spacing: 0.075em;
  }
}
/* end special-sale */

/* facilities */
.c-section--facilities {
  padding-bottom: 0.79rem;
}
.c-facilities__thumb {
  margin-top: 0.61rem;
  margin-bottom: 0.39rem;
}
.c-facilities__tableTitle {
  margin-bottom: 0.48rem;
  letter-spacing: 0.025em;
}
.c-facilities__map {
  margin-bottom: 1.3rem;
}
.c-facilities__map figcaption {
  margin-top: 0.33rem;
}
.c-facilities__map figcaption a {
  color: inherit;
  text-decoration: underline;
  font-size: 0.13rem;
}

@media screen and (min-width: 780px) {
  .c-section--facilities {
    padding-bottom: 1.5rem;
  }
  .c-facilities {
    grid-template: 
      "tabl thumb"
      "tabl map" / 1fr 1fr;
    column-gap: 0.4rem;
    row-gap: 0.69rem;
    margin-top: 1.19rem;
    margin-bottom: 0.56rem;
  }
  .c-facilities__thumb {
    grid-area: thumb;
    margin-top: 0;
    margin-bottom: 0;
  }
  .c-facilities__table {
    grid-area: tabl;
  }
  .c-facilities__map {
    grid-area: map;
    margin-bottom: 0;
  }
  .c-facilities__tableTitle {
    margin-bottom: 0.56rem;
  }
  .c-facilities__map figcaption {
    margin-top: 0.61rem;
  }
  .c-facilities__map figcaption a {
    font-size: 0.16rem;
  }
}
/* end facilities */