@charset "UTF-8";
/*-----
https://github.com/hankchizljaw/modern-css-reset/blob/master/dist/reset.css
-----*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*--
  base size
--*/
/*--
  break points
--*/
/*$breakpoints: (
  'tbLandscape': 'screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1024px)',
  'portrait': 'screen and (orientation: portrait) ',                          //縦向き
  'spMin': 'screen and (max-width: 320px)',
  'spMinLandscape': 'screen and (orientation: landscape) and (max-height: 320px)',
  'landscape': 'screen and (orientation: landscape) and (max-width: 767px)', //横向き
) !default;*/
/*--
  colors
--*/
/*--
  font family
--*/
/*--
  font weight
--*/
/*--
  源ノ角ゴシック JP(Adobe)でのweight名 = Source Han Sans Japanese
  ExtraLight  : 200
  Light       : 200
  Normal      : 300　
  Regular     : 400
  Medium      : 500
  Bold        : 700
  Heavy       : 900
--*/
/*--
  PlusJakartaSansでのweight名
  ExtraLight  : 100
  Light       : 200
  Regular     : 400
  Medium      : 600
  SemiBold    : 700
  Bold        : 800
  ExtraBold   : 900
--*/
/*--
  汎用
  - カスタムブロック側で使用していると思うので、残置
--*/
/*--
  img path
  - craft-museum側はthemeファイル内に
--*/
/*--
  easing
 */
/*--
  line-height
  - XDの行送り / フォントサイズ
--*/
/*--
  letter-spacing
  - XDのAV / 1000
--*/
/*--
  calcVw
  - 主にSPで使う想定の関数。
  - 第2引数のデフォルトはsp。sp以外で使用する際はtb || pcを指定する
  - デザイン上の子要素のwidth / デザイン上の画面サイズを算出する
  - デザイン上の画面サイズ = pc: 1366, sp: 375
  - 第3引数にtrueを指定すると、マイナスで算出する
--*/
/*--
  box-shadow
- $x: XDのドロップシャドウのX
- $y: XDのドロップシャドウのY
- $b: XDのドロップシャドウのB
--*/
/*--
  media queries
  - $breakpoint: _variables.scssの$breakpointsからキーを選んで入力。デフォルトはsp
--*/
/*--
  placeholder
  - 多分使用できない...
--*/
/*--------------------------------------------------
  transition
  - transitionの設定
  - $propertyは面倒であればallで指定
--------------------------------------------------*/
/*--------------------------------------------------
  hover animation
  - ホバーでふんわり透過
  - aタグ以外にも適用可
  - $property:      all, opacity, width, border-widthなど
  - $time:          500など
  - $isOpacity:     デフォルトはtrue、falseを指定するとhover時に透過しない
  - $transparency:  デフォルトは0.6、値を指定するとhover時の透過度を変更、$isOpacityをfalseにした場合はhover時に透過しない
--------------------------------------------------*/
/*--------------------------------------------------
  hover時のタイミングだけ管理
  - aタグはデフォルトで付与しているため、追加不要
--------------------------------------------------*/
/*--------------------------------------------------
  hover:透過, focus:囲みborder
  - $outLineColor: outlineの線の色
--------------------------------------------------*/
/*--------------------------------------------------
  hover:透過+border, focus:囲みborder
  - $outLineColor: outlineの線の色
--------------------------------------------------*/
/*--------------------------------------------------
  hover: 下からborder. focus: 囲みborder
  - ホバーでふんわり透過
  - aタグ以外にも適用可
  - $property:      all, opacity, width, border-widthなど
  - $time:          500など
  - $isOpacity:     デフォルトはtrue、falseを指定するとhover時に透過しない
  - $transparency:  デフォルトは0.6、値を指定するとhover時の透過度を変更、$isOpacityをfalseにした場合はhover時に透過しない
--------------------------------------------------*/
/*--------------------------------------------------
  link arrow base
  - 矢印付きリンクのベース設定
  - 矢印の向きや大きさなどはinclude先で指定する
--------------------------------------------------*/
/*--------------------------------------------------
  gradient
  - グラデーション
--------------------------------------------------*/
/*--------------------------------------------------
  抜粋ベース
--------------------------------------------------*/
/*-- 単行 --*/
/*-- 2行 --*/
/*-- 3行 --*/
/*--------------------------------------------------
  詳細ページのページタイトル
  - .box-page-titleと同じもの
  - 一覧を持つ詳細ページは、PCでは非表示
  - 一覧を持つ詳細ページは、SPではナビゲーションが常時表示では無いので表示する
--------------------------------------------------*/
/*--------------------------------------------------
  詳細ページのページヘッダーの次のコンテンツ
--------------------------------------------------*/
/*--------------------------------------------------
  selectタグのデフォルトスタイルreset
  - code penより
  https://codepen.io/jnowland/pen/KzYQxp
  - selectタグにスタイルを当てられるようにする
  - selectタグのスタイルカスタマイズ方法は、/themes/momat/scss/component/_form.scss .form-select(136行目あたり) を参照
--------------------------------------------------*/
/*--
  SVG
--*/
body.today .momat-button-arrow .wp-block-button__link, .site-select__greetings .momat-button-arrow .wp-block-button__link {
  border-radius: 0;
  border: 2px solid transparent;
  background-repeat: no-repeat;
}

body.today .momat-button-arrow .wp-block-button__link, .site-select__greetings .momat-button-arrow .wp-block-button__link {
  font-size: 1.5rem;
  line-height: calc(27 / 15);
  padding: 16px 47px 16px 12px;
  border-color: #31759A;
  background-position: calc(100% - 17px) center;
}
@media screen and (max-width: 767px) {
  body.today .momat-button-arrow .wp-block-button__link, .site-select__greetings .momat-button-arrow .wp-block-button__link {
    padding: 9px 51px 9px 12px;
    font-size: 1.2rem;
  }
}

body.today .momat-button-arrow .wp-block-button__link, .site-select__greetings .momat-button-arrow .wp-block-button__link {
  font-weight: 400;
  color: #fff;
  background-color: #31759A;
}

body.today .momat-button-arrow .wp-block-button__link:hover, body.today .momat-button-arrow .wp-block-button__link:focus-visible, .site-select__greetings .momat-button-arrow .wp-block-button__link:hover, .site-select__greetings .momat-button-arrow .wp-block-button__link:focus-visible {
  font-weight: 400;
  color: #31759A;
  background-color: #fff;
}

/*--------------------------------------------------
  base style
--*/
html {
  font-family: "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 10px;
  font-weight: 400;
  scroll-padding-top: 0;
}
@media screen and (max-width: 767px) {
  html {
    height: -webkit-fill-available;
    font-size: 10px;
  }
}

body {
  position: relative;
  min-width: 1366px;
  font-size: 1.6rem;
  line-height: 2;
  background-color: #F2F2F2;
  word-break: break-word;
}
@media screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1366px) {
  body {
    max-width: initial;
    min-width: 1024px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    min-width: initial;
    max-width: 1024px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body {
    min-width: initial;
    min-height: -webkit-fill-available;
    max-width: 100%;
    min-height: 100vh;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
body.isNavOpen {
  width: 100%;
  height: 100vh;
  overflow-y: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  body a[href]:focus-visible, body area[href]:focus-visible, body input:not([disabled]):focus-visible, body select:not([disabled]):focus-visible, body textarea:not([disabled]):focus-visible, body button:not([disabled]):focus-visible, body iframe:focus-visible, body *[tabindex="0"]:focus-visible, body *[contenteditable]:focus-visible {
    outline: 2px solid #31759A;
  }
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

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

a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  color: #000;
  text-decoration: none;
}
a:hover, a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}

button {
  background-color: transparent;
  color: #000;
}

mark {
  background: none;
}

/*--------------------------------------------------
  box
--*/
.box-page-wrapper {
  min-height: 500px;
  padding-bottom: 3px;
  background-color: #fff;
}

.box-wide1090 {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .box-wide1090 {
    max-width: 956px;
    /*padding: {
      left: 54px;
      right: 54px;
    };*/
  }
}

/*--------------------------------------------------
  ページタイトル
  - ページの灰色帯の大タイトル
--*/
.box-page-title {
  border-bottom: 1px solid #555;
  background-color: #F2F2F2;
}
.box-page-title__cont {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 103px;
  margin: 0 auto !important;
  padding: 30px 21px;
}
@media screen and (max-width: 767px) {
  .box-page-title__cont {
    min-height: auto;
    padding: 15px 21px;
  }
}
.box-page-title span {
  display: block;
  font-size: 3rem;
  font-weight: 500;
  line-height: calc(30 / 27);
}
@media screen and (max-width: 767px) {
  .box-page-title span {
    font-size: 2.4rem;
  }
}

/*--------------------------------------------------
  ページセカンドタイトル
  - 詳細ページなどにある、灰色帯下の白帯のboxタイトル
  - 子要素はページによるのでページ内でcssを書く
  - boxと戻るボタンのみのセット
--*/
.box-second-title {
  border-top: 1px solid #414141;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.box-second-title__inner {
  position: relative;
  padding-top: 38px;
  padding-bottom: 33px;
}
@media screen and (max-width: 767px) {
  .box-second-title__inner {
    padding-top: 45px;
    padding-bottom: 24px;
  }
}
.box-second-title__back-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  outline: none;
  display: none;
  position: absolute;
  top: 0;
  width: 100px;
  height: 46px;
  padding-left: 49px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 40px;
  border: 3px solid #31759A;
  background-color: #31759A;
}
.box-second-title__back-btn:hover, .box-second-title__back-btn:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .box-second-title__back-btn {
    width: auto;
    height: auto;
    padding-left: 36px;
    padding-right: 15px;
    font-size: 1.2rem;
    line-height: 34px;
  }
}
.box-second-title__back-btn::before, .box-second-title__back-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.box-second-title__back-btn::before {
  left: 15px;
  width: 18px;
  height: 2px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .box-second-title__back-btn::before {
    left: 9px;
    width: 15px;
  }
}
.box-second-title__back-btn::after {
  left: 15px;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .box-second-title__back-btn::after {
    left: 9px;
    width: 12px;
    height: 12px;
  }
}
.box-second-title__back-btn:hover, .box-second-title__back-btn:focus-visible {
  color: #31759A;
  background-color: #fff;
}
.box-second-title__back-btn:hover:before, .box-second-title__back-btn:focus-visible:before {
  background-color: #31759A;
}
.box-second-title__back-btn:hover:after, .box-second-title__back-btn:focus-visible:after {
  border-color: #31759A;
}

/*--------------------------------------------------
  セクションbox
--*/
/*.box-section {
  border-top: 1px solid g.$colCCC;
}*/
/*--------------------------------------------------
  セクションタイトル
  - 一覧ページなどにある、width長の灰色線の下に太い灰色線の入ったタイトル
  - boxとタイトルのみのセット
--*/
.box-section-title {
  margin: 0 0 30px;
}
@media screen and (max-width: 767px) {
  .box-section-title {
    margin-bottom: 18px;
  }
}
.box-section-title__inner {
  display: inline-block;
  font-family: "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: calc(30 / 21);
  padding: 24px 0 0;
  border-top: 12px solid rgba(65, 65, 65, 0.2);
}
@media screen and (max-width: 767px) {
  .box-section-title__inner {
    padding-top: 12px;
    font-size: 1.8rem;
    line-height: calc(30 / 18);
  }
}

/*--------------------------------------------------
  関連コンテンツ
  - 詳細ページの下部などで使用
  - wrapperと各要素で使いまわせるtitleのセット
--*/
.box-related {
  margin-top: 60px;
  background-color: #F2F2F2;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}
.box-related > section:first-child {
  padding-top: 60px;
}
.box-related > section:last-child {
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .box-related {
    margin-top: 45px;
  }
  .box-related > section:first-child {
    padding-top: 45px;
  }
  .box-related > section:last-child {
    padding-bottom: 45px;
  }
}
.box-related__wrapper {
  overflow: hidden;
  padding-bottom: 51px;
}
.box-related__title {
  margin-bottom: 18px !important;
}
@media screen and (max-width: 767px) {
  .box-related__title {
    margin-bottom: 9px !important;
  }
}
.box-related__title span {
  display: inline-block;
  position: relative;
  padding-top: 29px;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: calc(27 / 21);
}
@media screen and (max-width: 767px) {
  .box-related__title span {
    font-size: 1.8rem;
  }
}
.box-related__title span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 6px;
  background-color: rgba(65, 65, 65, 0.5);
}
.box-related__cont {
  overflow: visible;
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.box-related__list {
  /*&::before,
  &::after {
    content: '';
    display: block;
    width: 24%;
  }
  &::before {
    order: 1; // flex4つで左揃えの場合のspacer処理
  }*/
}
.box-related__list:not([id]):not(.isArtists) {
  padding-left: 6px;
}
.box-related__list__item {
  max-width: 266px;
  width: 24%;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .box-related__list__item {
    max-width: 238px;
    width: 80%;
  }
}
.box-related__list__item .item-thumb--status-tip {
  position: relative;
  height: 200px;
  background-color: #EBEBEB;
}
@media screen and (max-width: 767px) {
  .box-related__list__item .item-thumb--status-tip {
    height: 143px;
  }
}
.box-related__list__item .item-thumb--status-tip .box-no-images {
  height: 200px;
}
@media screen and (max-width: 767px) {
  .box-related__list__item .item-thumb--status-tip .box-no-images {
    height: 143px;
    max-height: 143px;
  }
}
.box-related__list__item .item-thumb--status-tip > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.box-related__list__item .item-thumb--status-tip .status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 6px 18px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  background-color: #555;
}
.box-related__list__item .item-thumb--status-tip .status.isEvent {
  background-color: #31759A;
}
.box-related__list__item .item-thumb--status-tip .status.isEventEnd::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}
.box-related__list__item .item-thumb--status-tip .status.isExhibitions {
  background-color: #000;
}
.box-related__list__item .item-thumb--status-tip .status.isExhibitionsEnd {
  background-color: #555;
}
.box-related__list__item .item-thumb--status-tip .status.isWorks {
  background-color: #000;
}
.box-related__list__item .item-thumb--status-tip .status.isWorksEnd {
  background-color: #555;
}
.box-related__list__item .item-link {
  position: relative;
  display: block;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.box-related__list__item .item-link::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #31759A;
}
.box-related__list__item .item-link::after:hover, .box-related__list__item .item-link::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.box-related__list__item .item-link:hover {
  border-bottom-color: #31759A;
}
.box-related__list__item .item-link:hover::after {
  height: 3px;
}
.box-related__list__item .item-link:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
.box-related__list__item .item-link:focus-visible {
  outline: 3px solid #31759A;
}
.box-related__list__item .item-thumb {
  position: relative;
  background-color: #EBEBEB;
}
.box-related__list__item .item-texts {
  display: flex;
  flex-direction: column;
  min-height: 112px;
  padding: 12px 12px 9px;
  line-height: calc(18 / 12);
  background-color: #fff;
}
.box-related__list__item .item-texts .period {
  margin-bottom: 6px;
  color: #414141;
  font-size: 1.2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: calc(18 / 12);
}
@media screen and (max-width: 767px) {
  .box-related__list__item .item-texts .period {
    top: 9px;
  }
}
.box-related__list__item .item-texts .type {
  margin-left: 12px;
  color: rgba(65, 65, 65, 0.5);
  font-weight: 500;
}
.box-related__list__item .item-texts .title {
  text-overflow: initial;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(24 / 15);
}
.box-related__list__item .item-texts .sup {
  margin-top: auto;
  margin-bottom: 0 !important;
  color: #414141;
  font-size: 1rem;
}
.box-related__list__item .item-texts .category {
  margin-bottom: 6px;
  color: rgba(49, 117, 154, 0.8);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(18 / 12);
}
@media screen and (max-width: 767px) {
  .box-related__list__item .item-texts .category {
    top: 9px;
  }
}
.box-related__list__item .item-texts .category span:not(:last-child)::after {
  display: inline-block;
  content: "/";
  margin: 0 2px;
}
.box-related__list.isWorks .box-related__list__item {
  max-width: 172px;
}
@media screen and (max-width: 767px) {
  .box-related__list.isWorks .box-related__list__item {
    width: 51%;
  }
}
.box-related__list.isWorks .box-related__list__item .item-thumb--status-tip {
  width: 172px;
  height: 120px;
}
.box-related__list.isWorks .box-related__list__item .item-thumb--status-tip .box-no-images {
  height: 120px;
}
@media screen and (max-width: 767px) {
  .box-related__list.isWorks .box-related__list__item .item-thumb--status-tip .box-no-images {
    max-height: 120px;
  }
}
.box-related__list.isWorks .box-related__list__item .item-texts {
  display: flex;
  flex-direction: column;
  min-height: 101px;
  padding: 9px 6px;
}
.box-related__list.isWorks .box-related__list__item .item-texts .works-artist {
  margin-bottom: 6px;
  color: #414141;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(18 / 12);
}
.box-related__list.isWorks .box-related__list__item .item-texts .works-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 18px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(24 / 15);
}
@media screen and (max-width: 767px) {
  .box-related__list.isWorks .box-related__list__item .item-texts .works-title {
    text-overflow: initial;
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.box-related__list.isWorks .box-related__list__item .item-texts .sup {
  font-size: 1.2rem;
  margin: auto 0 0;
  line-height: calc(27 / 12);
}
.box-related__list.isArtists .box-related__list__item {
  position: relative;
  max-width: 540px;
  width: 49%;
  border-bottom: 1px solid #555;
  background-color: transparent;
  box-shadow: initial;
}
@media screen and (max-width: 767px) {
  .box-related__list.isArtists .box-related__list__item {
    width: 100%;
  }
}
.box-related__list.isArtists .box-related__list__item::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #31759A;
}
.box-related__list.isArtists .box-related__list__item::after:hover, .box-related__list.isArtists .box-related__list__item::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.box-related__list.isArtists .box-related__list__item:hover {
  border-bottom-color: #31759A;
}
.box-related__list.isArtists .box-related__list__item:hover::after {
  height: 3px;
}
.box-related__list.isArtists .box-related__list__item:focus-visible {
  outline: 2px solid #31759A;
}
.box-related__list.isArtists .box-related__list__item:nth-last-of-type(2+X) {
  margin-bottom: 24px;
}
.box-related__list.isArtists .box-related__list__item .item-link {
  position: relative;
  background-color: transparent;
  box-shadow: initial;
}
.box-related__list.isArtists .box-related__list__item .item-link::after {
  content: none;
}
.box-related__list.isArtists .box-related__list__item .item-link:focus-visible {
  outline: none;
}
.box-related__list.isArtists .box-related__list__item .item-texts {
  min-height: initial;
  padding: 0;
  line-height: calc(24 / 15);
  background-color: transparent;
}
.box-related__list.isArtists .box-related__list__item .item-texts .artist-name {
  margin-bottom: 3px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(27 / 18);
  letter-spacing: -0.002em;
}
@media screen and (max-width: 767px) {
  .box-related__list.isArtists .box-related__list__item .item-texts .artist-name {
    font-size: 1.5rem;
    line-height: calc(27 / 15);
  }
}
.box-related__list.isArtists .box-related__list__item .item-texts .artist-name-en {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(27 / 15);
}
@media screen and (max-width: 767px) {
  .box-related__list.isArtists .box-related__list__item .item-texts .artist-name-en {
    margin-bottom: 3px;
    font-size: 1.2rem;
    line-height: calc(27 / 12);
  }
}
.box-related__list.isArtists .box-related__list__item .item-texts .birth {
  margin-bottom: 6px;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .box-related__list.isArtists .box-related__list__item .item-texts .birth {
    font-size: 1rem;
  }
}

/*--------------------------------------------------
  box-breadcrumbs
  - パンクズリスト
--*/
.box-breadcrumbs {
  background-color: #CCCCCC;
}
.box-breadcrumbs__list {
  display: flex;
  line-height: 34px;
}
.box-breadcrumbs__list li {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
}
.box-breadcrumbs__list li:not(:last-of-type) {
  margin-right: 25px;
}
.box-breadcrumbs__list li:not(:last-of-type)::after {
  content: ">";
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -17px;
  width: 8px;
  height: 6px;
  margin: auto;
  font-size: 1.4rem;
  font-weight: 100;
}
.box-breadcrumbs__list li a {
  color: #31759A;
}

/*--------------------------------------------------
  box-list-pagination
  - list型のページネーション
--*/
.box-list-pagination {
  margin: 60px auto;
}
@media screen and (max-width: 767px) {
  .box-list-pagination {
    margin: 48px auto;
  }
}
.box-list-pagination .page-numbers {
  display: flex;
  justify-content: center;
}
.box-list-pagination .page-numbers li + li a:not(.next), .box-list-pagination .page-numbers li + li span {
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .box-list-pagination .page-numbers li + li a:not(.next), .box-list-pagination .page-numbers li + li span {
    margin-left: 18px;
  }
}
.box-list-pagination .page-numbers li .page-numbers {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 2.1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: calc(27 / 21);
  background-color: #31759A;
  border: 3px solid #31759A;
  border-radius: 2px;
}
.box-list-pagination .page-numbers li .page-numbers:hover, .box-list-pagination .page-numbers li .page-numbers:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .box-list-pagination .page-numbers li .page-numbers {
    width: 36px;
    height: 36px;
    font-size: 1.5rem;
  }
}
.box-list-pagination .page-numbers li .page-numbers.current {
  color: #31759A;
  background-color: transparent;
}
.box-list-pagination .page-numbers li .page-numbers:hover, .box-list-pagination .page-numbers li .page-numbers:focus-visible {
  color: #31759A;
  background-color: #fff;
}
.box-list-pagination .page-numbers li .page-numbers:focus-visible {
  outline: none;
}
.box-list-pagination .page-numbers li .page-numbers.dots {
  position: relative;
  color: transparent;
  background-color: transparent;
  border: transparent;
}
@media screen and (max-width: 767px) {
  .box-list-pagination .page-numbers li .page-numbers.dots {
    width: 63px;
  }
}
.box-list-pagination .page-numbers li .page-numbers.dots::before {
  content: "・・・";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 63px;
  height: 100%;
  color: #31759A;
  font-size: 2.1rem;
}
.box-list-pagination .page-numbers li .page-numbers.prev, .box-list-pagination .page-numbers li .page-numbers.next {
  display: none;
}

/*--------------------------------------------------
  box-prev-next-pagination
  - list型のページネーション
--*/
.box-prev-next-pagination {
  display: flex;
  justify-content: space-between;
  padding: 39px 0 57px;
}
.box-prev-next-pagination a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  width: 172px;
  padding: 3px 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(33 / 17);
  border-bottom: 3px solid #31759A;
  text-decoration: none !important;
}
.box-prev-next-pagination a:hover, .box-prev-next-pagination a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .box-prev-next-pagination a {
    width: auto;
  }
}
.box-prev-next-pagination a[rel=next] {
  text-align: right;
}
.box-prev-next-pagination.hasOnly--prev {
  justify-content: flex-start;
}
.box-prev-next-pagination.hasOnly--next {
  justify-content: flex-end;
}

/*--------------------------------------------------
  box-anchor-links
  - ページ内リンク
  - nav.box-anchor-links > div.box-anchor-links__inner > a.box-anchor-links__link
  - 幅の指定は、親の外/内どちらかにdiv.box-wide1090等を入れることで可能
--*/
/*.box-anchor-links {
  padding: 16px 0;
  &__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  &__link {
    display: block;
    font: {
      family: g.$fontGenJP;
      size: 2.1rem;
      weight: g.$fontWeightGenMedium;
    }
    text-decoration: none;
    line-height: g.lineHeight(21, 27);
    padding: 0 40px 0 0;
    margin: 0 51px 0 0;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7.4"><path d="M10.59,0,6,4.574,1.41,0,0,1.408,6,7.4l6-5.992Z" fill="%23000" /></svg>') no-repeat calc(100% - 6px) center/12px auto;
    @include g.media(sp) {
      font-size: 1.5rem;
    }
  }
}*/
/*--------------------------------------------------
  box-no-images
  - 仮のNo Images
  - todo: 画像化されたらこのクラスが当たる部分のロジックをチェックし修正する
--*/
.box-no-images {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-color: #F2F2F2;
  /*.inner {
    padding: 20px;
    text-align: center;
    background-color: g.$colF2F2F2;
  }*/
}
@media screen and (max-width: 767px) {
  .box-no-images {
    max-height: 38.1333333333vw;
  }
}
.box-no-images img {
  width: 18px;
  margin-right: 9px;
}
.box-no-images span {
  display: block;
  color: #414141;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .box-no-images span {
    font-size: 1.2rem;
  }
}

/*--------------------------------------------------
  box-not-post
  - 一覧等で投稿が0件の時のテキストレイアウト
--*/
.box-not-post {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 18px;
  line-height: calc(24 / 16);
}

/*--------------------------------------------------
  margin, padding
--*/
/* Todo: page, single, archiveテンプレートの上部余白に使用 */
.parts-pt26 {
  padding-top: 26px !important;
}

.parts-pt40 {
  padding-top: 40px !important;
}

/* 余白調整用
parts-mb0, parts-mt10 などで指定できます
*/
.parts-mt0 {
  margin-top: 0px !important;
}

.parts-mb0 {
  margin-bottom: 0px !important;
}

.parts-mt10 {
  margin-top: 10px !important;
}

.parts-mb10 {
  margin-bottom: 10px !important;
}

.parts-mt20 {
  margin-top: 20px !important;
}

.parts-mb20 {
  margin-bottom: 20px !important;
}

.parts-mt30 {
  margin-top: 30px !important;
}

.parts-mb30 {
  margin-bottom: 30px !important;
}

.parts-mt40 {
  margin-top: 40px !important;
}

.parts-mb40 {
  margin-bottom: 40px !important;
}

.parts-mt50 {
  margin-top: 50px !important;
}

.parts-mb50 {
  margin-bottom: 50px !important;
}

.parts-mt60 {
  margin-top: 60px !important;
}

.parts-mb60 {
  margin-bottom: 60px !important;
}

.parts-overdot {
  padding-top: 0.05em;
  background-position: top left -1px;
  background-repeat: repeat-x;
  background-size: 1em 0.25em;
  background-image: radial-gradient(0.05em 0.05em at center center, black, black 100%, transparent);
}

@media screen and (max-width: 767px) {
  .parts-sp-block {
    display: block;
  }
}

/*--------------------------------------------------
  brの改行
--*/
br.sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  br.sp-br {
    display: block;
  }
}

br.pc-br {
  display: block;
}
@media screen and (max-width: 767px) {
  br.pc-br {
    display: none;
  }
}

/*--
  外部リンクアイコン
--*/
.parts-link-icon--outer {
  padding-right: 32px;
  background: no-repeat right 4px top 50%/17px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path d="M2,1A1,1,0,0,0,1,2V6A1,1,0,0,0,2,7h8a1,1,0,0,0,1-1V2a1,1,0,0,0-1-1H2M2,0h8a2,2,0,0,1,2,2V6a2,2,0,0,1-2,2H2A2,2,0,0,1,0,6V2A2,2,0,0,1,2,0Z" fill="%230  "/><path d="M2,1A1,1,0,0,0,1,2V6A1,1,0,0,0,2,7h8a1,1,0,0,0,1-1V2a1,1,0,0,0-1-1H2M2,0h8a2,2,0,0,1,2,2V6a2,2,0,0,1-2,2H2A2,2,0,0,1,0,6V2A2,2,0,0,1,2,0Z" transform="translate(5 4)" fill="%230"/></svg>');
}
.parts-link-icon--outer:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="12" viewBox="0 0 17 12"><path d="M2,1A1,1,0,0,0,1,2V6A1,1,0,0,0,2,7h8a1,1,0,0,0,1-1V2a1,1,0,0,0-1-1H2M2,0h8a2,2,0,0,1,2,2V6a2,2,0,0,1-2,2H2A2,2,0,0,1,0,6V2A2,2,0,0,1,2,0Z" fill="%2331759A  "/><path d="M2,1A1,1,0,0,0,1,2V6A1,1,0,0,0,2,7h8a1,1,0,0,0,1-1V2a1,1,0,0,0-1-1H2M2,0h8a2,2,0,0,1,2,2V6a2,2,0,0,1-2,2H2A2,2,0,0,1,0,6V2A2,2,0,0,1,2,0Z" transform="translate(5 4)" fill="%2331759A"/></svg>');
}

/*--
  underline付きリンク
--*/
/*.parts-link-underline {
  text-decoration: underline;
}*/
/*--
  ボタンリンク
--*/
.parts-link-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: inline-block;
  position: relative;
  padding: 12px 62px 12px 19px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(27 / 15);
  background-color: #31759A;
  border: 3px solid #31759A;
}
.parts-link-btn:hover, .parts-link-btn:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .parts-link-btn {
    min-width: 178px;
    padding: 11px 37px 11px 12px;
    font-size: 1.2rem;
  }
}
.parts-link-btn::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.parts-link-btn::after:hover, .parts-link-btn::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.parts-link-btn:hover, .parts-link-btn:focus-visible {
  opacity: 1;
  color: #31759A;
  background-color: #fff;
}
.parts-link-btn:hover::after, .parts-link-btn:focus-visible::after {
  border-color: #31759A;
}
.parts-link-btn:focus-visible {
  outline: none;
}

/*--
  お知らせ -> 重要チップ
--*/
.parts-important-tip {
  display: inline-block;
  margin-top: 2px;
  margin-right: 6px;
  padding: 0 3px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 18px;
  vertical-align: middle;
  background-color: #DE6E44;
}
@media screen and (max-width: 767px) {
  .parts-important-tip {
    font-size: 1rem;
  }
}

/*--
  リンク / ボタン　挙動類
--*/
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
}
.transition-opacity:hover :hover {
  opacity: 0.6;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}

.transition-border {
  border-bottom: 5px #f66 solid;
  transition-property: border;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.3s;
}
.transition-border:hover {
  border-bottom: 15px #f66 solid;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.075s;
}

/*--------------------------------------------------
  form-radio
  - input radioタグのスタイル変更
--*/
/*.form-radio {
  display: flex;
  align-items: center;

  input[type="radio"] {
    display: none;
  }

  input[type="radio"] {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
  }

  input[type="radio"] + label {
    position: relative;
    display: block;
    padding-left: 30px;
    margin-right: 0;
  }

  input[type="radio"] + label::before,
  input[type="radio"] + label::after {
    content: "";
    display: block;
    position: absolute;
  }

  input[type="radio"] + label::before {
    top: 4px;
    left: 0;
    width: 19px;
    height: 19px;
    border: 1px solid g.$col555;
    border-radius: 50%;
    background-color: g.$colfff;
  }

  input[type="radio"] + label::after {
    top: 10px;
    left: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border-color: transparent;
  }

  input[type="radio"]:checked + label::before {
    border-color: g.$colF2F2F2;
  }

  input[type="radio"]:checked + label::after {
    background-color:  g.$col14326E;
  }
}*/
/*--------------------------------------------------
  form-checkbox
  - input checkboxタグのスタイル変更
--*/
.form-checkbox {
  display: flex;
  align-items: center;
}
.form-checkbox input[type=checkbox] {
  display: none;
}
.form-checkbox input[type=checkbox] {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.form-checkbox input[type=checkbox] + label {
  cursor: pointer;
  position: relative;
  display: block;
  margin-right: 0;
  padding-left: 33px;
  color: #000;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
}
.form-checkbox input[type=checkbox] + label::before,
.form-checkbox input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
}
.form-checkbox input[type=checkbox] + label::before {
  top: 2px;
  left: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #555;
  border-radius: 3px;
  background-color: #fff;
}
.form-checkbox input[type=checkbox] + label::after {
  top: 4px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(45deg);
  border-color: transparent;
}
.form-checkbox input[type=checkbox]:checked + label::after {
  border-right: 3px solid #31759A;
  border-bottom: 3px solid #31759A;
}
.form-checkbox:hover, .form-checkbox:focus-visible {
  outline: none;
}
.form-checkbox:hover input[type=checkbox] + label, .form-checkbox:focus-visible input[type=checkbox] + label {
  text-decoration: underline;
}
.form-checkbox:hover input[type=checkbox] + label::before, .form-checkbox:focus-visible input[type=checkbox] + label::before {
  border: 2px solid #31759A;
}

/*--------------------------------------------------
  form-select
  - selectタグのゴリゴリカスタマイズ
  - code penコードを参照してカスタマイズしたもの
  https://codepen.io/jnowland/pen/GZLQBw
  https://codepen.io/jnowland/pen/KzYQxp
--*/
.form-select {
  display: block;
  padding: 0;
  position: relative;
  /* Set options to normal weight */
  /* ------------------------------------  */
  /* START OF UGLY BROWSER-SPECIFIC HACKS */
  /* ----------------------------------  */
  /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container.
     The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex.
     You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
  /* Show only the native arrow */
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  width: 100%;
  color: #31759A;
  font-size: 1.6rem;
  border-radius: 0;
  box-shadow: none;
}
.form-select::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.form-select select {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  font-size: 16px;
  outline: none;
  /* Focus style */
}
@media screen and (max-width: 767px) {
  .form-select select {
    font-size: 1.5rem;
  }
}
.form-select select:focus {
  background-color: transparent;
  outline: none;
}
.form-select option {
  font-weight: normal;
}
.form-select x:-o-prefocus, .form-select::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form-select select::-ms-expand {
    display: none;
  }
  .form-select select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  .form-select {
    overflow: hidden;
  }
  .form-select select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    .form-select select {
      width: 100%;
    }
  }
  .form-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  .form-select {
    width: 100%;
  }
}
.form-select:hover, .form-select:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .form-select {
    font-size: 1.5rem;
  }
}
.form-select::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  width: 9px;
  height: 9px;
  top: 21px;
  right: 21px;
  border: 0;
  border-right: 2px solid #31759A;
  border-bottom: 2px solid #31759A;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .form-select::after {
    top: 18px;
  }
}
.form-select:hover, .form-select:focus-visible {
  outline: none;
}
@-moz-document url-prefix() {
  .form-select {
    border-right: 1px solid #CCCCCC;
  }
  .form-select:hover {
    border-right: 1px solid #CCCCCC;
  }
}
.form-select:hover {
  /*select {
    //box-shadow: 0 2px 3px rgba($demo-blue, 0.1) inset;
    border-color: g.$colCCC;

    // outline is critical but when we are hovering the div has the border already.
    &:focus {
      outline-color: transparent;
    }
  }*/
  outline: none;
}
.form-select:hover select {
  margin: 0;
  border: 2px solid #31759A;
  border-radius: 6px;
}
.form-select:hover::after {
  border-top-color: #CCCCCC;
}
.form-select:focus-visible {
  outline: none;
}
.form-select:focus-visible select {
  margin: 0;
  border: 2px solid #31759A;
  border-radius: 6px;
}
.form-select select {
  padding: 14px 21px;
  color: inherit;
  font-weight: 500;
  line-height: calc(24 / 16);
  margin: 1px;
  border: 1px solid #555;
  border-radius: 6px;
  /*transition: border-color 0.2s ease,
  outline 0.2s ease;*/
  /*&:focus {
    //box-shadow: 0 3px 4px rgba($demo-blue, 0.3) inset;
    // outline is critical for usability
    outline: 1px solid g.$col555;
    outline-offset: -1px; //offset vs width
  }*/
}
@media screen and (max-width: 767px) {
  .form-select select {
    padding: 12px 18px;
  }
}
.form-select select[disabled], .form-select select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.form-select select:not(:focus):invalid {
  color: #31759A;
}

/*--------------------------------------------------
  共通リセット
--*/
.swiper-wrapper {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.swiper-button-prev,
.swiper-button-next {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 27px);
  z-index: 1;
  width: 54px;
  height: 54px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.swiper-button-prev:hover, .swiper-button-prev:focus-visible,
.swiper-button-next:hover,
.swiper-button-next:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.swiper-button-prev::before, .swiper-button-prev::after,
.swiper-button-next::before,
.swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.swiper-button-prev::before,
.swiper-button-next::before {
  left: 0;
  right: 0;
  width: 24px;
  height: 2px;
  background-color: #31759A;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  width: 15px;
  height: 15px;
}
.swiper-button-prev:hover, .swiper-button-prev:focus-visible,
.swiper-button-next:hover,
.swiper-button-next:focus-visible {
  background-color: #31759A;
  transform: scale(1.03);
}
.swiper-button-prev:hover::before, .swiper-button-prev:focus-visible::before,
.swiper-button-next:hover::before,
.swiper-button-next:focus-visible::before {
  background-color: #fff;
}
.swiper-button-prev:hover::after, .swiper-button-prev:focus-visible::after,
.swiper-button-next:hover::after,
.swiper-button-next:focus-visible::after {
  border-color: #fff;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .swiper-button-prev {
    left: 20px;
  }
}
@media screen and (min-width: 1240px) {
  .swiper-button-prev {
    left: -48px;
  }
}
.swiper-button-prev::after {
  left: 15px;
  border-left: 2px solid #31759A;
  border-bottom: 2px solid #31759A;
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .swiper-button-next {
    right: 20px;
  }
}
@media screen and (min-width: 1240px) {
  .swiper-button-next {
    right: -48px;
  }
}
.swiper-button-next::after {
  right: 15px;
  border-right: 2px solid #31759A;
  border-bottom: 2px solid #31759A;
  transform: rotate(-45deg);
}

/*--------------------------------------------------
  topメインビジュアルのcss書き換え
--*/
body.index {
  /*--------------------------------------------------
    top->eventsのSPスライダー
  --*/
  /*--------------------------------------------------
    top->おすすめリンクのSPスライダー
  --*/
}
body.index #heroSlider.swiper {
  overflow: visible;
  height: calc(100vh - 202px);
  padding-bottom: 67px;
}
@media screen and (max-aspect-ratio: 1300/800) and (min-width: 768px) {
  body.index #heroSlider.swiper {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  body.index #heroSlider.swiper {
    height: auto;
    padding-bottom: 70px;
  }
}
body.index #heroSlider .swiper-slide {
  overflow: hidden;
}
body.index #heroSlider .swiper-slide img {
  transition: transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body.index #heroSlider .swiper-slide img.is-loading {
  transform: scale(1.03);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-slide {
    transition: transform 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transform-origin: 50% top;
  }
  body.index #heroSlider .swiper-slide img {
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
body.index #heroSlider .swiper-slide.swiper-slide-active img:not(.is-loading) {
  transition-delay: 0.6s;
}
body.index #heroSlider .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
}
body.index #heroSlider .swiper-slide:not(.swiper-slide-active) img:not(.is-loading) {
  filter: saturate(0%) opacity(50%);
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-slide:not(.swiper-slide-active) img:not(.is-loading) {
    filter: none;
  }
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.94);
  }
}
body.index #heroSlider .swiper-button-prev,
body.index #heroSlider .swiper-button-next {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  position: absolute;
  top: calc((100vh - 202px - 67px - 36px) / 2);
  z-index: 1;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
body.index #heroSlider .swiper-button-prev:hover, body.index #heroSlider .swiper-button-prev:focus-visible,
body.index #heroSlider .swiper-button-next:hover,
body.index #heroSlider .swiper-button-next:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-aspect-ratio: 1300/800) and (min-width: 768px) {
  body.index #heroSlider .swiper-button-prev,
  body.index #heroSlider .swiper-button-next {
    top: calc((100% - 67px - 36px) / 2);
  }
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-button-prev,
  body.index #heroSlider .swiper-button-next {
    width: 44px;
  }
}
body.index #heroSlider .swiper-button-prev::before, body.index #heroSlider .swiper-button-prev::after,
body.index #heroSlider .swiper-button-next::before,
body.index #heroSlider .swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
body.index #heroSlider .swiper-button-prev::before,
body.index #heroSlider .swiper-button-next::before {
  left: 0;
  right: 0;
  width: 16px;
  height: 2px;
  background-color: #31759A;
}
body.index #heroSlider .swiper-button-prev::after,
body.index #heroSlider .swiper-button-next::after {
  width: 12px;
  height: 12px;
}
body.index #heroSlider .swiper-button-prev:hover, body.index #heroSlider .swiper-button-prev:focus-visible,
body.index #heroSlider .swiper-button-next:hover,
body.index #heroSlider .swiper-button-next:focus-visible {
  background-color: #31759A;
}
body.index #heroSlider .swiper-button-prev:hover::before, body.index #heroSlider .swiper-button-prev:focus-visible::before,
body.index #heroSlider .swiper-button-next:hover::before,
body.index #heroSlider .swiper-button-next:focus-visible::before {
  background-color: #fff;
}
body.index #heroSlider .swiper-button-prev:hover::after, body.index #heroSlider .swiper-button-prev:focus-visible::after,
body.index #heroSlider .swiper-button-next:hover::after,
body.index #heroSlider .swiper-button-next:focus-visible::after {
  border-color: #fff;
}
body.index #heroSlider .swiper-button-prev:focus-visible,
body.index #heroSlider .swiper-button-next:focus-visible {
  outline: none;
}
body.index #heroSlider .swiper-button-prev {
  left: -3vw;
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-button-prev {
    left: -7%;
    border-left: none;
    border-radius: 0 18px 18px 0;
  }
  body.index #heroSlider .swiper-button-prev::after {
    left: 12px;
  }
}
body.index #heroSlider .swiper-button-prev::after {
  left: 8px;
  border-left: 2px solid #31759A;
  border-bottom: 2px solid #31759A;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-button-prev::after {
    left: 15px;
  }
}
body.index #heroSlider .swiper-button-next {
  right: -3vw;
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-button-next {
    right: -7%;
    border-right: none;
    border-radius: 18px 0 0 18px;
  }
  body.index #heroSlider .swiper-button-next::after {
    right: 12px;
  }
}
body.index #heroSlider .swiper-button-next::after {
  right: 8px;
  border-right: 2px solid #31759A;
  border-bottom: 2px solid #31759A;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-button-next::after {
    right: 15px;
  }
}
body.index #heroSlider .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 2px;
  color: #31759A;
  font-size: 1.8rem;
  font-weight: 800;
  font-family: "Plus Jakarta Sans", sans-serif;
  bottom: 18px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  body.index #heroSlider .swiper-pagination {
    bottom: 9px;
  }
}
body.index #heroSlider .swiper-pagination span {
  padding: 0 6px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.index #eventsSPSlider {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  body.index #eventsSPSlider.swiper {
    overflow: visible;
  }
}
body.index #recommendSPSlider {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body.index #recommendSPSlider {
    overflow: hidden;
    padding-bottom: 60px;
  }
}
body.index #recommendSPSlider .swiper-button-prev,
body.index #recommendSPSlider .swiper-button-next {
  display: none;
}
@media screen and (max-width: 767px) {
  body.index #recommendSPSlider .swiper-button-prev,
  body.index #recommendSPSlider .swiper-button-next {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  body.index #recommendSPSlider .swiper-pagination {
    display: none;
  }
}
body.index .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 2px;
  color: #31759A;
  font-size: 1.8rem;
  font-weight: 800;
  font-family: "Plus Jakarta Sans", sans-serif;
  z-index: 2;
  bottom: -45px;
}
@media screen and (max-width: 767px) {
  body.index .swiper-pagination {
    bottom: 9px;
  }
}
body.index .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 15px;
  background-color: #31759A;
  border: 2px solid #31759A;
  border-radius: 50%;
  display: inline-block;
}
body.index .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

/*--------------------------------------------------
  関連リンク系のcss書き換え
--*/
.box-related__cont .swiper-wrapper {
  column-gap: 9px;
}
@media screen and (max-width: 767px) {
  .box-related__cont .swiper-button-prev,
  .box-related__cont .swiper-button-next {
    display: none;
  }
}

/*--
  プラグインcssの上書きファイルを読み込む
--*/ /*--------------------------------------------------
  Modal
--*/
.search-modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  speak: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 242, 242, 0.95);
  transition: opacity 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.search-modal.isActive {
  transition: opacity 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-delay: 0s;
  pointer-events: auto;
  speak: normal;
  opacity: 1;
  visibility: visible;
}
.search-modal.isActive .search-modal__body {
  transform: translateY(0);
  opacity: 1;
}
.search-modal__wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 90%;
  width: 1092px;
  height: 80%;
  margin: auto auto 60px;
}
@media screen and (max-width: 767px) {
  .search-modal__wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
.search-modal__body {
  height: 100%;
  color: #414141;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(20px);
  opacity: 0;
}
.search-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #414141;
}
body.isEn .search-modal__header, body.isKo .search-modal__header, body.isSc .search-modal__header {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .search-modal__header {
    display: block;
    position: relative;
    padding: 99px 21px 0;
  }
}
.search-modal__header .search-word {
  color: #31759A;
  font-size: 2.1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .search-modal__header .search-word {
    margin-bottom: 12px;
    font-size: 1.8rem;
    line-height: calc(27 / 18);
  }
}
.search-modal__header .search-close-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  border: none;
  cursor: pointer;
  position: relative;
  padding-left: 6px;
  padding-right: 39px;
  border-bottom: 3px solid #31759A;
}
.search-modal__header .search-close-btn:hover, .search-modal__header .search-close-btn:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .search-modal__header .search-close-btn {
    position: absolute;
    top: 21px;
    right: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom-width: 2px;
  }
}
.search-modal__header .search-close-btn:hover, .search-modal__header .search-close-btn:focus-visible {
  opacity: 1;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.15);
}
.search-modal__header .search-close-btn:focus-visible {
  outline: none;
}
.search-modal__header .search-close-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  background-color: #31759A;
}
@media screen and (max-width: 767px) {
  .search-modal__header .search-close-btn::after {
    width: 27px;
    height: 27px;
  }
}
.search-modal__header .search-close-btn span {
  display: block;
}
.search-modal__header .search-close-btn span::before, .search-modal__header .search-close-btn span::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 12px;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .search-modal__header .search-close-btn span::before, .search-modal__header .search-close-btn span::after {
    right: 8px;
  }
}
.search-modal__header .search-close-btn span::before {
  transform: rotate(-45deg);
}
.search-modal__header .search-close-btn span::after {
  transform: rotate(45deg);
}
.search-modal__cont {
  overflow-y: scroll;
  max-height: calc(100% - 43px);
}
@media screen and (max-width: 767px) {
  .search-modal__cont {
    max-height: 100%;
  }
}
.search-modal__input-area {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.search-modal__input-area__inner {
  position: relative;
  max-width: 966px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 30px 28px;
}
@media screen and (max-width: 767px) {
  .search-modal__input-area__inner {
    padding: 21px 21px 9px;
  }
}
.search-modal__input-area .search-input {
  -webkit-appearance: none;
  outline: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  width: 100%;
  height: 90px;
  padding: 0 18px;
  font-size: 2.4rem;
  line-height: 90px;
  background-color: #fff;
  border: 2px solid transparent;
  border-bottom-color: #31759A;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  /*&:focus-visible {
    outline: none;
  }*/
}
.search-modal__input-area .search-input:hover, .search-modal__input-area .search-input:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .search-modal__input-area .search-input {
    flex: 1;
    display: block;
    position: static;
    height: 63px;
    padding: 9px 60px 9px 9px;
    font-size: 1.6rem;
  }
}
.search-modal__input-area .search-input::placeholder {
  color: rgba(65, 65, 65, 0.5);
}
.search-modal__input-area .search-input:hover, .search-modal__input-area .search-input:focus-visible {
  border: 2px solid #31759A;
}
.search-modal__input-area .search-submit {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 51px;
  right: 46px;
  width: 140px;
  height: 60px;
  padding-left: 9px;
  border: 2px solid #31759A;
  background-color: #31759A;
  border-radius: 3px;
  /*&:focus-visible {
    border: 2px solid g.$col31759A;
  }*/
}
.search-modal__input-area .search-submit:hover, .search-modal__input-area .search-submit:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .search-modal__input-area .search-submit {
    top: 35px;
    right: 33px;
    width: 36px;
    height: 36px;
    padding-left: 0;
    border-right-color: transparent;
  }
}
.search-modal__input-area .search-submit::after {
  content: "\e8b6";
  padding-top: 3px;
  padding-left: 15px;
  color: #fff;
  font-size: 3.2rem;
  font-family: "Material Icons";
}
@media screen and (max-width: 767px) {
  .search-modal__input-area .search-submit::after {
    padding-top: 0;
    padding-left: 6px;
    font-size: 2.6rem;
  }
}
.search-modal__input-area .search-submit span {
  display: block;
  color: #fff;
  font-size: 2.4rem;
}
body.isEn .search-modal__input-area .search-submit span, body.isKo .search-modal__input-area .search-submit span, body.isSc .search-modal__input-area .search-submit span {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .search-modal__input-area .search-submit span {
    color: transparent;
    font-size: 0;
  }
}
.search-modal__input-area .search-submit:hover, .search-modal__input-area .search-submit:focus-visible {
  background-color: #fff;
}
.search-modal__input-area .search-submit:hover::after, .search-modal__input-area .search-submit:focus-visible::after {
  color: #31759A;
}
.search-modal__input-area .search-submit:hover span, .search-modal__input-area .search-submit:focus-visible span {
  color: #31759A;
}
.search-modal__input-area .search-submit:focus-visible {
  outline: none;
}
.search-modal__input-area .search-input-sup {
  position: relative;
  margin-top: 9px;
  padding-left: 30px;
  font-size: 1.2rem;
}
.search-modal__input-area .search-input-sup::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #31759A;
  background: no-repeat 50%/20px auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-173 -2173)"><rect width="48" height="48" transform="translate(173 2173)" fill="%23fff"/><path d="M23.5,36.857a3,3,0,1,1,2.121-.879A2.891,2.891,0,0,1,23.5,36.857Zm-3-10.286V6h6V26.571Z" transform="translate(173.5 2176)" fill="%2331759A"/></g></svg>');
}
@media screen and (max-width: 767px) {
  .search-modal__input-area .search-input-sup::before {
    background-size: 18px;
  }
}
.search-modal__refine {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.search-modal__refine__inner {
  max-width: 966px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__inner {
    padding: 0 21px;
  }
}
.search-modal__refine__list__title {
  padding-bottom: 3px;
  line-height: calc(27 / 12);
  border-bottom: 1px solid #555;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list__title {
    padding-top: 6px;
    padding-bottom: 9px;
    font-size: 1.2rem;
    border-top: 1px solid #555;
    border-bottom: transparent;
  }
}
.search-modal__refine__list__body {
  padding-top: 11px;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list__body {
    padding-top: 0;
  }
}
.search-modal__refine__list__body li {
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list__body li {
    margin-bottom: 3px;
  }
}
.search-modal__refine__list__body a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: flex;
  align-items: center;
  height: 51px;
  position: relative;
  padding-left: 42px;
  font-size: 2.1rem;
  color: #31759A;
  font-weight: 500;
  line-height: calc(30 / 21);
}
.search-modal__refine__list__body a:hover, .search-modal__refine__list__body a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list__body a {
    height: 39px;
    padding-left: 24px;
    font-size: 1.6rem;
  }
}
.search-modal__refine__list__body a:hover {
  background-color: rgba(49, 117, 154, 0.15);
}
.search-modal__refine__list__body a:focus-visible {
  outline: 2px solid #31759A;
}
.search-modal__refine__list__body a::before {
  content: "";
  display: block;
  position: absolute;
  left: 9px;
  top: 0;
  bottom: 0;
  width: 21px;
  height: 21px;
  margin: auto;
  background: no-repeat 50%/21px;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list__body a::before {
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-size: 15px;
  }
}
.search-modal__refine__list__body a:hover {
  background-color: rgba(49, 117, 154, 0.1);
}
.search-modal__refine__list__body a:hover span {
  text-decoration: underline;
}
.search-modal__refine__list__body a:focus-visible {
  outline: 2px solid #31759A;
}
.search-modal__refine__list.history {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list.history {
    padding-top: 30px;
  }
}
.search-modal__refine__list.history .history__list a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><path id="history_FILL0_wght400_GRAD0_opsz48" d="M16.413,27a9.972,9.972,0,0,1-7.379-3.077A10.224,10.224,0,0,1,6,16.471H7.75a8.562,8.562,0,0,0,2.508,6.212,8.271,8.271,0,0,0,6.154,2.567,8.482,8.482,0,0,0,6.271-2.6,8.628,8.628,0,0,0,2.567-6.3,8.146,8.146,0,0,0-2.6-6.11A8.688,8.688,0,0,0,16.413,7.75a7.932,7.932,0,0,0-3.719.9,10.142,10.142,0,0,0-3.019,2.392h3.062V12.8h-6.1V6.729h1.75V9.821a11.1,11.1,0,0,1,3.6-2.8A9.921,9.921,0,0,1,16.413,6a10.42,10.42,0,0,1,4.112.817,10.777,10.777,0,0,1,3.369,2.231,10.475,10.475,0,0,1,2.275,3.31A10.056,10.056,0,0,1,27,16.442a10.262,10.262,0,0,1-.831,4.113,10.557,10.557,0,0,1-2.275,3.354,10.857,10.857,0,0,1-3.369,2.26A10.262,10.262,0,0,1,16.413,27Zm3.733-5.746-4.492-4.433V10.579H17.4v5.512L21.4,20Z" transform="translate(-6 -6)" fill="%2331759 A"/></svg>');
}
.search-modal__refine__list.history .history__clear-btn {
  border: none;
  margin-top: 12px;
  color: #fff;
  background-color: #555;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list.history .history__clear-btn {
    padding: 4px 33px 3px 9px;
    font-size: 1.2rem;
  }
}
.search-modal__refine__list.frequent {
  padding: 33px 0;
}
@media screen and (max-width: 767px) {
  .search-modal__refine__list.frequent {
    padding-top: 45px;
  }
}
.search-modal__refine__list.frequent .frequent__list a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path id="search_FILL0_wght400_GRAD0_opsz48" d="M25.717,26.95l-7.671-7.671A6.427,6.427,0,0,1,16,20.46a7.218,7.218,0,0,1-2.479.423A7.262,7.262,0,0,1,8.188,18.7,7.194,7.194,0,0,1,6,13.417,7.194,7.194,0,0,1,8.188,8.137,7.228,7.228,0,0,1,13.5,5.95,7.146,7.146,0,0,1,18.76,8.137a7.218,7.218,0,0,1,2.173,5.279,7.275,7.275,0,0,1-.408,2.421A7.4,7.4,0,0,1,19.3,18.025L27,25.667ZM13.5,19.133a5.458,5.458,0,0,0,4.025-1.677,5.531,5.531,0,0,0,1.663-4.04,5.531,5.531,0,0,0-1.663-4.04A5.458,5.458,0,0,0,13.5,7.7,5.54,5.54,0,0,0,9.427,9.377a5.506,5.506,0,0,0-1.677,4.04,5.506,5.506,0,0,0,1.677,4.04A5.54,5.54,0,0,0,13.5,19.133Z" transform="translate(-5.5 -5.45)" fill="%2331759 A" stroke="%2331759 A" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>');
}

body.isModalOpen {
  height: 100vh;
  overflow-y: hidden;
}

/*--------------------------------------------------
  footer
--*/
.footer {
  padding-top: 60px;
  border-top: 9px solid #31759A;
}
@media screen and (max-width: 767px) {
  .footer {
    padding-top: 30px;
  }
}
.footer__upper {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  padding-bottom: 27px;
}
@media screen and (max-width: 767px) {
  .footer__upper {
    grid-template-columns: auto;
    grid-template-rows: repeat(4, auto);
    padding: 0 0 45px;
  }
}
.footer__upper__logo {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (max-width: 767px) {
  .footer__upper__logo {
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .footer__upper__logo img {
    height: 21px;
  }
}
.footer__upper__logo a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  /*&:focus-visible {
    outline: 3px solid g.$col31759A;
  }*/
}
.footer__upper__logo a:hover, .footer__upper__logo a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.footer__upper__logo a:hover {
  opacity: 0.6;
}
.footer__upper__logo a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.footer__upper__sns-links {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .footer__upper__sns-links {
    grid-column: 1/2;
    grid-row: 3/4;
    display: block;
    padding: 0 20px 33px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
}
.footer__upper__sns-links .sns-links-label {
  margin-right: 24px;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .footer__upper__sns-links .sns-links-label {
    margin-right: 18px;
  }
}
@media screen and (max-width: 767px) {
  .footer__upper__sns-links .sns-links-label {
    margin-bottom: 12px;
  }
}
.footer__upper__sns-links .sns-links-list {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .footer__upper__sns-links .sns-links-list {
    column-gap: 18px;
  }
}
.footer__upper__sns-links .sns-links-list li a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 24px;
  text-indent: -99999px;
  background: no-repeat 50%;
}
.footer__upper__sns-links .sns-links-list li a:hover, .footer__upper__sns-links .sns-links-list li a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.footer__upper__sns-links .sns-links-list li a:hover {
  opacity: 0.6;
}
.footer__upper__sns-links .sns-links-list li a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.footer__upper__sns-links .sns-links-list li.item--fb a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40.739" height="40.739" viewBox="0 0 40.739 40.739"><path d="M40.739,20.494A20.37,20.37,0,1,0,17.187,40.739V26.418H12.015V20.494h5.172V15.979c0-5.136,3.041-7.973,7.694-7.973a31.142,31.142,0,0,1,4.56.4v5.043H26.872c-2.53,0-3.32,1.58-3.32,3.2v3.844H29.2l-.9,5.924H23.552V40.739A20.461,20.461,0,0,0,40.739,20.494Z" fill="%230"/></svg>');
  background-size: 24px;
}
.footer__upper__sns-links .sns-links-list li.item--tw a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="41.773" height="33.949" viewBox="0 0 41.773 33.949"><path d="M391.137,293.36c15.764,0,24.384-13.06,24.384-24.384q0-.557-.024-1.108a17.439,17.439,0,0,0,4.276-4.437,17.109,17.109,0,0,1-4.922,1.349,8.6,8.6,0,0,0,3.769-4.741,17.17,17.17,0,0,1-5.442,2.08,8.578,8.578,0,0,0-14.605,7.816,24.331,24.331,0,0,1-17.665-8.954,8.577,8.577,0,0,0,2.653,11.441,8.506,8.506,0,0,1-3.881-1.072c0,.036,0,.072,0,.109a8.574,8.574,0,0,0,6.876,8.4,8.555,8.555,0,0,1-3.87.147,8.58,8.58,0,0,0,8.006,5.953,17.2,17.2,0,0,1-10.644,3.669A17.425,17.425,0,0,1,378,289.51a24.263,24.263,0,0,0,13.137,3.85" transform="translate(-378 -259.411)" fill="%230"/></svg>');
  background-size: 24px;
}
.footer__upper__sns-links .sns-links-list li.item--yt a {
  background-image: url(../images/commons/icon_youtube_PC.webp);
  background-size: 28px;
}
.footer__upper__sns-links .sns-links-list li.item--Insta a {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40.739" height="40.739" viewBox="0 0 40.739 40.739"><path id="sns-instagram" d="M20.332,3.619a62.326,62.326,0,0,1,8.131.226,10.475,10.475,0,0,1,3.84.678,7.932,7.932,0,0,1,3.84,3.84,10.475,10.475,0,0,1,.678,3.84c0,2.033.226,2.71.226,8.131a62.328,62.328,0,0,1-.226,8.131,10.475,10.475,0,0,1-.678,3.84,7.932,7.932,0,0,1-3.84,3.84,10.475,10.475,0,0,1-3.84.678c-2.033,0-2.71.226-8.131.226a62.327,62.327,0,0,1-8.131-.226,10.475,10.475,0,0,1-3.84-.678,7.932,7.932,0,0,1-3.84-3.84,10.475,10.475,0,0,1-.678-3.84c0-2.033-.226-2.71-.226-8.131A62.33,62.33,0,0,1,3.844,12.2a10.475,10.475,0,0,1,.678-3.84A8.112,8.112,0,0,1,6.1,6.1,3.818,3.818,0,0,1,8.361,4.522a10.475,10.475,0,0,1,3.84-.678,62.328,62.328,0,0,1,8.131-.226m0-3.614a66.732,66.732,0,0,0-8.357.226,13.943,13.943,0,0,0-4.969.9A8.841,8.841,0,0,0,3.393,3.393,8.841,8.841,0,0,0,1.134,7.006a10.291,10.291,0,0,0-.9,4.969A66.733,66.733,0,0,0,0,20.332a66.733,66.733,0,0,0,.226,8.357,13.943,13.943,0,0,0,.9,4.969,8.841,8.841,0,0,0,2.259,3.614,8.841,8.841,0,0,0,3.614,2.259,13.943,13.943,0,0,0,4.969.9,66.738,66.738,0,0,0,8.357.226,66.74,66.74,0,0,0,8.357-.226,13.943,13.943,0,0,0,4.969-.9,9.476,9.476,0,0,0,5.872-5.872,13.943,13.943,0,0,0,.9-4.969c0-2.259.226-2.936.226-8.357a66.742,66.742,0,0,0-.226-8.357,13.943,13.943,0,0,0-.9-4.969,8.841,8.841,0,0,0-2.259-3.614,8.841,8.841,0,0,0-3.614-2.259,13.943,13.943,0,0,0-4.969-.9A66.732,66.732,0,0,0,20.332,0m0,9.938A10.222,10.222,0,0,0,9.942,20.332,10.389,10.389,0,1,0,20.332,9.942m0,17.165a6.655,6.655,0,0,1-6.776-6.776,6.655,6.655,0,0,1,6.776-6.776,6.655,6.655,0,0,1,6.776,6.776,6.655,6.655,0,0,1-6.776,6.776m10.841-20.1a2.484,2.484,0,1,0,2.484,2.484,2.484,2.484,0,0,0-2.484-2.484" transform="translate(0.038 0.038)" fill="%230" fill-rule="evenodd"/></svg>');
  background-size: 24px;
}
.footer__upper__nav-list {
  grid-column: 1/3;
  grid-row: 2/3;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .footer__upper__nav-list {
    grid-column: 1/2;
    grid-row: 2/3;
    display: block;
    margin-top: 21px;
    margin-bottom: 24px;
    padding: 0 20px;
    border-bottom-color: transparent;
  }
}
.footer__upper__nav-list .item {
  width: 25%;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 767px) {
  .footer__upper__nav-list .item {
    width: 100%;
    margin-bottom: 9px;
    padding-bottom: 3px;
  }
}
.footer__upper__nav-list .item span {
  display: block;
  margin-bottom: 12px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(27 / 15);
}
@media screen and (max-width: 767px) {
  .footer__upper__nav-list .item span {
    margin-bottom: 0;
  }
}
.footer__upper__nav-list .item span a {
  display: inline-block;
  position: relative;
  padding-right: 21px;
  line-height: 25px;
  vertical-align: middle;
}
.footer__upper__nav-list .item span a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-color: #31759A;
}
.footer__upper__nav-list .item span a::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
.footer__upper__nav-list .item span a:hover {
  opacity: 1;
  color: #31759A;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.footer__upper__nav-list .item span a:focus-visible {
  outline: none;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.1);
}
.footer__upper__nav-list .item .second-level {
  font-size: 1.2rem;
  line-height: calc(27 / 12);
}
@media screen and (max-width: 767px) {
  .footer__upper__nav-list .item .second-level {
    display: none;
  }
}
.footer__upper__nav-list .item .second-level li {
  margin-bottom: 6px;
  line-height: 1;
}
.footer__upper__nav-list .item .second-level li:last-of-type {
  margin-bottom: 12px;
}
.footer__upper__nav-list .item .second-level li a {
  display: inline-block;
  line-height: 25px;
}
.footer__upper__nav-list .item .second-level li a:hover {
  opacity: 1;
  color: #31759A;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.footer__upper__nav-list .item .second-level li a:focus-visible {
  outline: none;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.1);
}
.footer__upper__author {
  grid-row: 3/4;
  grid-column: 1/3;
  display: grid;
  grid-template-rows: 1fr 30px;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(27 / 15);
}
@media screen and (max-width: 767px) {
  .footer__upper__author {
    grid-column: 1/2;
    grid-row: 4/5;
    display: block;
    padding: 27px 20px 0;
  }
}
.footer__upper__author .author-name {
  grid-row: 1/2;
  grid-column: 1/2;
  padding-left: 9px;
}
@media screen and (max-width: 767px) {
  .footer__upper__author .author-name {
    margin-bottom: 27px;
    padding-left: 0;
  }
}
.footer__upper__author .author-address {
  grid-row: 1/3;
  grid-column: 2/3;
  padding-left: 9px;
}
@media screen and (max-width: 767px) {
  .footer__upper__author .author-address {
    padding-left: 0;
  }
}
.footer__upper__author .author-address a {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.footer__upper__author .author-address a:hover, .footer__upper__author .author-address a:focus-visible {
  color: #31759A;
  text-decoration: none;
}
.footer__upper__author .author-address a:focus-visible {
  outline: 3px solid #31759A;
}
.footer__upper__author .author-address__tel {
  grid-row: 2/3;
  grid-column: 2/3;
  margin-top: 21px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .footer__upper__author .author-address__tel {
    margin-top: 24px;
    margin-bottom: 39px;
    padding-left: 0;
  }
}
.footer__upper__author .author-address__tel a {
  font-size: 2.1rem;
  text-decoration: none;
}
.footer__upper__author .author-address__tel a:hover {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.footer__upper__author .author-logo {
  grid-row: 2/3;
  grid-column: 1/2;
  padding-left: 9px;
}
@media screen and (max-width: 767px) {
  .footer__upper__author .author-logo {
    padding-left: 0;
  }
}
.footer__upper__author .author-logo a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
}
.footer__upper__author .author-logo a:hover, .footer__upper__author .author-logo a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.footer__upper__author .author-logo a:hover {
  opacity: 0.6;
}
.footer__upper__author .author-logo a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.footer__under {
  padding-top: 32px;
  font-weight: 500;
  background-color: #fff;
  border-top: 3px solid #31759A;
}
@media screen and (max-width: 767px) {
  .footer__under {
    padding-top: 39px;
  }
}
.footer__under__current-museum {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer__under__current-museum {
    display: block;
  }
}
.footer__under__current-museum a {
  display: block;
  position: relative;
  width: calc(50% - 6px);
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .footer__under__current-museum a {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .footer__under__current-museum a:first-of-type {
    margin-bottom: 18px;
  }
}
.footer__under__current-museum a .inner {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  height: 96px;
  padding-top: 24px;
  padding-bottom: 6px;
  border-bottom: 0 solid transparent;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.footer__under__current-museum a .inner:hover, .footer__under__current-museum a .inner:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.footer__under__current-museum a .museum-logo {
  height: 42px;
  text-align: center;
}
.footer__under__current-museum a .museum-logo img {
  max-width: 100%;
  height: 24px;
}
.footer__under__current-museum a .place {
  margin-bottom: 12px;
  line-height: 1;
  text-align: center;
}
.footer__under__current-museum a .display-status {
  padding-top: 2px;
  text-align: right;
}
.footer__under__current-museum a .display-status span {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  opacity: 0;
  margin-top: 2px;
  padding-right: 24px;
  color: rgba(20, 50, 110, 0.8);
  background: no-repeat right 0 top 50%/18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.6" height="12"><path d="M8.8 9.4A3.38 3.38 0 0 0 12.2 6a3.38 3.38 0 0 0-3.4-3.4A3.38 3.38 0 0 0 5.4 6a3.38 3.38 0 0 0 3.4 3.4Zm0-1.16a2.249 2.249 0 0 1-1.59-3.83 2.27 2.27 0 0 1 3.18 0A2.24 2.24 0 0 1 8.8 8.24Zm0 3.76a8.964 8.964 0 0 1-5.28-1.66A10.113 10.113 0 0 1 0 6a10.113 10.113 0 0 1 3.52-4.34A8.964 8.964 0 0 1 8.8 0a8.964 8.964 0 0 1 5.28 1.66A10.113 10.113 0 0 1 17.6 6a10.113 10.113 0 0 1-3.52 4.34A8.964 8.964 0 0 1 8.8 12Zm0-6Zm0 4.8a8.043 8.043 0 0 0 4.45-1.31A8.5 8.5 0 0 0 16.34 6a8.5 8.5 0 0 0-3.09-3.49 8.213 8.213 0 0 0-8.9 0A8.644 8.644 0 0 0 1.24 6a8.644 8.644 0 0 0 3.11 3.49A8.043 8.043 0 0 0 8.8 10.8Z" fill="%2314326 e" opacity=".8"/></svg>');
}
.footer__under__current-museum a .display-status span:hover, .footer__under__current-museum a .display-status span:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.footer__under__current-museum a.isCurrent .inner {
  padding-bottom: 0;
  border-bottom-width: 6px;
}
.footer__under__current-museum a.isCurrent .display-status span {
  opacity: 0.8;
}
.footer__under__current-museum a:hover .inner {
  padding-bottom: 0;
  border-bottom-width: 6px;
}
.footer__under__current-museum--momat .museum-logo img {
  width: 268px;
}
.footer__under__current-museum--momat.isCurrent .inner {
  border-color: rgba(49, 117, 154, 0.6);
}
.footer__under__current-museum--momat.isCurrent .display-status span {
  color: #31759A;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.6" height="12"><path d="M8.8 9.4A3.38 3.38 0 0 0 12.2 6a3.38 3.38 0 0 0-3.4-3.4A3.38 3.38 0 0 0 5.4 6a3.38 3.38 0 0 0 3.4 3.4Zm0-1.16a2.249 2.249 0 0 1-1.59-3.83 2.27 2.27 0 0 1 3.18 0A2.24 2.24 0 0 1 8.8 8.24Zm0 3.76a8.964 8.964 0 0 1-5.28-1.66A10.113 10.113 0 0 1 0 6a10.113 10.113 0 0 1 3.52-4.34A8.964 8.964 0 0 1 8.8 0a8.964 8.964 0 0 1 5.28 1.66A10.113 10.113 0 0 1 17.6 6a10.113 10.113 0 0 1-3.52 4.34A8.964 8.964 0 0 1 8.8 12Zm0-6Zm0 4.8a8.043 8.043 0 0 0 4.45-1.31A8.5 8.5 0 0 0 16.34 6a8.5 8.5 0 0 0-3.09-3.49 8.213 8.213 0 0 0-8.9 0A8.644 8.644 0 0 0 1.24 6a8.644 8.644 0 0 0 3.11 3.49A8.043 8.043 0 0 0 8.8 10.8Z" fill="%2331759 A" opacity=".8"/></svg>');
}
.footer__under__current-museum--momat:hover .inner {
  border-color: #31759A;
}
.footer__under__current-museum--momat:hover .display-status span {
  color: #31759A;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.6" height="12"><path d="M8.8 9.4A3.38 3.38 0 0 0 12.2 6a3.38 3.38 0 0 0-3.4-3.4A3.38 3.38 0 0 0 5.4 6a3.38 3.38 0 0 0 3.4 3.4Zm0-1.16a2.249 2.249 0 0 1-1.59-3.83 2.27 2.27 0 0 1 3.18 0A2.24 2.24 0 0 1 8.8 8.24Zm0 3.76a8.964 8.964 0 0 1-5.28-1.66A10.113 10.113 0 0 1 0 6a10.113 10.113 0 0 1 3.52-4.34A8.964 8.964 0 0 1 8.8 0a8.964 8.964 0 0 1 5.28 1.66A10.113 10.113 0 0 1 17.6 6a10.113 10.113 0 0 1-3.52 4.34A8.964 8.964 0 0 1 8.8 12Zm0-6Zm0 4.8a8.043 8.043 0 0 0 4.45-1.31A8.5 8.5 0 0 0 16.34 6a8.5 8.5 0 0 0-3.09-3.49 8.213 8.213 0 0 0-8.9 0A8.644 8.644 0 0 0 1.24 6a8.644 8.644 0 0 0 3.11 3.49A8.043 8.043 0 0 0 8.8 10.8Z" fill="%2331759 A" opacity=".8"/></svg>');
}
.footer__under__current-museum--momat:focus-visible {
  outline: 3px solid #31759A;
}
.footer__under__current-museum--cm .museum-logo img {
  width: 154px;
}
.footer__under__current-museum--cm.isCurrent .inner {
  border-color: rgba(34, 162, 149, 0.6);
}
.footer__under__current-museum--cm.isCurrent .display-status span {
  color: #22A295;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.6" height="12"><path d="M8.8 9.4A3.38 3.38 0 0 0 12.2 6a3.38 3.38 0 0 0-3.4-3.4A3.38 3.38 0 0 0 5.4 6a3.38 3.38 0 0 0 3.4 3.4Zm0-1.16a2.249 2.249 0 0 1-1.59-3.83 2.27 2.27 0 0 1 3.18 0A2.24 2.24 0 0 1 8.8 8.24Zm0 3.76a8.964 8.964 0 0 1-5.28-1.66A10.113 10.113 0 0 1 0 6a10.113 10.113 0 0 1 3.52-4.34A8.964 8.964 0 0 1 8.8 0a8.964 8.964 0 0 1 5.28 1.66A10.113 10.113 0 0 1 17.6 6a10.113 10.113 0 0 1-3.52 4.34A8.964 8.964 0 0 1 8.8 12Zm0-6Zm0 4.8a8.043 8.043 0 0 0 4.45-1.31A8.5 8.5 0 0 0 16.34 6a8.5 8.5 0 0 0-3.09-3.49 8.213 8.213 0 0 0-8.9 0A8.644 8.644 0 0 0 1.24 6a8.644 8.644 0 0 0 3.11 3.49A8.043 8.043 0 0 0 8.8 10.8Z" fill="%2318 A496" opacity=".8"/></svg>');
}
.footer__under__current-museum--cm:hover .inner {
  border-color: #22A295;
}
.footer__under__current-museum--cm:hover .display-status span {
  color: #22A295;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.6" height="12"><path d="M8.8 9.4A3.38 3.38 0 0 0 12.2 6a3.38 3.38 0 0 0-3.4-3.4A3.38 3.38 0 0 0 5.4 6a3.38 3.38 0 0 0 3.4 3.4Zm0-1.16a2.249 2.249 0 0 1-1.59-3.83 2.27 2.27 0 0 1 3.18 0A2.24 2.24 0 0 1 8.8 8.24Zm0 3.76a8.964 8.964 0 0 1-5.28-1.66A10.113 10.113 0 0 1 0 6a10.113 10.113 0 0 1 3.52-4.34A8.964 8.964 0 0 1 8.8 0a8.964 8.964 0 0 1 5.28 1.66A10.113 10.113 0 0 1 17.6 6a10.113 10.113 0 0 1-3.52 4.34A8.964 8.964 0 0 1 8.8 12Zm0-6Zm0 4.8a8.043 8.043 0 0 0 4.45-1.31A8.5 8.5 0 0 0 16.34 6a8.5 8.5 0 0 0-3.09-3.49 8.213 8.213 0 0 0-8.9 0A8.644 8.644 0 0 0 1.24 6a8.644 8.644 0 0 0 3.11 3.49A8.043 8.043 0 0 0 8.8 10.8Z" fill="%2318 A496" opacity=".8"/></svg>');
}
.footer__under__current-museum--cm:focus-visible {
  outline: 3px solid #22A295;
}
.footer__under__public-links-list {
  display: flex;
  justify-content: flex-start;
  padding: 25px 0 37px;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .footer__under__public-links-list {
    display: block;
    padding: 12px 0 27px;
  }
}
.footer__under__public-links-list li {
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .footer__under__public-links-list li {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__under__public-links-list li:first-of-type {
    margin-bottom: 15px;
  }
}
.footer__under__public-links-list a {
  display: block;
  padding-bottom: 3px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 767px) {
  .footer__under__public-links-list a {
    display: inline-block;
  }
}
.footer__under__public-links-list a:hover {
  color: #31759A;
  border-bottom-color: rgba(0, 0, 0, 0);
}
.footer__under__public-links-list a:focus-visible {
  outline: 3px solid #31759A;
}
.footer__bottom {
  padding-left: 13px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    padding: 9px 0;
  }
}
.footer__bottom__columns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .footer__bottom__columns {
    display: block;
    height: auto;
  }
}
.footer__bottom__policy-links {
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .footer__bottom__policy-links {
    display: block;
    margin-bottom: 6px;
  }
}
.footer__bottom__policy-links li {
  padding: 0 6px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .footer__bottom__policy-links li {
    line-height: calc(24 / 12);
  }
}
.footer__bottom__policy-links li:not(:last-of-type) {
  border-right: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .footer__bottom__policy-links li:not(:last-of-type) {
    border: none;
  }
}
.footer__bottom__policy-links li a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: block;
  color: #fff;
}
.footer__bottom__policy-links li a:hover, .footer__bottom__policy-links li a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.footer__bottom__policy-links li a:hover {
  opacity: 0.6;
}
.footer__bottom__policy-links li a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.footer__bottom__policy-links li a:hover {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.footer__bottom__copyright {
  display: block;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 767px) {
  .footer__bottom__copyright {
    font-size: 1rem;
  }
}

/*--------------------------------------------------
  page top btn
--*/
.page-top-btn {
  display: none;
  position: fixed;
  right: 0;
  bottom: 48px;
  z-index: 9999;
  width: 0;
  height: 100vh;
}
.page-top-btn a {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 40px;
  padding-top: 9px;
  padding-right: 40px;
  padding-bottom: 12px;
  padding-left: 6px;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-align: right;
  border: 1px solid transparent;
  background-color: #fff;
}
.page-top-btn a::after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: no-repeat #31759A 50%/24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="34" viewBox="0 0 24 34"><g transform="translate(-1334 -3305)"><g transform="translate(1334 3305)"><rect width="24" height="24" fill="none"/><path d="M6,0,0,6,1.41,7.41,6,2.83l4.59,4.58L12,6Z" transform="translate(6 8)" fill="%23fff"/></g><g transform="translate(1334 3315)"><rect width="24" height="24" fill="none"/><path d="M6,0,0,6,1.41,7.41,6,2.83l4.59,4.58L12,6Z" transform="translate(6 8)" fill="%23fff"/></g></g></svg>');
}
.page-top-btn a:hover, .page-top-btn a:focus-visible {
  opacity: 1;
  color: #31759A;
  border: 1px solid #31759A;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.page-top-btn a:focus-visible {
  outline: none;
}

/*--------------------------------------------------
  .partnership
--*/
.partnership {
  padding-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .partnership {
    padding-bottom: 0;
  }
}
.partnership__inner {
  max-width: 1130px;
  margin: 0 auto;
  padding: 36px 20px 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .partnership__inner {
    padding: 42px 0 0;
  }
}
.partnership__title {
  margin-bottom: 3px;
  padding-bottom: 24px;
  color: #414141;
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partnership__title {
    margin-bottom: 0;
  }
}
.partnership__title .en {
  font-size: 3rem;
  vertical-align: middle;
}
.partnership__title .sup {
  vertical-align: middle;
}
.partnership__description {
  margin-bottom: 36px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .partnership__description {
    width: 89.0666666667%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 51px;
    font-size: 1.6rem;
    text-align: left;
  }
}
.partnership__sub-sec {
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .partnership__sub-sec {
    width: 89.0666666667%;
    margin: 0 auto;
  }
}
.partnership__sub-sec:first-of-type {
  border-top: 1px solid #CCCCCC;
}
.partnership__sub-sec__title {
  margin-top: 3px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(30 / 12);
}
.partnership .partner-banner-list--silver, .partnership .partner-banner-list--gold, .partnership .partner-banner-list--platinum {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.partnership .partner-banner-list--silver li a, .partnership .partner-banner-list--gold li a, .partnership .partner-banner-list--platinum li a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}
.partnership .partner-banner-list--silver li a:hover, .partnership .partner-banner-list--gold li a:hover, .partnership .partner-banner-list--platinum li a:hover, .partnership .partner-banner-list--silver li a:focus-visible, .partnership .partner-banner-list--gold li a:focus-visible, .partnership .partner-banner-list--platinum li a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.partnership .partner-banner-list--silver li a:hover, .partnership .partner-banner-list--gold li a:hover, .partnership .partner-banner-list--platinum li a:hover {
  opacity: 0.6;
}
.partnership .partner-banner-list--silver li a:focus-visible, .partnership .partner-banner-list--gold li a:focus-visible, .partnership .partner-banner-list--platinum li a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.partnership .partner-banner-list--silver li a:focus-visible, .partnership .partner-banner-list--gold li a:focus-visible, .partnership .partner-banner-list--platinum li a:focus-visible {
  outline: 3px solid #31759A;
}
.partnership .partner-banner-list--platinum {
  padding: 6px 0 45px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum {
    display: block;
    width: 100%;
    padding: 2.4vw 0 8.8vw;
  }
}
.partnership .partner-banner-list--platinum li {
  display: flex;
  align-items: center;
  min-height: 69px;
  margin: 0 15px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum li {
    width: 100%;
    min-height: 24vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.partnership .partner-banner-list--platinum .item--kinoshita img {
  width: 235px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum .item--kinoshita img {
    width: 54.6666666667vw;
  }
}
.partnership .partner-banner-list--platinum .item--luxury img {
  width: 353px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum .item--luxury img {
    width: 77.3333333333vw;
  }
}
.partnership .partner-banner-list--platinum .item--smbc img {
  width: 314px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum .item--smbc img {
    width: 75.2vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum .item--tokai {
    margin-right: auto;
  }
}
.partnership .partner-banner-list--platinum .item--tokai img {
  width: 272px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--platinum .item--tokai img {
    width: 65.0666666667vw;
  }
}
.partnership .partner-banner-list--gold {
  flex-wrap: wrap;
  padding: 9px 0 18px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .partnership .partner-banner-list--gold {
    max-width: 800px;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold {
    display: block;
    width: 100%;
    padding: 2.4vw 0 8.8vw;
  }
}
.partnership .partner-banner-list--gold li {
  display: flex;
  align-items: center;
  min-height: 81px;
  margin: 0 30px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .partnership .partner-banner-list--gold li {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold li {
    min-height: 18.9333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.partnership .partner-banner-list--gold .item--mitsubishi {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--mitsubishi {
    margin-bottom: 2.4vw;
  }
}
.partnership .partner-banner-list--gold .item--mitsubishi img {
  width: 162px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--mitsubishi img {
    width: 40.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--dnp {
    margin-bottom: 1.6vw;
  }
}
.partnership .partner-banner-list--gold .item--dnp img {
  width: 208px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--dnp img {
    width: 54.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--avant {
    margin-bottom: 0.8vw;
  }
}
.partnership .partner-banner-list--gold .item--avant img {
  width: 223px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--avant img {
    width: 59.2vw;
  }
}
.partnership .partner-banner-list--gold .item--ooba img {
  width: 223px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--ooba img {
    width: 54.4vw;
  }
}
.partnership .partner-banner-list--gold .item--jeol img {
  width: 221px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--gold .item--jeol img {
    width: 60.5333333333vw;
  }
}
.partnership .partner-banner-list--silver {
  padding: 9px 0 21px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver {
    padding: 5.6vw 0 3.2vw;
  }
}
.partnership .partner-banner-list--silver li {
  display: flex;
  align-items: center;
  min-height: 69px;
  margin: 0 30px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver li {
    width: 50%;
    min-height: 16vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.partnership .partner-banner-list--silver li a {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--kashima {
    margin-bottom: 4vw;
  }
}
.partnership .partner-banner-list--silver .item--kashima img {
  width: 120px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--kashima img {
    width: 29.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--marubeni {
    margin-bottom: 4vw;
  }
}
.partnership .partner-banner-list--silver .item--marubeni img {
  width: 123px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--marubeni img {
    width: 29.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--pacific {
    margin-bottom: 4vw;
  }
}
.partnership .partner-banner-list--silver .item--pacific img {
  width: 114px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--pacific img {
    width: 30.4vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--seiko {
    margin-bottom: 4vw;
  }
}
.partnership .partner-banner-list--silver .item--seiko img {
  width: 110px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--seiko img {
    width: 24.8vw;
  }
}
.partnership .partner-banner-list--silver .item--msad img {
  width: 169px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--msad img {
    width: 37.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--takara a {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.partnership .partner-banner-list--silver .item--takara img {
  width: 194px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--takara img {
    width: 39.7333333333vw;
  }
}
.partnership .partner-banner-list--silver .item--tsukishima img {
  width: 186px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--tsukishima img {
    width: 36vw;
  }
}
.partnership .partner-banner-list--silver .item--kiraboshi img {
  width: 170px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--kiraboshi img {
    width: 38.1333333333vw;
  }
}
.partnership .partner-banner-list--silver .item--ueshima img {
  width: 103px;
}
@media screen and (max-width: 767px) {
  .partnership .partner-banner-list--silver .item--ueshima img {
    width: 25.3333333333vw;
  }
}
.partnership__link {
  display: flex;
  justify-content: flex-end;
  max-width: 1246px;
  margin: 0 auto;
  padding-top: 6px;
}
@media screen and (max-width: 767px) {
  .partnership__link {
    max-width: 83.7333333333%;
    padding-top: 27px;
  }
}
.partnership__link__btn {
  position: relative;
  right: 0;
  bottom: 0;
  padding: 5px 45px 5px 5px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .partnership__link__btn {
    left: 0;
    margin: auto;
  }
}
.partnership__link__btn:hover {
  color: #31759A;
}
.partnership__link__btn:focus-visible {
  outline: none;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.15);
}
.partnership__link__btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  background-color: #31759A;
}
.partnership__link__btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

body.isEn .partnership__title,
body.isKo .partnership__title,
body.isSc .partnership__title {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership__description,
  body.isKo .partnership__description,
  body.isSc .partnership__description {
    margin-bottom: 27px;
    line-height: calc(26 / 16);
  }
}
body.isEn .partnership .partner-banner-list--platinum .item--kinoshita img,
body.isKo .partnership .partner-banner-list--platinum .item--kinoshita img,
body.isSc .partnership .partner-banner-list--platinum .item--kinoshita img {
  width: 252px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--platinum .item--kinoshita img,
  body.isKo .partnership .partner-banner-list--platinum .item--kinoshita img,
  body.isSc .partnership .partner-banner-list--platinum .item--kinoshita img {
    width: 74.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--platinum .item--luxury img,
  body.isKo .partnership .partner-banner-list--platinum .item--luxury img,
  body.isSc .partnership .partner-banner-list--platinum .item--luxury img {
    width: 78.4vw;
  }
}
body.isEn .partnership .partner-banner-list--platinum .item--smbc img,
body.isKo .partnership .partner-banner-list--platinum .item--smbc img,
body.isSc .partnership .partner-banner-list--platinum .item--smbc img {
  width: 330px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--platinum .item--smbc img,
  body.isKo .partnership .partner-banner-list--platinum .item--smbc img,
  body.isSc .partnership .partner-banner-list--platinum .item--smbc img {
    width: 78.4vw;
  }
}
body.isEn .partnership .partner-banner-list--gold .item--mitsubishi,
body.isKo .partnership .partner-banner-list--gold .item--mitsubishi,
body.isSc .partnership .partner-banner-list--gold .item--mitsubishi {
  margin-bottom: 9px;
}
body.isEn .partnership .partner-banner-list--gold .item--mitsubishi img,
body.isKo .partnership .partner-banner-list--gold .item--mitsubishi img,
body.isSc .partnership .partner-banner-list--gold .item--mitsubishi img {
  width: 269px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--gold .item--mitsubishi img,
  body.isKo .partnership .partner-banner-list--gold .item--mitsubishi img,
  body.isSc .partnership .partner-banner-list--gold .item--mitsubishi img {
    width: 68.5333333333vw;
  }
}
body.isEn .partnership .partner-banner-list--gold .item--dnp img,
body.isKo .partnership .partner-banner-list--gold .item--dnp img,
body.isSc .partnership .partner-banner-list--gold .item--dnp img {
  width: 264px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--gold .item--dnp img,
  body.isKo .partnership .partner-banner-list--gold .item--dnp img,
  body.isSc .partnership .partner-banner-list--gold .item--dnp img {
    width: 72vw;
  }
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--gold .item--avant img,
  body.isKo .partnership .partner-banner-list--gold .item--avant img,
  body.isSc .partnership .partner-banner-list--gold .item--avant img {
    width: 61.3333333333vw;
  }
}
body.isEn .partnership .partner-banner-list--gold .item--ooba img,
body.isKo .partnership .partner-banner-list--gold .item--ooba img,
body.isSc .partnership .partner-banner-list--gold .item--ooba img {
  width: 233px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--gold .item--ooba img,
  body.isKo .partnership .partner-banner-list--gold .item--ooba img,
  body.isSc .partnership .partner-banner-list--gold .item--ooba img {
    width: 58.1333333333vw;
  }
}
body.isEn .partnership .partner-banner-list--gold .item--jeol img,
body.isKo .partnership .partner-banner-list--gold .item--jeol img,
body.isSc .partnership .partner-banner-list--gold .item--jeol img {
  width: 237px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--gold .item--jeol img,
  body.isKo .partnership .partner-banner-list--gold .item--jeol img,
  body.isSc .partnership .partner-banner-list--gold .item--jeol img {
    width: 56.2666666667vw;
  }
}
body.isEn .partnership .partner-banner-list--silver .item--kashima img,
body.isKo .partnership .partner-banner-list--silver .item--kashima img,
body.isSc .partnership .partner-banner-list--silver .item--kashima img {
  width: 100px;
}
body.isEn .partnership .partner-banner-list--silver .item--marubeni img,
body.isKo .partnership .partner-banner-list--silver .item--marubeni img,
body.isSc .partnership .partner-banner-list--silver .item--marubeni img {
  width: 135px;
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--silver .item--marubeni img,
  body.isKo .partnership .partner-banner-list--silver .item--marubeni img,
  body.isSc .partnership .partner-banner-list--silver .item--marubeni img {
    width: 33.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body.isEn .partnership .partner-banner-list--silver .item--seiko img,
  body.isKo .partnership .partner-banner-list--silver .item--seiko img,
  body.isSc .partnership .partner-banner-list--silver .item--seiko img {
    width: 25.8666666667vw;
  }
}
body.isEn .partnership .partner-banner-list--silver .item--kiraboshi img,
body.isKo .partnership .partner-banner-list--silver .item--kiraboshi img,
body.isSc .partnership .partner-banner-list--silver .item--kiraboshi img {
  width: 181px;
}

/*--------------------------------------------------
  body.isEn, body.isKo, body.isSc
  翻訳共通
--*/
body.isEn .footer__under__current-museum--momat .museum-logo img,
body.isKo .footer__under__current-museum--momat .museum-logo img,
body.isSc .footer__under__current-museum--momat .museum-logo img {
  width: 455px;
}
@media screen and (max-width: 767px) {
  body.isEn .footer__under__current-museum--momat .museum-logo img,
  body.isKo .footer__under__current-museum--momat .museum-logo img,
  body.isSc .footer__under__current-museum--momat .museum-logo img {
    width: 92%;
  }
}
body.isEn .footer__under__current-museum--cm .museum-logo img,
body.isKo .footer__under__current-museum--cm .museum-logo img,
body.isSc .footer__under__current-museum--cm .museum-logo img {
  width: 249px;
}

/*--------------------------------------------------
WPMLのfooterを隠す
--*/
.otgs-development-site-front-end {
  display: none;
}

.header {
  position: relative;
  top: 0;
  z-index: 10000;
  width: 100%;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  .header {
    position: fixed;
    background-color: #fff;
  }
}

/*--------------------------------------------------
  PC header
  - スクロールに伴うレイアウト変更は_animation.scssで変更する
--*/
.header-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .header-pc {
    display: none;
  }
}
.header-pc__top-common-logo {
  padding: 20px 0 36px 25px;
  line-height: 1;
}
.header-pc__top-common-logo a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: inline-block;
  line-height: 1;
}
.header-pc__top-common-logo a:hover, .header-pc__top-common-logo a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.header-pc__top-common-logo a:hover {
  opacity: 0.6;
}
.header-pc__top-common-logo a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.header-pc__top-common-logo .top-common-logo-columns {
  display: flex;
}
.header-pc__top-common-logo .top-common-logo-logo {
  margin-right: 10px;
  line-height: 1;
}
.header-pc__top-common-logo .top-common-logo-logo img {
  width: auto;
  height: 30px;
}
.header-pc__top-common-logo .top-common-logo-sup {
  margin-top: 3px;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.header-pc__upper {
  background-color: #F2F2F2;
  border-bottom: 5px solid #31759A;
}
.header-pc__upper__columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.header-pc__site-name a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: inline-block;
  height: 32px;
}
.header-pc__site-name a:hover, .header-pc__site-name a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.header-pc__site-name a:hover {
  opacity: 0.6;
}
.header-pc__site-name a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.header-pc__site-name img {
  height: 100%;
}
.header-pc__status {
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 27px;
  padding-top: 6px;
}
.header-pc__status .status-cont {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  transition-property: color, background-color;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px;
  padding-right: 27px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 32px;
  text-align: right;
}
.header-pc__status .status-cont:hover, .header-pc__status .status-cont:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc__status .status-cont::before, .header-pc__status .status-cont::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header-pc__status .status-cont::before {
  left: 6px;
  width: 18px;
  height: 20px;
  background: no-repeat left 0 top 50%/18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path d="M7.5,24A1.538,1.538,0,0,1,6,22.5V7A1.538,1.538,0,0,1,7.5,5.5H9.125V4H10.75V5.5h8.5V4h1.625V5.5H22.5A1.538,1.538,0,0,1,24,7V22.5A1.538,1.538,0,0,1,22.5,24Zm0-1.5h15V11.75H7.5Zm0-12.25h15V7H7.5Zm0,0v0ZM15,16a.982.982,0,1,1,.712-.288A.968.968,0,0,1,15,16Zm-4,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,11,16Zm8,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,19,16Zm-4,4a.982.982,0,1,1,.712-.288A.968.968,0,0,1,15,20Zm-4,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,11,20Zm8,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,19,20Z" transform="translate(-6 -4)" fill="%2331759A"/></svg>');
}
.header-pc__status .status-cont span::before, .header-pc__status .status-cont span::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header-pc__status .status-cont span::before:hover, .header-pc__status .status-cont span::before:focus-visible, .header-pc__status .status-cont span::after:hover, .header-pc__status .status-cont span::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc__status .status-cont span::before {
  right: 9px;
  z-index: 1;
  width: 4px;
  height: 4px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: rotate(-45deg);
}
.header-pc__status .status-cont span::after {
  right: 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
}
.header-pc__status .status-cont.isOpen {
  color: #31759A;
}
.header-pc__status .status-cont.isClose {
  color: #555;
}
.header-pc__status .status-cont:hover, .header-pc__status .status-cont:focus-visible {
  opacity: 1;
  color: #31759A;
}
.header-pc__status .status-cont:hover span::before, .header-pc__status .status-cont:focus-visible span::before {
  border-color: #fff;
}
.header-pc__status .status-cont:hover span::after, .header-pc__status .status-cont:focus-visible span::after {
  background-color: #31759A;
}
.header-pc__status .status-cont:focus-visible {
  outline: none;
}
.header-pc__reserve {
  padding-top: 6px;
}
.header-pc__reserve a {
  display: block;
  padding-left: 42px;
  padding-right: 6px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 32px;
  background: no-repeat left 8px top 50%/24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.74" height="18.992"><path d="M1.781 18.992A1.725 1.725 0 0 1 0 17.212v-4.54a3.188 3.188 0 0 0 1.825-1.113A3.128 3.128 0 0 0 2.552 9.5a3.186 3.186 0 0 0-.727-2.077A3.019 3.019 0 0 0 0 6.321v-4.54A1.725 1.725 0 0 1 1.781 0H21.96a1.725 1.725 0 0 1 1.78 1.781v4.54a3.019 3.019 0 0 0-1.825 1.1 3.186 3.186 0 0 0-.727 2.077 3.128 3.128 0 0 0 .727 2.062 3.188 3.188 0 0 0 1.825 1.113v4.54a1.725 1.725 0 0 1-1.781 1.781Zm0-1.781H21.96v-3.234a6.338 6.338 0 0 1-1.84-1.929 4.929 4.929 0 0 1 0-5.1 6.338 6.338 0 0 1 1.84-1.929V1.781H1.781v3.235a6.052 6.052 0 0 1 1.855 1.929 5.018 5.018 0 0 1 0 5.1 6.052 6.052 0 0 1-1.855 1.929Zm10.09-1.87a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.268Zm0-4.956a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.268Zm0-4.956a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.269ZM11.87 9.5Z" fill="%2331759 A"/></svg>');
}
.header-pc__reserve a:hover, .header-pc__reserve a:focus-visible {
  opacity: 1;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.15);
}
.header-pc__reserve a:focus-visible {
  outline: none;
}
.header-pc__main-nav-box {
  flex: 1;
}
.header-pc__main-nav {
  background-color: #fff;
  border-bottom: 1px solid #CCCCCC;
}
.header-pc__main-nav__columns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 20px;
  /*@include g.media(pc1130) {
    padding: 0;
  }*/
}
.header-pc__main-nav .header__main-nav {
  flex: 1;
  height: 58px;
}
.header-pc__main-nav .header__search .search-modal-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  width: 59px;
  height: 59px;
  margin-top: -1px;
}
.header-pc__main-nav .header__search .search-modal-btn:hover {
  opacity: 0.6;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.header-pc__main-nav .header__search .search-modal-btn:focus {
  outline: 3px solid #31759A;
}
.header-pc__main-nav .header__search .search-modal-btn:hover {
  opacity: 0.6;
}
.header-pc .main-nav-list {
  display: flex;
}
.header-pc .main-nav-list__item {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 110;
}
.header-pc .main-nav-list__item:not(:last-of-type) {
  border-right: 1px solid #fff;
}
.header-pc .main-nav-list__item a {
  display: flex;
  align-items: center;
  position: relative;
  height: 58px;
  padding-left: 33px;
  padding-right: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .header-pc .main-nav-list__item a {
    padding-left: 24px;
    padding-right: 9px;
    font-size: 1.4rem;
  }
}
.header-pc .main-nav-list__item a::before, .header-pc .main-nav-list__item a::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  margin: auto;
}
.header-pc .main-nav-list__item a::before:hover, .header-pc .main-nav-list__item a::before:focus-visible, .header-pc .main-nav-list__item a::after:hover, .header-pc .main-nav-list__item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc .main-nav-list__item a::before {
  top: 24px;
  left: 15px;
  width: 11px;
  height: 11px;
  border: 3px solid #31759A;
  background-color: #fff;
  border-radius: 50%;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .header-pc .main-nav-list__item a::before {
    left: 9px;
  }
}
.header-pc .main-nav-list__item a::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
.header-pc .main-nav-list__item a:hover, .header-pc .main-nav-list__item a:focus-visible {
  opacity: 1;
  background-color: rgba(49, 117, 154, 0.15);
}
.header-pc .main-nav-list__item a:hover::after, .header-pc .main-nav-list__item a:focus-visible::after {
  height: 4px;
  background-color: #31759A;
}
.header-pc .main-nav-list__item a:focus-visible {
  outline: 3px solid #31759A;
}
.header-pc .main-nav-list__item.current-menu-ancestor a, .header-pc .main-nav-list__item.current-menu-item a {
  color: #31759A;
}
.header-pc .main-nav-list__item.current-menu-ancestor a::before, .header-pc .main-nav-list__item.current-menu-item a::before {
  border-color: rgba(49, 117, 154, 0.5);
}
.header-pc .main-nav-list__item.current-menu-ancestor a::after, .header-pc .main-nav-list__item.current-menu-item a::after {
  height: 6px;
  background-color: #31759A;
}
.header-pc .main-nav-list__item.current-menu-ancestor a:hover,
.header-pc .main-nav-list__item.current-menu-ancestor a:focus-visible, .header-pc .main-nav-list__item.current-menu-item a:hover,
.header-pc .main-nav-list__item.current-menu-item a:focus-visible {
  color: #000;
}
.header-pc .main-nav-list__item.current-menu-ancestor a:hover::before,
.header-pc .main-nav-list__item.current-menu-ancestor a:focus-visible::before, .header-pc .main-nav-list__item.current-menu-item a:hover::before,
.header-pc .main-nav-list__item.current-menu-item a:focus-visible::before {
  border-color: #31759A;
}
.header-pc .main-nav-list__item.current-menu-ancestor a:hover::after,
.header-pc .main-nav-list__item.current-menu-ancestor a:focus-visible::after, .header-pc .main-nav-list__item.current-menu-item a:hover::after,
.header-pc .main-nav-list__item.current-menu-item a:focus-visible::after {
  height: 4px;
  background-color: #31759A;
}
.header-pc__languages {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  position: relative;
  z-index: 110;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  /*&.isActive {
    @include g.media(sp) {
      .language-trigger {
        opacity: 1;
        visibility: visible;
        background-color: g.$colRgba31759A-50;

        &::before {
          top: 24px;
          transform: rotate(-135deg);
        }        }

      .wpml-ls ul {
        opacity: 1;
        visibility: visible;
      }
    }
  }*/
}
.header-pc__languages:hover, .header-pc__languages:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc__languages .language-trigger {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  display: block;
  position: relative;
  padding: 15px 30px 15px 18px;
  line-height: 28px;
  background-color: transparent;
}
.header-pc__languages .language-trigger:hover, .header-pc__languages .language-trigger:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc__languages .language-trigger::before {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 25px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 2px solid #414141;
  border-bottom: 2px solid #414141;
  transform: rotate(45deg);
}
.header-pc__languages .language-trigger:hover, .header-pc__languages .language-trigger:focus-visible {
  background-color: rgba(49, 117, 154, 0.5);
}
.header-pc__languages .language-trigger:hover::before, .header-pc__languages .language-trigger:focus-visible::before {
  top: 28px;
  transform: rotate(-135deg);
}
.header-pc__languages .language-trigger:focus-visible {
  outline: none;
}
.header-pc__languages .wpml-ls {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
}
.header-pc__languages .wpml-ls:hover, .header-pc__languages .wpml-ls:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc__languages .wpml-ls .wpml-ls-native {
  color: #31759A;
}
.header-pc__languages .wpml-ls ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 58px;
  width: 100%;
  padding: 6px 0;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.header-pc__languages .wpml-ls ul.focused {
  opacity: 1;
  visibility: visible;
}
.header-pc__languages .wpml-ls ul .wpml-ls-item a {
  display: block;
  padding: 8px 10px 8px 18px;
  line-height: 1;
}
.header-pc__languages .wpml-ls ul .wpml-ls-item a:hover, .header-pc__languages .wpml-ls ul .wpml-ls-item a:focus-visible {
  background-color: rgba(49, 117, 154, 0.5);
}
.header-pc__languages .wpml-ls ul .wpml-ls-item a:focus-visible {
  outline: none;
}
.header-pc__languages .wpml-ls ul .wpml-ls-item a.isCurrent {
  color: #31759A;
}
.header-pc__languages .wpml-ls-legacy-list-vertical {
  border-width: 0;
}
.header-pc__search {
  width: 58px;
  border-right: 1px solid #CCCCCC;
}
.header-pc__search .search-modal-btn {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  margin-left: auto;
  background-color: #31759A;
  border: 4px solid #31759A;
}
.header-pc__search .search-modal-btn:hover, .header-pc__search .search-modal-btn:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.header-pc__search .search-modal-btn:hover {
  opacity: 0.6;
}
.header-pc__search .search-modal-btn:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.header-pc__search .search-modal-btn::before {
  content: "\e8b6";
  padding-top: 3px;
  color: #fff;
  font-size: 3.2rem;
  font-family: "Material Icons";
}
.header-pc__search .search-modal-btn span {
  display: block;
  text-indent: -9999px;
}
.header-pc__search .search-modal-btn:focus-visible {
  opacity: 0.6;
  outline: none;
}
.header-pc__second-nav {
  background-color: #D8DFE3;
  border-bottom: 1px solid #CCCCCC;
}
.header-pc .second-nav__list {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  .header-pc .second-nav__list {
    max-width: 100%;
  }
}
.header-pc .second-nav__list li:not(:last-of-type) {
  margin-right: 1px;
}
.header-pc .second-nav__list li a {
  display: flex;
  align-items: center;
  position: relative;
  height: 58px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.5rem;
  font-weight: 500;
}
.header-pc .second-nav__list li a::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: transparent;
}
.header-pc .second-nav__list li a::after:hover, .header-pc .second-nav__list li a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.header-pc .second-nav__list li a:hover, .header-pc .second-nav__list li a:focus-visible {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.4);
}
.header-pc .second-nav__list li a:hover::after, .header-pc .second-nav__list li a:focus-visible::after {
  height: 4px;
  background-color: #31759A;
}
.header-pc .second-nav__list li a:focus-visible {
  outline: none;
}
.header-pc .second-nav__list li.current a {
  color: #31759A;
}
.header-pc .second-nav__list li.current a::after {
  height: 6px;
  background-color: #31759A;
}
.header-pc .second-nav__list li.current a:hover::after, .header-pc .second-nav__list li.current a:focus-visible::after {
  height: 4px;
}
.header-pc__third-nav {
  background-color: #DDDDDD;
  border-bottom: 1px solid #CCCCCC;
}
.header-pc__third-nav .second-nav__list {
  display: flex;
}
.header-pc__third-nav .second-level__list__item:not(:last-of-type) {
  margin-right: 1px;
}
.header-pc.relative .header-pc__upper {
  padding-bottom: 10px;
}
.header-pc.sticky {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  font-size: 1.6rem;
  z-index: 150;
}
@media screen and (max-width: 767px) {
  .header-pc.sticky {
    display: none;
  }
}
.header-pc.sticky .header-pc__under-nav-wrapper {
  position: relative;
}
.header-pc.sticky .header-pc__main-nav,
.header-pc.sticky .header-pc__second-nav,
.header-pc.sticky .header-pc__third-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-pc.sticky .header-pc__main-nav {
  z-index: -1;
}
.header-pc.sticky .header-pc__second-nav {
  z-index: -2;
}
.header-pc.sticky .header-pc__third-nav {
  z-index: -3;
}
.header-pc.sticky .header-pc__site-name {
  flex: 1;
  padding-top: 21px;
  padding-bottom: 3px;
}
.header-pc.sticky .header-pc__site-name a {
  height: 18px;
}
.header-pc.sticky .header-pc__status {
  flex: initial;
  padding-top: 15px;
}
.header-pc.sticky .header-pc__status .status-cont {
  margin-right: 24px;
  padding-right: 6px;
}
.header-pc.sticky .header-pc__status .status-cont:hover, .header-pc.sticky .header-pc__status .status-cont:focus-visible {
  background-color: rgba(49, 117, 154, 0.15);
}
.header-pc.sticky .header-pc__status .status-cont span::before,
.header-pc.sticky .header-pc__status .status-cont span::after {
  content: none;
}
.header-pc.sticky .header-pc__reserve {
  padding-top: 15px;
  padding-right: 0;
}
/*--------------------------------------------------
  body.isEn, body.isKo, body.isScの時
--*/
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.isEn .header-pc__site-name,
  body.isKo .header-pc__site-name,
  body.isSc .header-pc__site-name {
    max-width: 40%;
  }
}
body.isEn .header-pc.sticky .header-pc__site-name,
body.isKo .header-pc.sticky .header-pc__site-name,
body.isSc .header-pc.sticky .header-pc__site-name {
  padding-top: 24px;
  padding-bottom: 0;
}

body.isEn .header-pc .main-nav-list__item a {
  padding-left: 24px;
}
body.isEn .header-pc .main-nav-list__item a::before {
  left: 6px;
}

/*--------------------------------------------------
  header 新レイアウト　SP
--*/
.header-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .header-sp {
    display: block;
    /*--------------------------------------------------
      headのレイアウト
    --*/
    /*--------------------------------------------------
      Nav modal
    --*/
    /*--------------------------------------------------
      SP各パーツのレイアウト
    --*/
  }
  .header-sp__head {
    display: flex;
    position: fixed;
    z-index: 10000;
    width: 100%;
    padding-right: 72px;
    background-color: #fff;
  }
  .header-sp__nav-modal {
    position: fixed;
    z-index: 10001;
    background-color: #fff;
  }
  .header-sp__nav-modal__head {
    position: fixed;
    z-index: 10001;
    width: 100%;
    height: 72px;
    background-color: #fff;
  }
  .header-sp__nav-modal__body {
    max-height: 100vh;
    overflow: scroll;
    padding-top: 72px;
  }
  .header-sp__nav-modal__upper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .header-sp__nav-modal__upper > *:first-child {
    margin-left: 21px;
  }
  .header-sp__nav-modal__upper > *:nth-child(2) {
    margin-left: 30px;
    margin-right: 21px;
  }
  .header-sp__sp-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    appearance: none;
    display: block;
    position: fixed;
    top: 27px;
    right: 22px;
    z-index: 10002;
    width: 27px;
    height: 27px;
    margin: auto;
  }
  .header-sp__sp-btn span {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #000;
  }
  .header-sp__sp-btn span:hover, .header-sp__sp-btn span:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__sp-btn span:nth-of-type(1) {
    top: 4px;
  }
  .header-sp__sp-btn span:nth-of-type(2) {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .header-sp__sp-btn span:nth-of-type(3) {
    bottom: 4px;
  }
  .header-sp__site-title {
    position: relative;
    height: auto;
    line-height: 1;
  }
  .header-sp__site-title .site-title-logo {
    height: 39px;
    margin-right: 0;
    line-height: 1;
  }
  .header-sp__site-title .site-title-logo img {
    height: 100%;
  }
  .header-sp__site-title a {
    display: block;
    padding-top: 21px;
    padding-right: 15px;
    padding-bottom: 18px;
    padding-left: 24px;
  }
  .header-sp__site-title a:focus, .header-sp__site-title a:focus-visible {
    outline: 2px solid #31759A;
  }
  .header-sp__site-name {
    position: fixed;
    max-width: 80vw;
    margin-left: 18px;
    padding: 36px 0 18px;
  }
  .header-sp__site-name a {
    display: block;
    line-height: 1;
  }
  .header-sp__site-name img {
    height: 18px;
  }
  .header-sp__status {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .header-sp__status .status-cont {
    display: flex;
    align-items: center;
    position: relative;
    height: 19px;
    padding-left: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
  }
  .header-sp__status .status-cont.isOpen {
    color: #31759A;
  }
  .header-sp__status .status-cont::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 20px;
    background: no-repeat left 0 top 50%/18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path d="M7.5,24A1.538,1.538,0,0,1,6,22.5V7A1.538,1.538,0,0,1,7.5,5.5H9.125V4H10.75V5.5h8.5V4h1.625V5.5H22.5A1.538,1.538,0,0,1,24,7V22.5A1.538,1.538,0,0,1,22.5,24Zm0-1.5h15V11.75H7.5Zm0-12.25h15V7H7.5Zm0,0v0ZM15,16a.982.982,0,1,1,.712-.288A.968.968,0,0,1,15,16Zm-4,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,11,16Zm8,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,19,16Zm-4,4a.982.982,0,1,1,.712-.288A.968.968,0,0,1,15,20Zm-4,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,11,20Zm8,0a.982.982,0,1,1,.712-.288A.968.968,0,0,1,19,20Z" transform="translate(-6 -4)" fill="%2331759A"/></svg>');
  }
  .header-sp__status .status-cont span {
    display: none;
  }
  .header-sp__reserve {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 51px;
  }
  .header-sp__reserve a {
    display: block;
    padding-left: 24px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: calc(27 / 15);
    background: no-repeat left 0 top 50%/19px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="23.74" height="18.992"><path d="M1.781 18.992A1.725 1.725 0 0 1 0 17.212v-4.54a3.188 3.188 0 0 0 1.825-1.113A3.128 3.128 0 0 0 2.552 9.5a3.186 3.186 0 0 0-.727-2.077A3.019 3.019 0 0 0 0 6.321v-4.54A1.725 1.725 0 0 1 1.781 0H21.96a1.725 1.725 0 0 1 1.78 1.781v4.54a3.019 3.019 0 0 0-1.825 1.1 3.186 3.186 0 0 0-.727 2.077 3.128 3.128 0 0 0 .727 2.062 3.188 3.188 0 0 0 1.825 1.113v4.54a1.725 1.725 0 0 1-1.781 1.781Zm0-1.781H21.96v-3.234a6.338 6.338 0 0 1-1.84-1.929 4.929 4.929 0 0 1 0-5.1 6.338 6.338 0 0 1 1.84-1.929V1.781H1.781v3.235a6.052 6.052 0 0 1 1.855 1.929 5.018 5.018 0 0 1 0 5.1 6.052 6.052 0 0 1-1.855 1.929Zm10.09-1.87a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.268Zm0-4.956a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.268Zm0-4.956a.913.913 0 1 0-.623-.267.854.854 0 0 0 .622.269ZM11.87 9.5Z" fill="%2331759 A"/></svg>');
  }
  .header-sp__sp-access {
    flex: 1;
    display: flex;
    align-items: center;
    height: 51px;
    font-size: 1.2rem;
    font-weight: 500;
    position: relative;
    z-index: 1;
  }
  .header-sp__sp-access a {
    display: block;
    padding-left: 21px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: calc(27 / 15);
    background: no-repeat left 0 top 50%/14px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14.4" height="18" viewBox="0 0 14.4 18"><path id="location_on_FILL0_wght400_GRAD0_opsz48" d="M15.2,12.775a1.575,1.575,0,0,0,1.114-2.689,1.575,1.575,0,0,0-2.227,2.227A1.518,1.518,0,0,0,15.2,12.775Zm0,7.448a26.352,26.352,0,0,0,4.421-4.939,7.493,7.493,0,0,0,1.429-3.9,5.857,5.857,0,0,0-1.7-4.342A5.666,5.666,0,0,0,15.2,5.35a5.666,5.666,0,0,0-4.151,1.688,5.857,5.857,0,0,0-1.7,4.342,7.383,7.383,0,0,0,1.463,3.9A28.616,28.616,0,0,0,15.2,20.222ZM15.2,22a29.919,29.919,0,0,1-5.411-5.726A8.9,8.9,0,0,1,8,11.38,6.96,6.96,0,0,1,10.171,6,7.315,7.315,0,0,1,20.229,6,6.96,6.96,0,0,1,22.4,11.38a8.9,8.9,0,0,1-1.789,4.894A29.919,29.919,0,0,1,15.2,22ZM15.2,11.38Z" transform="translate(-8 -4)" fill="%2331759 A"/></svg>');
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .header-sp__sp-access a {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .header-sp__search {
    position: relative;
    z-index: 2;
    width: 65.6vw;
    margin-top: 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-sp__search .search-modal-btn {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 48px;
    margin-left: auto;
    padding: 0 4vw;
    border-left: 1px solid #CCCCCC;
  }
  .header-sp__search .search-modal-btn::before {
    content: "\e8b6";
    margin-right: 12px;
    padding-top: 3px;
    color: #31759A;
    font-size: 2.4rem;
    font-family: "Material Icons";
  }
  .header-sp__search .search-modal-btn span {
    display: block;
  }
  .header-sp__languages {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    position: relative;
    z-index: 120;
    width: 34.4vw;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-sp__languages:hover, .header-sp__languages:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__languages .language-trigger {
    cursor: pointer;
    display: flex;
    justify-content: center;
    gap: 7px;
    position: relative;
    padding: 10px 0;
    font-size: 1.5rem;
    line-height: 28px;
    text-align: right;
  }
  .header-sp__languages .language-trigger::after {
    content: "";
    display: block;
    right: 15px;
    top: 21px;
    width: 7px;
    height: 7px;
    margin: auto 0 auto 10px;
    border-right: 2px solid #414141;
    border-bottom: 2px solid #414141;
    transform: rotate(45deg);
  }
  .header-sp__languages .language-trigger.isActive {
    opacity: 1;
    visibility: visible;
    background-color: rgba(49, 117, 154, 0.5);
    /*+ .wpml-ls ul {
      opacity: 1;
      visibility: visible;
    }*/
  }
  .header-sp__languages .language-trigger.isActive::before {
    top: 24px;
    transform: rotate(-135deg);
  }
  .header-sp__languages .wpml-ls .wpml-ls-native {
    color: #31759A;
  }
  .header-sp__languages .wpml-ls ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 9px 0;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  .header-sp__languages .wpml-ls ul.focused {
    opacity: 1;
    visibility: visible;
  }
  .header-sp__languages .wpml-ls ul .wpml-ls-item:hover {
    background-color: rgba(49, 117, 154, 0.5);
  }
  .header-sp__languages .wpml-ls ul .wpml-ls-item.isCurrent {
    color: #31759A;
  }
  .header-sp__languages .wpml-ls ul .wpml-ls-item a {
    display: block;
    padding: 7px 10px 7px 18px;
    line-height: 1;
  }
  .header-sp__languages .wpml-ls-legacy-list-vertical {
    border-width: 0;
  }
  .header-sp__sp-main-nav {
    display: block;
    z-index: 1;
    width: calc(100% - 44px);
    margin: 0 auto;
  }
  .header-sp__sp-main-nav .sp-main-nav-list {
    display: block;
    height: 100%;
    margin: 0 auto;
    padding-top: 15px;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 110;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #CCCCCC;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item:hover, .header-sp__sp-main-nav .sp-main-nav-list__item:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item:focus-visible {
    outline: 2px solid #31759A;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #31759A;
    left: 0;
    top: 17px;
    width: 6px;
    height: 28px;
    margin: auto;
    transform: scaleX(0);
    transform-origin: top left;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > span,
  .header-sp__sp-main-nav .sp-main-nav-list__item > a {
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 9px 27px 11px 0;
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > span::before, .header-sp__sp-main-nav .sp-main-nav-list__item > span::after {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    content: "";
    display: block;
    position: absolute;
    margin: auto;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > span::before:hover, .header-sp__sp-main-nav .sp-main-nav-list__item > span::before:focus-visible, .header-sp__sp-main-nav .sp-main-nav-list__item > span::after:hover, .header-sp__sp-main-nav .sp-main-nav-list__item > span::after:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > span::before {
    top: 0;
    bottom: 0;
    right: 5px;
    width: 17px;
    height: 2px;
    background-color: #31759A;
    border-radius: initial;
    border: none;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > span::after {
    top: 0;
    bottom: 0;
    right: 5px;
    width: 17px;
    height: 2px;
    background-color: #31759A;
    transform: rotate(90deg);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > a::before {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    content: "";
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #31759A;
    border-right: 2px solid #31759A;
    transform: rotate(45deg);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item > a::before:hover, .header-sp__sp-main-nav .sp-main-nav-list__item > a::before:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item:not(:last-of-type) {
    padding-right: 0;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.current-menu-parent {
    border-bottom: transparent;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.current-menu-parent::before {
    transform: scaleX(0);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.current-menu-parent > span,
  .header-sp__sp-main-nav .sp-main-nav-list__item.current-menu-parent > a {
    padding-left: 0;
    color: #31759A;
    font-size: 1.8rem;
    border-color: #CCCCCC;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen {
    border-bottom-color: transparent;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen::before {
    transform: scaleX(1);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen > span,
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen > a {
    padding-left: 15px;
    color: #31759A;
    font-size: 2.1rem;
    border-color: #CCCCCC;
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen > span::before {
    border-color: rgba(49, 117, 154, 0.5);
    width: 20px;
    transform: rotate(45deg);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen > span::after {
    width: 20px;
    transform: rotate(135deg);
  }
  .header-sp__sp-main-nav .sp-main-nav-list__item.isOpen .sp-second-nav {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin: 18px 30px;
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s, visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
  }
  .header-sp__sp-main-nav .sp-second-nav {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
  }
  .header-sp__sp-main-nav .sp-second-nav__item {
    margin-bottom: 18px;
  }
  .header-sp__sp-main-nav .sp-second-nav__item span,
  .header-sp__sp-main-nav .sp-second-nav__item a {
    display: block;
    line-height: calc(32 / 16);
  }
  .header-sp__sp-main-nav .sp-second-nav__item.current > span,
  .header-sp__sp-main-nav .sp-second-nav__item.current > a {
    color: #31759A;
  }
  .header-sp__sp-main-nav .sp-third-nav {
    margin-top: 18px;
    margin-left: 18px;
    border-left: 2px solid rgba(49, 117, 154, 0.3);
  }
  .header-sp__sp-main-nav .sp-third-nav__item {
    margin-left: 1em;
    margin-bottom: 15px;
  }
  .header-sp__sp-main-nav .sp-third-nav__item.current > span,
  .header-sp__sp-main-nav .sp-third-nav__item.current > a {
    color: #31759A;
    border-bottom-color: #31759A;
  }
  .header-sp__support-nav .support-nav-list {
    width: calc(100% - 44px);
    margin: 30px auto 0;
  }
  .header-sp__support-nav .support-nav-list .item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .header-sp__support-nav .support-nav-list .item span,
  .header-sp__support-nav .support-nav-list .item a {
    display: block;
    position: relative;
    padding: 7px 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .header-sp__support-nav .support-nav-list .item span::before, .header-sp__support-nav .support-nav-list .item span::after {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 0.15s;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 11px;
    height: 2px;
    margin: auto;
    background-color: #31759A;
  }
  .header-sp__support-nav .support-nav-list .item span::before:hover, .header-sp__support-nav .support-nav-list .item span::before:focus-visible, .header-sp__support-nav .support-nav-list .item span::after:hover, .header-sp__support-nav .support-nav-list .item span::after:focus-visible {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
    transition-duration: 0.05s;
  }
  .header-sp__support-nav .support-nav-list .item span::after {
    transform: rotate(90deg);
  }
  .header-sp__support-nav .support-nav-list .item .support-second-nav {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity 0s, visibility 0s;
  }
  .header-sp__support-nav .support-nav-list .item .support-second-nav__item {
    margin-bottom: 6px;
  }
  .header-sp__support-nav .support-nav-list .item .support-second-nav__item a {
    display: block;
    line-height: calc(32 / 16);
  }
  .header-sp__support-nav .support-nav-list .item.isOpen {
    border-bottom-color: transparent;
    transition: opacity 0s, visibility 0s;
  }
  .header-sp__support-nav .support-nav-list .item.isOpen::before {
    background-color: #31759A;
  }
  .header-sp__support-nav .support-nav-list .item.isOpen > span,
  .header-sp__support-nav .support-nav-list .item.isOpen > a {
    color: #31759A;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .header-sp__support-nav .support-nav-list .item.isOpen > span::before {
    transform: rotate(45deg);
  }
  .header-sp__support-nav .support-nav-list .item.isOpen > span::after {
    transform: rotate(135deg);
  }
  .header-sp__support-nav .support-nav-list .item.isOpen .support-second-nav {
    transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s, visibility 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s;
    opacity: 1;
    visibility: visible;
    height: auto;
    margin: 18px 30px 12px;
  }
  .header-sp__support-nav .support-nav-list .item.isOpen .support-second-nav__item.current a {
    color: #31759A;
  }
  .header-sp__support-nav .support-nav-list .item .second-level {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
  .header-sp__support-nav .support-nav-list .item.current .second-level {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin: 0 0 15px 1em;
  }
  .header-sp__other-cont {
    display: block;
    margin-top: 24px;
    margin-bottom: 60px;
  }
  .header-sp__other-cont .support-links {
    margin-top: 30px;
    padding-top: 30px;
  }
  .header-sp__other-cont .sns-links {
    width: calc(100% - 44px);
    margin: 0 auto;
    border: 3px solid #31759A;
    border-radius: 6px;
  }
  .header-sp__other-cont .sns-links-label {
    padding: 3px 0;
    color: #31759A;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #31759A;
  }
  .header-sp__other-cont .sns-links-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 87%;
    height: 83px;
    margin: 0 auto;
    padding-bottom: 3px;
  }
  .header-sp__other-cont .sns-links-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    text-indent: -99999px;
    background: no-repeat 50%;
  }
  .header-sp__other-cont .sns-links-list li.item--fb a {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40.739" height="40.739" viewBox="0 0 40.739 40.739"><path d="M40.739,20.494A20.37,20.37,0,1,0,17.187,40.739V26.418H12.015V20.494h5.172V15.979c0-5.136,3.041-7.973,7.694-7.973a31.142,31.142,0,0,1,4.56.4v5.043H26.872c-2.53,0-3.32,1.58-3.32,3.2v3.844H29.2l-.9,5.924H23.552V40.739A20.461,20.461,0,0,0,40.739,20.494Z" fill="%2331759 A"/></svg>');
    background-size: 40px;
  }
  .header-sp__other-cont .sns-links-list li.item--tw a {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="41.773" height="33.949" viewBox="0 0 41.773 33.949"><path d="M391.137,293.36c15.764,0,24.384-13.06,24.384-24.384q0-.557-.024-1.108a17.439,17.439,0,0,0,4.276-4.437,17.109,17.109,0,0,1-4.922,1.349,8.6,8.6,0,0,0,3.769-4.741,17.17,17.17,0,0,1-5.442,2.08,8.578,8.578,0,0,0-14.605,7.816,24.331,24.331,0,0,1-17.665-8.954,8.577,8.577,0,0,0,2.653,11.441,8.506,8.506,0,0,1-3.881-1.072c0,.036,0,.072,0,.109a8.574,8.574,0,0,0,6.876,8.4,8.555,8.555,0,0,1-3.87.147,8.58,8.58,0,0,0,8.006,5.953,17.2,17.2,0,0,1-10.644,3.669A17.425,17.425,0,0,1,378,289.51a24.263,24.263,0,0,0,13.137,3.85" transform="translate(-378 -259.411)" fill="%2331759 A"/></svg>');
    background-size: 42px;
  }
  .header-sp__other-cont .sns-links-list li.item--yt a {
    background-image: url(../images/commons/icon_youtube.svg);
    background-size: 48px;
  }
  .header-sp__other-cont .sns-links-list li.item--Insta a {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40.739" height="40.739" viewBox="0 0 40.739 40.739"><path id="sns-instagram" d="M20.332,3.619a62.326,62.326,0,0,1,8.131.226,10.475,10.475,0,0,1,3.84.678,7.932,7.932,0,0,1,3.84,3.84,10.475,10.475,0,0,1,.678,3.84c0,2.033.226,2.71.226,8.131a62.328,62.328,0,0,1-.226,8.131,10.475,10.475,0,0,1-.678,3.84,7.932,7.932,0,0,1-3.84,3.84,10.475,10.475,0,0,1-3.84.678c-2.033,0-2.71.226-8.131.226a62.327,62.327,0,0,1-8.131-.226,10.475,10.475,0,0,1-3.84-.678,7.932,7.932,0,0,1-3.84-3.84,10.475,10.475,0,0,1-.678-3.84c0-2.033-.226-2.71-.226-8.131A62.33,62.33,0,0,1,3.844,12.2a10.475,10.475,0,0,1,.678-3.84A8.112,8.112,0,0,1,6.1,6.1,3.818,3.818,0,0,1,8.361,4.522a10.475,10.475,0,0,1,3.84-.678,62.328,62.328,0,0,1,8.131-.226m0-3.614a66.732,66.732,0,0,0-8.357.226,13.943,13.943,0,0,0-4.969.9A8.841,8.841,0,0,0,3.393,3.393,8.841,8.841,0,0,0,1.134,7.006a10.291,10.291,0,0,0-.9,4.969A66.733,66.733,0,0,0,0,20.332a66.733,66.733,0,0,0,.226,8.357,13.943,13.943,0,0,0,.9,4.969,8.841,8.841,0,0,0,2.259,3.614,8.841,8.841,0,0,0,3.614,2.259,13.943,13.943,0,0,0,4.969.9,66.738,66.738,0,0,0,8.357.226,66.74,66.74,0,0,0,8.357-.226,13.943,13.943,0,0,0,4.969-.9,9.476,9.476,0,0,0,5.872-5.872,13.943,13.943,0,0,0,.9-4.969c0-2.259.226-2.936.226-8.357a66.742,66.742,0,0,0-.226-8.357,13.943,13.943,0,0,0-.9-4.969,8.841,8.841,0,0,0-2.259-3.614,8.841,8.841,0,0,0-3.614-2.259,13.943,13.943,0,0,0-4.969-.9A66.732,66.732,0,0,0,20.332,0m0,9.938A10.222,10.222,0,0,0,9.942,20.332,10.389,10.389,0,1,0,20.332,9.942m0,17.165a6.655,6.655,0,0,1-6.776-6.776,6.655,6.655,0,0,1,6.776-6.776,6.655,6.655,0,0,1,6.776,6.776,6.655,6.655,0,0,1-6.776,6.776m10.841-20.1a2.484,2.484,0,1,0,2.484,2.484,2.484,2.484,0,0,0-2.484-2.484" transform="translate(0.038 0.038)" fill="%2331759 A" fill-rule="evenodd"/></svg>');
    background-size: 42px;
  }
  .header-sp__other-cont .mail-news {
    width: calc(100% - 44px);
    margin: 24px auto;
    border: 2px solid #31759A;
    border-radius: 6px;
  }
  .header-sp__other-cont .mail-news dt {
    padding: 6px 21px;
    color: #fff;
    background-color: #31759A;
    line-height: calc(27 / 15);
  }
  .header-sp__other-cont .mail-news dd {
    padding: 9px 21px;
  }
  .header-sp__other-cont .mail-news .for-someone {
    display: inline-block;
    position: relative;
    margin-bottom: 3px;
    padding-right: 27px;
    font-size: 1.8rem;
  }
  .header-sp__other-cont .mail-news .for-someone:first-of-type {
    margin-top: 3px;
  }
  .header-sp__other-cont .mail-news .for-someone::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    background-color: #31759A;
  }
  .header-sp__other-cont .mail-news .for-someone::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 4px;
    margin: auto;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
  }
}

/*--------------------------------------------------
  body.isEn, body.isKo, body.isScの時
--*/
@media screen and (max-width: 767px) {
  body.isEn .header-sp__head,
  body.isKo .header-sp__head,
  body.isSc .header-sp__head {
    padding-right: 63px;
  }
  body.isEn .header-sp__site-title .site-title-logo,
  body.isKo .header-sp__site-title .site-title-logo,
  body.isSc .header-sp__site-title .site-title-logo {
    height: 37px;
  }
  body.isEn .header-sp__status .status-cont,
  body.isKo .header-sp__status .status-cont,
  body.isSc .header-sp__status .status-cont {
    padding-top: 3px;
    font-size: 1.2rem;
  }
}

.header-pc.relative[aria-hidden=true] {
  visibility: hidden;
}
.header-pc.sticky {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
}
.header-pc.sticky[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.header-pc.sticky .header-pc__main-nav,
.header-pc.sticky .header-pc__second-nav,
.header-pc.sticky .header-pc__third-nav {
  visibility: hidden;
  pointer-events: none;
  transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  top: 0;
}
.is-scroll-up.is-header-sticky .header-pc.sticky .header-pc__main-nav,
.is-scroll-up.is-header-sticky .header-pc.sticky .header-pc__second-nav,
.is-scroll-up.is-header-sticky .header-pc.sticky .header-pc__third-nav {
  visibility: visible;
  transition-delay: 100ms;
  pointer-events: auto;
}
.is-scroll-down.is-header-sticky .header-pc.sticky .header-pc__under-nav-wrapper > *[class="header-pc__*"] {
  visibility: hidden;
  pointer-events: none;
}
.is-scroll-down.is-header-sticky .header-pc.sticky .header-pc__under-nav-wrapper > *:last-child {
  visibility: visible;
  pointer-events: auto;
}

/*--------------------------------------------------
  トップ/404ページ以外のナビゲーションレイアウト
--*/
body:not(.index):not(.error404) #handleHeader .relative .header-pc__top-common-logo {
  display: none;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__upper {
  padding-bottom: 10px;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__site-name {
  padding-top: 33px;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__status {
  padding-top: 40px;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__reserve {
  padding-top: 41px;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__second-nav {
  display: block;
}
body:not(.index):not(.error404) #handleHeader .relative .header-pc__site-title {
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 0;
}
body:not(.index):not(.error404) #handleHeader .relative.isFixed .sticky .header-pc__upper {
  padding-bottom: 5px;
}
body:not(.index):not(.error404) #handleHeader .relative.isFixed .sticky .header-pc__site-name {
  padding-top: 20px;
}
body:not(.index):not(.error404) #handleHeader .relative.isFixed .sticky .header-pc__status {
  padding-top: 15px;
}
body:not(.index):not(.error404) #handleHeader .relative.isFixed .sticky .header-pc__reserve {
  padding-top: 15px;
}

/*--------------------------------------------------
  1階層目のみの場合の#handleMain上部余白調整
--*/
@media screen and (max-width: 767px) {
  body:not(.index):not(.error404):not(.hasSecondLevel):not(.hasThirdLevel) #handleMain {
    padding-top: 90px;
  }
}

/*--------------------------------------------------
  2階層目までの場合の#handleMain上部余白調整
--*/
@media screen and (max-width: 767px) {
  body.hasSecondLevel #handleMain {
    padding-top: 78px;
  }
}

/*--------------------------------------------------
  body.isEn, body.isKo, body.isSc
--*/
body.isEn,
body.isKo,
body.isSc {
  /*.header-pc.sticky .header-pc__site-name {
    padding-top: 12px;

    a {
      height: 21px;
    }
  }*/
}
body.isEn .header-pc.relative .header-pc__upper,
body.isKo .header-pc.relative .header-pc__upper,
body.isSc .header-pc.relative .header-pc__upper {
  padding-bottom: 4px;
}
body.isEn .header-pc.relative .header-pc__site-name,
body.isKo .header-pc.relative .header-pc__site-name,
body.isSc .header-pc.relative .header-pc__site-name {
  padding-top: 12px;
}
body.isEn .header-pc.relative .header-pc__site-name a,
body.isKo .header-pc.relative .header-pc__site-name a,
body.isSc .header-pc.relative .header-pc__site-name a {
  height: 21px;
}
body.isEn #handleHeader .header__site-name,
body.isKo #handleHeader .header__site-name,
body.isSc #handleHeader .header__site-name {
  padding-top: 9px;
}
body.isEn #handleHeader.isUp .sticky .header__site-name, body.isEn #handleHeader.isDown .sticky .header__site-name,
body.isKo #handleHeader.isUp .sticky .header__site-name,
body.isKo #handleHeader.isDown .sticky .header__site-name,
body.isSc #handleHeader.isUp .sticky .header__site-name,
body.isSc #handleHeader.isDown .sticky .header__site-name {
  width: 382px;
  padding-top: 21px;
}
body.isEn #handleHeader.isFixed .sticky .header-pc__site-name a,
body.isKo #handleHeader.isFixed .sticky .header-pc__site-name a,
body.isSc #handleHeader.isFixed .sticky .header-pc__site-name a {
  padding-top: 0;
}
body.isEn:not(.index):not(.error404) #handleHeader .header-pc__site-name,
body.isKo:not(.index):not(.error404) #handleHeader .header-pc__site-name,
body.isSc:not(.index):not(.error404) #handleHeader .header-pc__site-name {
  padding-top: 42px;
}
body.isEn:not(.index):not(.error404) #handleHeader .header-pc__site-name a,
body.isKo:not(.index):not(.error404) #handleHeader .header-pc__site-name a,
body.isSc:not(.index):not(.error404) #handleHeader .header-pc__site-name a {
  height: 25px;
}
body.isEn:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name, body.isEn:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name,
body.isKo:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name,
body.isKo:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name,
body.isSc:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name,
body.isSc:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name {
  padding-top: 23px;
  padding-bottom: 1px;
}
body.isEn:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name a, body.isEn:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name a,
body.isKo:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name a,
body.isKo:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name a,
body.isSc:not(.index):not(.error404).is-scroll-up #handleHeader .sticky .header-pc__site-name a,
body.isSc:not(.index):not(.error404).is-scroll-down #handleHeader .sticky .header-pc__site-name a {
  height: 18px;
}

/*--------------------------------------------------
  header 新レイアウト　SP
--*/
@media screen and (max-width: 767px) {
  #handleHeader .header-sp__nav-modal {
    pointer-events: none;
    visibility: hidden;
    speak: none;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  #handleHeader .header-sp__nav-modal__body {
    opacity: 0;
    transition: all 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #handleMain {
    padding-top: 78px;
  }
}
@media screen and (max-width: 767px) {
  body.isHeaderOpen {
    height: 100%;
    overflow-y: hidden;
  }
  body.isHeaderOpen #handleHeader {
    overflow-y: scroll;
    max-height: 100%;
    background-color: #fff;
  }
  body.isHeaderOpen #handleHeader .header-sp__nav-modal {
    visibility: visible;
    width: 100%;
    height: 100svh;
    transition-delay: 0s;
    pointer-events: auto;
    speak: normal;
    opacity: 1;
    transform: translateY(0);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  body.isHeaderOpen #handleHeader .header-sp__nav-modal__body {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
  }
  body.isHeaderOpen #handleHeader .heaqder__second-nav {
    display: block;
  }
}
.btnTrigger span {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-direction: normal;
  transform-origin: 50% 50%;
}
.btnTrigger.isHeaderOpen span:nth-of-type(1) {
  animation-name: transform-to-close-icon-1;
}
.btnTrigger.isHeaderOpen span:nth-of-type(2) {
  animation-name: transform-to-close-icon-2;
}
.btnTrigger.isHeaderOpen span:nth-of-type(3) {
  animation-name: transform-to-close-icon-3;
}
.btnTrigger.isHeaderClose span:nth-of-type(1) {
  animation-name: transform-to-hamburger-icon-1;
}
.btnTrigger.isHeaderClose span:nth-of-type(2) {
  animation-name: transform-to-hamburger-icon-2;
}
.btnTrigger.isHeaderClose span:nth-of-type(3) {
  animation-name: transform-to-hamburger-icon-3;
}

@keyframes transform-to-hamburger-icon-1 {
  0% {
    top: 0;
    transform: translateY(12px) scale(1.2) rotate(45deg);
  }
  50% {
    top: 0;
    transform: translateY(12px) rotate(0);
  }
  100% {
    top: 4px;
    transform: translateY(0) scale(1) rotate(0);
  }
}
@keyframes transform-to-hamburger-icon-2 {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes transform-to-hamburger-icon-3 {
  0% {
    bottom: 0;
    transform: translateY(-12px) scale(1.2) rotate(-45deg);
  }
  50% {
    bottom: 0;
    transform: translateY(-12px) rotate(0);
  }
  100% {
    bottom: 4px;
    transform: translateY(0) scale(1) rotate(0);
  }
}
@keyframes transform-to-close-icon-1 {
  0% {
    top: 4px;
    transform: translateY(0) scale(1) rotate(0);
  }
  50% {
    top: 0;
    transform: translateY(12px) rotate(0);
  }
  100% {
    top: 0;
    transform: translateY(12px) scale(1.2) rotate(45deg);
  }
}
@keyframes transform-to-close-icon-2 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes transform-to-close-icon-3 {
  0% {
    bottom: 4px;
    transform: translateY(0) scale(1) rotate(0);
  }
  50% {
    bottom: 0;
    transform: translateY(-12px) rotate(0);
  }
  100% {
    bottom: 0;
    transform: translateY(-12px) scale(1.2) rotate(-45deg);
  }
}
/*--------------------------------------------------
  index
--*/
body.index {
  /* トップページ共通要素 */
  /* hero */
  /* news */
  /* exhibitions */
  /* events */
  /* collections */
  /* support contents */
  /* access */
  /* ステートメント */
}
body.index .sec-top {
  padding-bottom: 54px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  body.index .sec-top {
    padding-bottom: 24px;
  }
}
body.index .sec-top__head {
  border-bottom: 1px solid #CCCCCC;
}
body.index .sec-top__head__inner {
  position: relative;
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-top__head__inner {
    max-width: 956px;
  }
}
body.index .sec-top__head__title {
  position: relative;
  padding: 24px 0 16px;
  color: #414141;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: calc(27 / 21);
}
@media screen and (max-width: 767px) {
  body.index .sec-top__head__title {
    display: inline-block;
    width: auto;
    min-width: 40.8vw;
    font-size: 1.8rem;
  }
}
body.index .sec-top__head__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 264px;
  height: 5px;
  background-color: rgba(65, 65, 65, 0.5);
}
@media screen and (max-width: 767px) {
  body.index .sec-top__head__title::after {
    width: 100%;
  }
}
body.index .sec-top__body {
  max-width: 1132px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-top__body {
    max-width: 956px;
  }
}
body.index .sec-top__status-tip-box {
  position: relative;
  aspect-ratio: 4/3;
  background-color: #EBEBEB;
  overflow: hidden;
  /*.box-no-images {
    max-height: 100%;
    height: 100%;
  }*/
}
body.index .sec-top__status-tip-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.index .sec-top__status-tip-box .status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 7px 18px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  background-color: #555;
}
@media screen and (max-width: 767px) {
  body.index .sec-top__status-tip-box .status {
    padding: 3px 9px;
    font-size: 1.2rem;
  }
}
body.index .sec-top__status-tip-box .status.isSession {
  background-color: #31759A;
}
body.index .sec-top__archives-link {
  display: block;
  margin: 32px auto 0;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(30 / 15);
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.index .sec-top__archives-link {
    margin-top: 9px;
  }
}
body.index .sec-top__archives-link a {
  display: inline-block;
  position: relative;
  width: 264px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 18px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
}
body.index .sec-top__archives-link a:hover, body.index .sec-top__archives-link a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.index .sec-top__archives-link a {
    width: auto;
    padding-bottom: 11px;
  }
}
body.index .sec-top__archives-link a::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #31759A;
}
body.index .sec-top__archives-link a::after:hover, body.index .sec-top__archives-link a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-top__archives-link a span {
  position: relative;
  padding-right: 27px;
}
@media screen and (max-width: 767px) {
  body.index .sec-top__archives-link a span {
    padding-right: 37px;
  }
}
body.index .sec-top__archives-link a span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  background-color: #31759A;
}
@media screen and (max-width: 767px) {
  body.index .sec-top__archives-link a span::before {
    width: 28px;
    height: 28px;
  }
}
body.index .sec-top__archives-link a span::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  body.index .sec-top__archives-link a span::after {
    right: 13px;
    width: 6px;
    height: 6px;
  }
}
body.index .sec-top__archives-link a:hover, body.index .sec-top__archives-link a:focus-visible {
  outline: 0;
  color: #31759A;
  background-color: rgba(49, 117, 154, 0.15);
}
body.index .sec-top__archives-link a:hover::after, body.index .sec-top__archives-link a:focus-visible::after {
  height: 4px;
}
body.index .top-hero-cover {
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  body.index .top-hero-cover {
    background-color: #fff;
  }
}
body.index .top-hero {
  overflow-x: visible;
  max-width: 87.8477306003vw;
  margin: 0 auto;
  /*&__slider-Counter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 2px;
    color: g.$col31759A;
    font-size: 1.8rem;
    font-weight: g.$fontWeightJKExtraBold;
    font-family: g.$fontJakarta;

    bottom: 18px;
    z-index: 2;
    @include g.media(sp) {
      bottom: 9px;
    }

    span {
      text-align: center;

      &.separator {
        margin: 0 6px;
      }
    }
  }*/
}
body.index .top-hero__item {
  position: relative;
  width: 100%;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item {
    box-shadow: none;
  }
}
body.index .top-hero__item .item-link {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: relative;
  height: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
body.index .top-hero__item .item-link:hover, body.index .top-hero__item .item-link:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link {
    height: auto;
  }
}
body.index .top-hero__item .item-link::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 9px solid transparent;
  background-color: transparent;
}
body.index .top-hero__item .item-link::after:hover, body.index .top-hero__item .item-link::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .top-hero__item .item-link .item-image {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  height: 100%;
  aspect-ratio: 1920/1080;
  background: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-image {
    height: auto;
    aspect-ratio: 1920/1440;
  }
}
body.index .top-hero__item .item-link .item-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 1;
}
body.index .top-hero__item .item-link .item-info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 37px;
  max-width: 1092px;
  width: 90.8485856905%;
  margin: auto;
  background-color: #fff;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.075));
  transform: translateY(1em);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen and (orientation: landscape) and (min-width: 768px) and (max-width: 1366px) {
  body.index .top-hero__item .item-link .item-info {
    bottom: 2vh;
  }
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info {
    opacity: 1;
    transform: translateY(0);
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    width: 100%;
    bottom: initial;
  }
}
body.index .top-hero__item .item-link .item-info__title {
  position: relative;
  padding: 18px 24px 14px;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__title {
    padding: 15px 18px 12px;
  }
}
body.index .top-hero__item .item-link .item-info__title::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(65, 65, 65, 0.5);
}
body.index .top-hero__item .item-link .item-info__title::after:hover, body.index .top-hero__item .item-link .item-info__title::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .top-hero__item .item-link .item-info__title .type {
  margin-bottom: 10px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: calc(27 / 15);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__title .type {
    margin-bottom: 9px;
    font-size: 1.1rem;
  }
}
body.index .top-hero__item .item-link .item-info__title .main-title {
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: calc(33 / 24);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__title .main-title {
    min-height: 50px;
    margin-bottom: 6px;
    font-size: 1.8rem;
  }
}
body.index .top-hero__item .item-link .item-info__title .sup {
  color: #000;
  font-size: 1.2rem;
  line-height: calc(27 / 12);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__title .sup {
    font-size: 1rem;
  }
}
body.index .top-hero__item .item-link .item-info__period {
  display: flex;
  position: absolute;
  top: -21px;
  right: 0;
  height: 42px;
  color: #fff;
  background-color: #31759A;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
  }
}
body.index .top-hero__item .item-link .item-info__period .period-box {
  display: flex;
  align-items: baseline;
  padding: 10px 6px 0 6px;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .period-box {
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 1;
    width: 100%;
    padding: 6px 12px 0;
  }
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .dates-wrapper {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .year {
    width: 100%;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .year .num {
    font-size: 1rem;
  }
}
body.index .top-hero__item .item-link .item-info__period .num {
  padding: 0 3px;
  font-size: 2.4rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .num {
    padding: 0;
    font-size: 2rem;
    font-weight: 400;
  }
}
body.index .top-hero__item .item-link .item-info__period .unit {
  padding: 0 2px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .unit {
    font-size: 1rem;
  }
}
body.index .top-hero__item .item-link .item-info__period .arrow {
  position: relative;
  width: 90px;
  color: transparent;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .arrow {
    flex: 1;
    max-width: 72px;
    margin: 0 9px;
  }
}
body.index .top-hero__item .item-link .item-info__period .arrow::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 76px;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .arrow::before {
    top: initial;
    bottom: 9px;
    width: 100%;
  }
}
body.index .top-hero__item .item-link .item-info__period .arrow::after {
  content: "";
  display: block;
  position: absolute;
  right: 5px;
  bottom: 20px;
  width: 12px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .arrow::after {
    right: 0;
    width: 6px;
    bottom: 12px;
  }
}
body.index .top-hero__item .item-link .item-info__period .status {
  position: relative;
  margin-left: 12px;
  background-color: #555;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .status {
    display: flex;
    align-items: center;
    margin-left: 0;
  }
}
body.index .top-hero__item .item-link .item-info__period .status.isActive {
  background-color: #31759A;
}
body.index .top-hero__item .item-link .item-info__period .status.isEnd {
  display: none;
}
body.index .top-hero__item .item-link .item-info__period .status::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  mix-blend-mode: multiply;
}
body.index .top-hero__item .item-link .item-info__period .status__text {
  display: block;
  position: relative;
  z-index: 1;
  padding: 3px 13px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.index .top-hero__item .item-link .item-info__period .status__text {
    font-size: 1.5rem;
  }
}
body.index .top-hero__item .item-link:hover .item-image {
  transform: scale(1);
}
body.index .top-hero__item .item-link:hover .item-info {
  opacity: 1;
}
body.index .top-hero__item .item-link:hover .item-info__title::after {
  height: 6px;
  background-color: rgba(49, 117, 154, 0.8);
}
body.index .top-hero__item .item-link:focus-visible {
  outline: none;
}
body.index .top-hero__item .item-link:focus-visible::after {
  border-color: #31759A;
}
body.index .top-hero__item.swiper-slide-active .item-link {
  overflow: hidden;
  display: block;
}
body.index .top-hero__item.swiper-slide-active .item-link .item-info {
  transform: translateY(0) !important;
  opacity: 1;
  transition-delay: 0.6s;
  transition-duration: 0.5s;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
}
body.index .sec-topics__warning {
  max-width: 908px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__warning {
    padding-top: 20px;
  }
}
body.index .sec-topics__warning a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  padding: 0 0 0 50px;
  margin: 0 auto 40px;
  background-color: #DE6E44;
  border: 3px solid #DE6E44;
  display: flex;
  align-items: center;
  height: 54px;
  margin-bottom: 9px;
  color: #fff;
}
body.index .sec-topics__warning a:hover, body.index .sec-topics__warning a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__warning a {
    width: 100%;
    min-height: 42px;
    margin-bottom: 0;
    padding-left: 36px;
    font-size: 1.5rem;
    background-size: 36px;
    border-width: 4px;
  }
}
body.index .sec-topics__warning a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  background: no-repeat 0 center/48px auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-173 -2173)"><rect width="48" height="48" transform="translate(173 2173)" fill="%23fff"/><path d="M23.5,36.857a3,3,0,1,1,2.121-.879A2.891,2.891,0,0,1,23.5,36.857Zm-3-10.286V6h6V26.571Z" transform="translate(173.5 2176)" fill="%23DE6E44"/></g></svg>');
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__warning a::before {
    width: 34px;
    height: 34px;
    background-size: 34px auto;
  }
}
body.index .sec-topics__warning a .link,
body.index .sec-topics__warning a .text {
  display: block;
  color: #fff;
  text-decoration: none !important;
  line-height: calc(24 / 18);
  padding: 12px 12px 12px 15px;
}
body.index .sec-topics__warning a:hover, body.index .sec-topics__warning a:focus-visible {
  outline: 0;
  color: #DE6E44;
  background-color: #fff;
}
body.index .sec-topics__warning a:hover::before, body.index .sec-topics__warning a:focus-visible::before {
  left: 0;
  border-color: #fff;
}
body.index .sec-topics__warning a:hover .link,
body.index .sec-topics__warning a:hover .text, body.index .sec-topics__warning a:focus-visible .link,
body.index .sec-topics__warning a:focus-visible .text {
  color: #DE6E44;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__warning a {
    height: 42px;
  }
}
body.index .sec-topics__warning a span {
  margin-left: 15px;
}
body.index .sec-topics__list {
  max-width: 908px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__list {
    width: 100%;
    margin-bottom: 20px;
  }
}
body.index .sec-topics__list .list-item {
  margin-bottom: 3px;
}
body.index .sec-topics__list .list-item:nth-of-type(even) {
  background-color: rgba(85, 85, 85, 0.2);
}
body.index .sec-topics__list .list-item .link {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  padding: 9px 6px;
  vertical-align: middle;
  font-weight: 500;
  line-height: calc(27 / 16);
}
body.index .sec-topics__list .list-item .link:hover, body.index .sec-topics__list .list-item .link:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
body.index .sec-topics__list .list-item .link:hover {
  opacity: 0.6;
}
body.index .sec-topics__list .list-item .link:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__list .list-item .link {
    padding: 6px 12px;
    font-size: 1.2rem;
  }
}
body.index .sec-topics__list .list-item .link .date {
  min-width: 110px;
  font-size: 1.5rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__list .list-item .link .date {
    min-width: 75px;
    margin-top: 2px;
    margin-left: 2px;
    font-size: 1.2rem;
    line-height: calc(21 / 12);
  }
}
body.index .sec-topics__list .list-item .link .title {
  display: flex;
  align-items: center;
  position: relative;
  max-width: calc(100% - 110px);
  /*.parts-important-tip + .text {
    width: calc(100% - 150px);
  }*/
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__list .list-item .link .title {
    max-width: none;
  }
}
body.index .sec-topics__list .list-item .link .title .parts-important-tip {
  margin-top: -2px;
  height: 18px;
}
body.index .sec-topics__list .list-item .link .title .text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  body.index .sec-topics__list .list-item .link .title .text {
    text-overflow: initial;
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
body.index .sec-topics__list .list-item .link:hover .text {
  text-decoration: underline;
  text-underline-position: under;
}
body.index .sec-topics__list .list-item .link:focus-visible {
  outline: 2px solid rgba(49, 117, 154, 0.6);
}
body.index .sec-exhibitions__list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list {
    display: block;
    padding-top: 21px;
  }
}
body.index .sec-exhibitions__list::after {
  content: "";
  display: block;
  height: 0;
}
body.index .sec-exhibitions__list .sec-exhibitions__item .item-thumb {
  overflow: hidden;
  display: block;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a {
  display: block;
  position: relative;
  height: 100%;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a::after:hover, body.index .sec-exhibitions__list .sec-exhibitions__item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a:hover::after {
  height: 3px;
}
body.index .sec-exhibitions__list .sec-exhibitions__item a:focus-visible {
  outline: 2px solid #31759A;
}
body.index .sec-exhibitions__list.isTwoColumns {
  column-gap: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-exhibitions__list.isTwoColumns {
    column-gap: 21px;
  }
}
body.index .sec-exhibitions__list.isTwoColumns::after {
  max-width: 540px;
  width: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isTwoColumns::after {
    max-width: 100%;
    width: 100%;
  }
}
body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item {
  max-width: 540px;
  width: calc(50% - 6px);
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item {
    max-width: calc((100% - 21px) / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item {
    width: calc(50% - 21px);
  }
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item {
    max-width: 100%;
    width: 100%;
  }
}
body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item:nth-child(n+3) {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isTwoColumns .sec-exhibitions__item:nth-child(n+3) {
    margin-top: 21px;
  }
}
body.index .sec-exhibitions__list.isThreeColumns {
  column-gap: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-exhibitions__list.isThreeColumns {
    column-gap: 21px;
  }
}
body.index .sec-exhibitions__list.isThreeColumns::after {
  max-width: 356px;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isThreeColumns::after {
    max-width: 100%;
  }
}
body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item {
  max-width: 356px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item {
    max-width: calc((100% - 42px) / 3);
  }
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item {
    max-width: 100%;
  }
}
body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item:nth-child(n+4) {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item:nth-child(n+4) {
    margin-top: 21px;
  }
}
body.index .sec-exhibitions__list.isThreeColumns .sec-exhibitions__item .item-thumb {
  width: 100%;
  aspect-ratio: 4/3;
}
body.index .sec-exhibitions__item {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__item {
    margin-bottom: 21px;
  }
}
body.index .sec-exhibitions__item .item-texts {
  position: relative;
  padding: 20px 18px 39px;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__item .item-texts {
    padding: 12px 12px 12px;
  }
}
body.index .sec-exhibitions__item .item-texts .period {
  margin-bottom: 9px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__item .item-texts .period {
    font-size: 1.2rem;
  }
}
body.index .sec-exhibitions__item .item-texts .date {
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
}
body.index .sec-exhibitions__item .item-texts .type {
  margin-left: 9px;
  color: rgba(20, 50, 110, 0.8);
  font-weight: 500;
}
body.index .sec-exhibitions__item .item-texts .title {
  min-height: 54px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(24 / 16);
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__item .item-texts .title {
    min-height: auto;
    font-size: 1.5rem;
    line-height: calc(24 / 15);
  }
}
body.index .sec-exhibitions__item .item-texts .sup {
  position: absolute;
  bottom: 9px;
  color: #000;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  body.index .sec-exhibitions__item .item-texts .sup {
    font-size: 1rem;
  }
}
body.index .sec-events .sec-top__body {
  width: 100%;
}
@media screen and (max-width: 767px) {
  body.index .sec-events .sec-top__body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 46px;
  }
}
body.index .sec-events__list {
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  body.index .sec-events__list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    padding-top: 30px;
  }
}
body.index .sec-events__item {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
  body.index .sec-events__item {
    width: 356px;
    max-width: calc((100% - 42px) / 3);
  }
}
body.index .sec-events__item:nth-last-child(n+4) {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  body.index .sec-events__item:nth-last-child(n+4) {
    margin-bottom: 0;
  }
}
body.index .sec-events__item a {
  display: block;
  position: relative;
  height: 100%;
}
body.index .sec-events__item a::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.index .sec-events__item a::after:hover, body.index .sec-events__item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-events__item a:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
body.index .sec-events__item a:hover::after {
  height: 3px;
}
body.index .sec-events__item a:focus-visible {
  outline: 3px solid #31759A;
}
body.index .sec-events__item .item-texts {
  position: relative;
  padding: 12px 18px 39px;
}
@media screen and (max-width: 767px) {
  body.index .sec-events__item .item-texts {
    padding: 12px 12px 30px;
  }
}
body.index .sec-events__item .item-texts .period {
  margin-bottom: 9px;
  font-size: 1.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.00025em;
}
@media screen and (max-width: 767px) {
  body.index .sec-events__item .item-texts .period {
    font-size: 1.2rem;
  }
}
body.index .sec-events__item .item-texts .type {
  margin-left: 12px;
  color: rgba(65, 65, 65, 0.5);
  font-weight: 500;
}
body.index .sec-events__item .item-texts .title {
  text-overflow: initial;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 48px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: calc(24 / 16);
}
@media screen and (max-width: 767px) {
  body.index .sec-events__item .item-texts .title {
    line-height: calc(24 / 15);
  }
}
body.index .sec-events__item .item-texts .sup {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 9px;
  color: #414141;
  font-size: 1.2rem;
  line-height: calc(20 / 12);
}
@media screen and (max-width: 767px) {
  body.index .sec-events__item .item-texts .sup {
    bottom: 6px;
    font-size: 1rem;
  }
}
body.index .sec-collections {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.index .sec-collections {
    padding-bottom: 33px;
  }
}
body.index .sec-collections__body {
  padding: 30px 0 21px;
  background-color: #fff;
}
body.index .sec-collections__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 21px 11px;
}
@media screen and (min-width: 768px) and (max-width: 1130px) {
  body.index .sec-collections__list {
    gap: 21px 12px;
  }
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list {
    justify-content: space-between;
    gap: 21px 0;
  }
}
body.index .sec-collections__list::after {
  content: "";
  display: block;
  width: 172px;
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list::after {
    width: calc((100% - 10px) / 2);
  }
}
body.index .sec-collections__list .item {
  position: relative;
  width: 172px;
  min-height: 257px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list .item {
    width: calc(50% - 5px);
    min-height: initial;
    margin-bottom: 0;
  }
}
body.index .sec-collections__list .item > a {
  display: block;
  position: relative;
  height: 100%;
  padding-bottom: 38px;
}
body.index .sec-collections__list .item > a::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.index .sec-collections__list .item > a::after:hover, body.index .sec-collections__list .item > a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-collections__list .item > a:hover .item__art-title {
  text-decoration: underline;
  text-underline-position: under;
}
body.index .sec-collections__list .item > a:hover::after {
  height: 3px;
}
body.index .sec-collections__list .item > a:focus-visible {
  outline: 2px solid #31759A;
}
body.index .sec-collections__list .item__thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 120px;
  margin: 0 0 9px;
  padding: 70% 0 0;
  text-align: center;
  background-color: #EBEBEB;
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list .item__thumb {
    height: 29.8666666667vw;
  }
}
body.index .sec-collections__list .item__thumb img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  object-fit: contain;
}
body.index .sec-collections__list .item__artist {
  margin: 9px 6px 6px;
  color: #414141;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list .item__artist {
    font-size: 1rem;
  }
}
body.index .sec-collections__list .item__art-title {
  margin: 0 6px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(21 / 15);
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list .item__art-title {
    font-size: 1.2rem;
  }
}
body.index .sec-collections__list .item__year {
  position: absolute;
  bottom: 8px;
  margin: 0 6px;
  color: #414141;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  body.index .sec-collections__list .item__year {
    font-size: 1rem;
  }
}
body.index .sec-recommend {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
body.index .sec-recommend__inner {
  padding-top: 57px;
}
@media screen and (max-width: 767px) {
  body.index .sec-recommend__inner {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  body.index .sec-recommend__columns {
    display: flex;
    justify-content: space-between;
    max-width: 1130px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  body.index .sec-recommend__columns {
    max-width: none;
  }
}
@media screen and (min-width: 768px) {
  body.index .sec-recommend__item {
    max-width: 356px;
    width: 31.5044247788%;
  }
}
body.index .sec-recommend__item a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: relative;
  height: 100%;
  padding-bottom: 12px;
}
body.index .sec-recommend__item a:hover, body.index .sec-recommend__item a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-recommend__item a::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.index .sec-recommend__item a::after:hover, body.index .sec-recommend__item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-recommend__item a .title {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: inline-block;
  position: relative;
  margin-bottom: 12px;
  padding-right: 27px;
  font-size: 1.8rem;
  font-weight: 500;
}
body.index .sec-recommend__item a .title:hover, body.index .sec-recommend__item a .title:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.index .sec-recommend__item a .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  background-color: #31759A;
}
body.index .sec-recommend__item a .title::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
body.index .sec-recommend__item a .thumb {
  position: relative;
  width: 100%;
}
body.index .sec-recommend__item a .thumb::before {
  content: "";
  display: block;
  padding-top: 50%;
}
body.index .sec-recommend__item a .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.index .sec-recommend__item a .desc {
  line-height: calc(24 / 14);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.index .sec-recommend__item a .desc {
    font-size: 1.2rem;
  }
}
body.index .sec-recommend__item a:hover::after {
  height: 3px;
}
body.index .sec-recommend__item a:hover .title {
  color: #31759A;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
body.index .sec-recommend__item a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
body.index .sec-access {
  background-color: #fff;
}
body.index .sec-access__body {
  padding-top: 36px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  body.index .sec-access__body {
    padding-top: 30px;
  }
}
body.index .sec-access__body__inner {
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  body.index .sec-access__body__inner {
    display: block;
  }
}
body.index .sec-access__img {
  max-width: 514px;
  width: 50%;
  margin-right: 38px;
}
@media screen and (max-width: 767px) {
  body.index .sec-access__img {
    width: 100%;
  }
}
body.index .sec-access__img img {
  max-width: 100%;
}
body.index .sec-access__texts {
  flex: 1;
  font-weight: 500;
}
body.index .sec-access__texts__list {
  padding-top: 6px;
}
@media screen and (max-width: 767px) {
  body.index .sec-access__texts__list {
    padding-top: 15px;
  }
}
body.index .sec-access__texts .label {
  margin-bottom: 9px;
  padding-bottom: 6px;
  font-size: 1.2rem;
  line-height: calc(27 / 15);
  border-bottom: 1px solid rgba(85, 85, 85, 0.5);
}
@media screen and (max-width: 767px) {
  body.index .sec-access__texts .label {
    margin-bottom: 6px;
    padding-bottom: 3px;
  }
}
body.index .sec-access__texts .cont {
  margin-bottom: 27px;
  font-size: 1.6rem;
  line-height: calc(32 / 18);
}
@media screen and (max-width: 767px) {
  body.index .sec-access__texts .cont {
    margin-bottom: 18px;
    font-size: 1.5rem;
    line-height: calc(24 / 15);
  }
}
body.index .top-statement {
  padding-bottom: 30px;
  background-color: #fff;
}
body.index .top-statement__img img {
  width: 100%;
}
body.index .top-statement__caption {
  max-width: 948px;
  font-size: 1.2rem;
  line-height: calc(21 / 12);
  padding: 0 40px;
  margin: 9px auto 0;
  text-align: right;
}
@media screen and (max-width: 767px) {
  body.index .top-statement__caption {
    padding: 0 21px;
  }
}
body.index .top-statement__texts {
  max-width: 948px;
  margin: 0 auto;
  padding: 27px 40px 0;
}
@media screen and (max-width: 767px) {
  body.index .top-statement__texts {
    margin-bottom: 21px;
    padding: 9px 21px 0;
  }
}
body.index .top-statement__texts p {
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: calc(30 / 16);
  letter-spacing: -0.005em;
}
@media screen and (max-width: 767px) {
  body.index .top-statement__texts p {
    margin-bottom: 18px;
    font-size: 1.5rem;
    line-height: calc(27 / 15);
  }
}

/*--------------------------------------------------
  search-results
  - 検索結果ページ
--*/
body.search-results .search-results__search-form,
body.search-no-results .search-results__search-form {
  padding-bottom: 37px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.search-results .search-results__search-form,
  body.search-no-results .search-results__search-form {
    padding-bottom: 24px;
  }
}
body.search-results .search-results__search-form .search-columns,
body.search-no-results .search-results__search-form .search-columns {
  position: relative;
  width: 100%;
  margin-top: 24px;
}
body.search-results .search-results__search-form .search-input,
body.search-no-results .search-results__search-form .search-input {
  -webkit-appearance: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  border: 0;
  width: 100%;
  height: 89px;
  padding: 0 18px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 90px;
  background-color: #fff;
  border-bottom: 2px solid #31759A;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}
body.search-results .search-results__search-form .search-input:hover, body.search-results .search-results__search-form .search-input:focus-visible,
body.search-no-results .search-results__search-form .search-input:hover,
body.search-no-results .search-results__search-form .search-input:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results__search-form .search-input,
  body.search-no-results .search-results__search-form .search-input {
    flex: 1;
    display: block;
    position: static;
    height: 63px;
    padding: 9px 60px 9px 9px;
    font-size: 1.6rem;
  }
}
body.search-results .search-results__search-form .search-input::placeholder,
body.search-no-results .search-results__search-form .search-input::placeholder {
  color: rgba(65, 65, 65, 0.5);
}
body.search-results .search-results__search-form .search-input:hover, body.search-results .search-results__search-form .search-input:focus-visible,
body.search-no-results .search-results__search-form .search-input:hover,
body.search-no-results .search-results__search-form .search-input:focus-visible {
  outline: 2px solid #31759A;
  border-bottom-color: transparent;
}
body.search-results .search-results__search-form .search-submit,
body.search-no-results .search-results__search-form .search-submit {
  outline: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 172px;
  height: 69px;
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  background-color: #31759A;
  border: 2px solid #31759A;
  border-radius: 3px;
}
body.search-results .search-results__search-form .search-submit:hover, body.search-results .search-results__search-form .search-submit:focus-visible,
body.search-no-results .search-results__search-form .search-submit:hover,
body.search-no-results .search-results__search-form .search-submit:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results__search-form .search-submit,
  body.search-no-results .search-results__search-form .search-submit {
    top: 14px;
    right: 12px;
    width: 36px;
    height: 36px;
    padding-left: 0;
  }
}
body.search-results .search-results__search-form .search-submit::after,
body.search-no-results .search-results__search-form .search-submit::after {
  content: "\e8b6";
  color: #fff;
  font-size: 3.2rem;
  font-family: "Material Icons";
}
@media screen and (max-width: 767px) {
  body.search-results .search-results__search-form .search-submit::after,
  body.search-no-results .search-results__search-form .search-submit::after {
    padding-top: 0;
    padding-left: 6px;
    font-size: 2.6rem;
  }
}
body.search-results .search-results__search-form .search-submit:hover, body.search-results .search-results__search-form .search-submit:focus-visible,
body.search-no-results .search-results__search-form .search-submit:hover,
body.search-no-results .search-results__search-form .search-submit:focus-visible {
  color: #31759A;
  background-color: #fff;
}
body.search-results .search-results__search-form .search-submit:hover::after, body.search-results .search-results__search-form .search-submit:focus-visible::after,
body.search-no-results .search-results__search-form .search-submit:hover::after,
body.search-no-results .search-results__search-form .search-submit:focus-visible::after {
  color: #31759A;
}
body.search-results .search-results__search-form .search-submit span,
body.search-no-results .search-results__search-form .search-submit span {
  display: block;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results__search-form .search-submit span,
  body.search-no-results .search-results__search-form .search-submit span {
    display: none;
  }
}
body.search-results .search-results-count,
body.search-no-results .search-results-count {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-count,
  body.search-no-results .search-results-count {
    padding-top: 15px;
  }
}
body.search-results .search-results-count__label,
body.search-no-results .search-results-count__label {
  margin-bottom: 27px;
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-count__label,
  body.search-no-results .search-results-count__label {
    margin-bottom: 15px;
  }
}
body.search-results .search-results-count__list,
body.search-no-results .search-results-count__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 3px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-count__list,
  body.search-no-results .search-results-count__list {
    gap: 6px;
    padding-bottom: 15px;
  }
}
body.search-results .search-results-count__list .item,
body.search-no-results .search-results-count__list .item {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
body.search-results .search-results-count__list .item:hover, body.search-results .search-results-count__list .item:focus-visible,
body.search-no-results .search-results-count__list .item:hover,
body.search-no-results .search-results-count__list .item:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.search-results .search-results-count__list .item > span,
body.search-results .search-results-count__list .item button,
body.search-no-results .search-results-count__list .item > span,
body.search-no-results .search-results-count__list .item button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding: 0 12px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  border: 2px solid transparent;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-count__list .item > span,
  body.search-results .search-results-count__list .item button,
  body.search-no-results .search-results-count__list .item > span,
  body.search-no-results .search-results-count__list .item button {
    height: 42px;
    padding: 0 9px;
    font-size: 1.6rem;
  }
}
body.search-results .search-results-count__list .item > span span,
body.search-results .search-results-count__list .item button span,
body.search-no-results .search-results-count__list .item > span span,
body.search-no-results .search-results-count__list .item button span {
  margin-top: 9px;
  margin-left: 12px;
  font-size: 1.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-count__list .item > span span,
  body.search-results .search-results-count__list .item button span,
  body.search-no-results .search-results-count__list .item > span span,
  body.search-no-results .search-results-count__list .item button span {
    font-size: 1.2rem;
  }
}
body.search-results .search-results-count__list .item > span,
body.search-no-results .search-results-count__list .item > span {
  background-color: #A9A9A9;
  border-color: #A9A9A9;
}
body.search-results .search-results-count__list .item button,
body.search-no-results .search-results-count__list .item button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  outline: none;
  cursor: pointer;
  background-color: #31759A;
  border-color: #31759A;
}
body.search-results .search-results-count__list .item button:hover, body.search-results .search-results-count__list .item button:focus-visible,
body.search-no-results .search-results-count__list .item button:hover,
body.search-no-results .search-results-count__list .item button:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.search-results .search-results-count__list .item button:hover, body.search-results .search-results-count__list .item button:focus-visible,
body.search-no-results .search-results-count__list .item button:hover,
body.search-no-results .search-results-count__list .item button:focus-visible {
  color: #31759A;
  background-color: #fff;
}
body.search-results .search-results-count__list .item.isRefineCurrent button,
body.search-no-results .search-results-count__list .item.isRefineCurrent button {
  cursor: auto;
  color: #31759A;
  font-weight: 500;
  background-color: #fff;
}
body.search-results .search-results-list .item,
body.search-no-results .search-results-list .item {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  border-bottom: 1px solid #555;
}
body.search-results .search-results-list .item:hover, body.search-results .search-results-list .item:focus-visible,
body.search-no-results .search-results-list .item:hover,
body.search-no-results .search-results-list .item:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
body.search-results .search-results-list .item:hover,
body.search-no-results .search-results-list .item:hover {
  opacity: 0.6;
}
body.search-results .search-results-list .item:focus-visible,
body.search-no-results .search-results-list .item:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
body.search-results .search-results-list .item a,
body.search-no-results .search-results-list .item a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  min-height: 232px;
  padding: 30px 0;
}
body.search-results .search-results-list .item a:hover, body.search-results .search-results-list .item a:focus-visible,
body.search-no-results .search-results-list .item a:hover,
body.search-no-results .search-results-list .item a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item a,
  body.search-no-results .search-results-list .item a {
    min-height: initial;
    padding: 12px 0;
  }
}
body.search-results .search-results-list .item a::after,
body.search-no-results .search-results-list .item a::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.search-results .search-results-list .item a::after:hover, body.search-results .search-results-list .item a::after:focus-visible,
body.search-no-results .search-results-list .item a::after:hover,
body.search-no-results .search-results-list .item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.search-results .search-results-list .item a:focus-visible,
body.search-no-results .search-results-list .item a:focus-visible {
  outline: 2px solid #31759A;
}
body.search-results .search-results-list .item__thumb,
body.search-no-results .search-results-list .item__thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17%;
  margin-right: 30px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item__thumb,
  body.search-no-results .search-results-list .item__thumb {
    width: 31%;
    margin-right: 12px;
  }
}
body.search-results .search-results-list .item__thumb__inner,
body.search-no-results .search-results-list .item__thumb__inner {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
body.search-results .search-results-list .item__thumb__inner > img,
body.search-no-results .search-results-list .item__thumb__inner > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
body.search-results .search-results-list .item__thumb .box-no-images,
body.search-no-results .search-results-list .item__thumb .box-no-images {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  padding: 10px;
}
body.search-results .search-results-list .item__thumb .box-no-images span,
body.search-no-results .search-results-list .item__thumb .box-no-images span {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item__thumb .box-no-images span,
  body.search-no-results .search-results-list .item__thumb .box-no-images span {
    font-size: 1.2rem;
  }
}
body.search-results .search-results-list .item__texts,
body.search-no-results .search-results-list .item__texts {
  flex: 1;
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item__texts,
  body.search-no-results .search-results-list .item__texts {
    width: 69%;
  }
}
body.search-results .search-results-list .item__texts .type,
body.search-no-results .search-results-list .item__texts .type {
  margin-bottom: 6px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(27 / 15);
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item__texts .type,
  body.search-no-results .search-results-list .item__texts .type {
    font-size: 1rem;
  }
}
body.search-results .search-results-list .item__texts .title,
body.search-no-results .search-results-list .item__texts .title {
  margin-bottom: 12px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(27 / 18);
}
@media screen and (max-width: 767px) {
  body.search-results .search-results-list .item__texts .title,
  body.search-no-results .search-results-list .item__texts .title {
    font-size: 1.3rem;
  }
}
body.search-results .search-results-list .item__texts .desc,
body.search-no-results .search-results-list .item__texts .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(27 / 15);
  letter-spacing: -0.002em;
}
body.search-results .search-results-list .item:hover,
body.search-no-results .search-results-list .item:hover {
  border-bottom-color: transparent;
}
body.search-results .search-results-list .item:hover a::after,
body.search-no-results .search-results-list .item:hover a::after {
  height: 3px;
}

/*--------------------------------------------------
  site-select
--*/
.site-select {
  /*--------------------------------------------------
    header
  --*/
  /*--------------------------------------------------
    selector
  --*/
  /*--------------------------------------------------
    NFAJ
  --*/
  /*--------------------------------------------------
    greetings
  --*/
  /*--------------------------------------------------
    Corporate Partnership
    (commonsからの書き換え)
  --*/
}
.site-select__header {
  position: relative;
  z-index: 100;
  padding: 86px 30px 49px 25px;
}
@media screen and (max-width: 767px) {
  .site-select__header {
    padding: 18.4% 0 30px;
  }
}
.site-select__header__language {
  position: absolute;
  top: 21px;
  right: 30px;
  z-index: 110;
}
@media screen and (max-width: 767px) {
  .site-select__header__language {
    display: none;
  }
}
.site-select__header__language .language-trigger {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  display: block;
  position: relative;
  width: 90px;
  margin-left: auto;
  padding-left: 4px;
  padding-bottom: 2px;
  color: rgba(65, 65, 65, 0.5);
  font-size: 1.2rem;
  line-height: 28px;
  border-bottom: 3px solid #414141;
}
.site-select__header__language .language-trigger:hover, .site-select__header__language .language-trigger:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.site-select__header__language .language-trigger::before {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  right: 4px;
  top: 8px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-right: 2px solid #414141;
  border-bottom: 2px solid #414141;
  transform: rotate(45deg);
}
.site-select__header__language .language-trigger::before:hover, .site-select__header__language .language-trigger::before:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.site-select__header__language .language-trigger:hover {
  color: #31759A;
  border-bottom-color: #31759A;
}
.site-select__header__language .language-trigger:hover::before {
  border-color: #31759A;
}
.site-select__header__language .language-trigger:focus-visible {
  outline: 2px solid rgba(49, 117, 154, 0.8);
}
.site-select__header__language .wpml-ls ul {
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.site-select__header__language .wpml-ls ul.focused {
  opacity: 1;
  visibility: visible;
}
.site-select__header__language .wpml-ls ul li {
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
.site-select__header__language .wpml-ls ul li a {
  padding: 7px 10px;
}
.site-select__header__language .wpml-ls ul li a:hover, .site-select__header__language .wpml-ls ul li a:focus-visible {
  background-color: rgba(124, 149, 188, 0.5);
}
.site-select__header__language .wpml-ls ul li a:focus-visible {
  outline: none;
}
.site-select__header__language .wpml-ls ul li.wpml-ls-current-language a {
  color: #31759A;
}
.site-select__header__site-title {
  text-align: center;
}
.site-select__header__site-title .site-title-logo {
  width: 200px;
  margin: 0 auto 18px;
}
@media screen and (max-width: 767px) {
  .site-select__header__site-title .site-title-logo {
    width: 38.9333333333%;
    margin-bottom: 4.8%;
  }
}
.site-select__header__site-title .site-title-logo img {
  display: block;
  width: 100%;
}
.site-select__header__site-title .site-title-sup {
  color: #000;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .site-select__header__site-title .site-title-sup {
    font-size: 1rem;
  }
}
.site-select #handleHeader.isFixed {
  position: relative;
}
.site-select__selector {
  display: flex;
  justify-content: space-between;
  padding-bottom: 39px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .site-select__selector {
    display: block;
    padding-bottom: 42px;
  }
}
.site-select__selector__item {
  position: relative;
  width: 50%;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .site-select__selector__item {
    width: 100%;
  }
}
.site-select__selector__item a {
  display: block;
  position: relative;
  padding-bottom: 21px;
}
.site-select__selector__item a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 5px solid transparent;
}
.site-select__selector__item .museum-view {
  overflow: hidden;
  position: relative;
  margin-bottom: 37px;
  padding-top: 64.5680819912%;
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .museum-view {
    margin-bottom: 21px;
    padding-top: 56%;
  }
}
.site-select__selector__item .museum-view:hover {
  opacity: 1;
}
.site-select__selector__item .museum-view::before, .site-select__selector__item .museum-view::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
}
.site-select__selector__item .museum-view::before:hover, .site-select__selector__item .museum-view::before:focus-visible, .site-select__selector__item .museum-view::after:hover, .site-select__selector__item .museum-view::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.site-select__selector__item .museum-view::before {
  z-index: 1;
  top: 0;
  height: 100%;
}
.site-select__selector__item .museum-view::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  bottom: 0;
  z-index: 2;
  height: 3px;
}
.site-select__selector__item .museum-view::after:hover, .site-select__selector__item .museum-view::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.site-select__selector__item .museum-view img {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}
.site-select__selector__item .museum-logo {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  height: 35px;
  margin: 0 auto 14px;
}
.site-select__selector__item .museum-logo:hover, .site-select__selector__item .museum-logo:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.site-select__selector__item .museum-logo:hover {
  opacity: 0.6;
}
.site-select__selector__item .museum-logo:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .museum-logo {
    display: flex;
    height: auto;
    margin-bottom: 11px;
  }
}
.site-select__selector__item .place {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  text-align: center;
}
.site-select__selector__item .place:hover, .site-select__selector__item .place:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.site-select__selector__item .place:hover {
  opacity: 0.6;
}
.site-select__selector__item .place:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .place {
    font-size: 1.2rem;
  }
}
.site-select__selector__item .status {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 79.0629575403%;
  margin: 0 auto;
  padding: 8px 0;
  border-bottom: 1px solid #414141;
}
.site-select__selector__item .status:hover, .site-select__selector__item .status:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.site-select__selector__item .status:hover {
  opacity: 0.6;
}
.site-select__selector__item .status:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .status {
    width: 83.7333333333%;
    padding: 1px 0 12px;
  }
}
.site-select__selector__item .status .status-cont {
  font-size: 1.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .status .status-cont {
    font-size: 1.2rem;
  }
}
.site-select__selector__item .status .status-time {
  color: #414141;
  font-size: 1.2rem;
  font-weight: 400;
}
.site-select__selector__item .desc {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  width: 79.0629575403%;
  margin: 20px auto 0;
  color: #414141;
  line-height: calc(27 / 15);
}
.site-select__selector__item .desc:hover, .site-select__selector__item .desc:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.site-select__selector__item .desc:hover {
  opacity: 0.6;
}
.site-select__selector__item .desc:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  .site-select__selector__item .desc {
    width: 83.7333333333%;
    margin-top: 9px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .site-select__selector__item.momat {
    margin-bottom: 42px;
  }
}
.site-select__selector__item.momat .museum-view::after {
  background-color: #31759A;
}
.site-select__selector__item.momat .museum-logo {
  width: 328px;
}
@media screen and (max-width: 767px) {
  .site-select__selector__item.momat .museum-logo {
    width: 51.7333333333%;
  }
}
.site-select__selector__item.momat .status-cont {
  color: #31759A;
}
.site-select__selector__item.momat a:hover .museum-view::before {
  mix-blend-mode: multiply;
  background: rgba(255, 255, 255, 0.3);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(49, 117, 154, 0.3) 100%);
}
.site-select__selector__item.momat a:hover .museum-view::after {
  height: 9px;
}
.site-select__selector__item.momat a:hover .museum-logo,
.site-select__selector__item.momat a:hover .place {
  opacity: 0.6;
}
.site-select__selector__item.momat a:focus-visible {
  outline: none;
}
.site-select__selector__item.momat a:focus-visible::before {
  border-color: rgba(49, 117, 154, 0.8);
}
.site-select__selector__item.cm .museum-view::after {
  background-color: #22A295;
}
.site-select__selector__item.cm .museum-logo {
  width: 188px;
}
@media screen and (max-width: 767px) {
  .site-select__selector__item.cm .museum-logo {
    width: 28%;
  }
}
.site-select__selector__item.cm .status-cont {
  color: #22A295;
}
.site-select__selector__item.cm a:hover .museum-view::before {
  mix-blend-mode: multiply;
  background: rgba(255, 255, 255, 0.3);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(24, 164, 150, 0.3) 100%);
}
.site-select__selector__item.cm a:hover .museum-view::after {
  height: 9px;
}
.site-select__selector__item.cm a:hover .museum-logo,
.site-select__selector__item.cm a:hover .place {
  opacity: 0.6;
}
.site-select__selector__item.cm a:focus-visible {
  outline: none;
}
.site-select__selector__item.cm a:focus-visible::before {
  border-color: rgba(34, 162, 149, 0.8);
}
.site-select__NFAJ {
  max-width: 724px;
  margin: 0 auto 90px;
  padding: 18px 24px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: calc(27 / 15);
  border: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .site-select__NFAJ {
    max-width: 83.7333333333%;
    margin-bottom: 48px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 24px;
    font-size: 1.3rem;
    line-height: calc(21 / 13);
  }
}
.site-select__NFAJ__desc {
  margin-bottom: 16px;
  color: #414141;
}
@media screen and (max-width: 767px) {
  .site-select__NFAJ__desc {
    margin-bottom: 21px;
  }
}
.site-select__NFAJ__link:not(:last-of-type) {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .site-select__NFAJ__link:not(:last-of-type) {
    margin-bottom: 12px;
  }
}
.site-select__NFAJ__link a {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  color: #31759A;
}
.site-select__NFAJ__link a:hover, .site-select__NFAJ__link a:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
.site-select__NFAJ__link a:hover {
  opacity: 0.6;
}
.site-select__NFAJ__link a:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
.site-select__NFAJ__link a:hover {
  text-decoration: underline;
}
.site-select__NFAJ__link a:focus-visible {
  outline: 2px solid rgba(49, 117, 154, 0.8);
}
.site-select__greetings {
  padding-bottom: 60px;
  border-top: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .site-select__greetings {
    max-width: calc(100% - 20px);
    margin: 0 auto;
    /*padding: {
      left: 10px;
      right: 10px;
    };*/
  }
}
.site-select__greetings .greetings-title {
  margin: 33px 0 30px;
  font-size: 2.1rem;
  line-height: calc(27 / 21);
}
@media screen and (max-width: 767px) {
  .site-select__greetings .greetings-title {
    margin: 24px 0 18px;
    font-size: 1.8rem;
  }
}
.site-select__greetings .greetings-texts {
  margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(30 / 16);
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .site-select__greetings .greetings-texts {
    font-size: 1.5rem;
    line-height: calc(27 / 15);
  }
}
.site-select__greetings .momat-button-arrow .wp-block-button__link {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 12"><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" fill="%23fff" /></svg>');
  background-size: 8px auto;
  padding-top: 12px;
  padding-right: 54px;
  padding-bottom: 12px;
  padding-left: 21px;
}
.site-select__greetings .momat-button-arrow .wp-block-button__link:hover, .site-select__greetings .momat-button-arrow .wp-block-button__link:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
.site-select__greetings .momat-button-arrow .wp-block-button__link:hover, .site-select__greetings .momat-button-arrow .wp-block-button__link:focus-visible {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 12"><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" fill="%2331759A" /></svg>');
}
.site-select__greetings .momat-button-arrow .wp-block-button__link:focus-visible {
  outline: none;
}
@media screen and (max-width: 767px) {
  .site-select__greetings .momat-button-arrow .wp-block-button__link {
    font-size: 1.5rem;
  }
}
.site-select .partnership__inner {
  padding-bottom: 30px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/*--------------------------------------------------
  footer customize
--*/
body.site-select .footer {
  padding-top: 0;
  border-top: none;
}
body.site-select .footer .display-status {
  display: none;
}
body.site-select .footer .footer__under__public-links-list {
  padding-top: 35px;
}

/*--------------------------------------------------
  translate pages
--*/
body.isEn .site-select__selector__item.momat .museum-logo,
body.isKo .site-select__selector__item.momat .museum-logo,
body.isSc .site-select__selector__item.momat .museum-logo {
  width: 520px;
  text-align: center;
}
body.isEn .site-select__selector__item.momat .museum-logo img,
body.isKo .site-select__selector__item.momat .museum-logo img,
body.isSc .site-select__selector__item.momat .museum-logo img {
  width: 100%;
}
body.isEn .site-select__selector__item.cm .museum-logo,
body.isKo .site-select__selector__item.cm .museum-logo,
body.isSc .site-select__selector__item.cm .museum-logo {
  width: 260px;
  text-align: center;
}
body.isEn .site-select__selector__item.cm .museum-logo img,
body.isKo .site-select__selector__item.cm .museum-logo img,
body.isSc .site-select__selector__item.cm .museum-logo img {
  width: 100%;
}

body.today .momat-button-arrow .wp-block-button__link {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 12"><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" fill="%23fff" /></svg>');
  background-size: 8px auto;
}
body.today .momat-button-arrow .wp-block-button__link:hover, body.today .momat-button-arrow .wp-block-button__link:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.today .momat-button-arrow .wp-block-button__link:hover, body.today .momat-button-arrow .wp-block-button__link:focus-visible {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 12"><path d="M1.408,0,0,1.41,4.574,6,0,10.59,1.408,12,7.4,6Z" fill="%2331759A" /></svg>');
}
body.today .momat-button-arrow .wp-block-button__link:focus-visible {
  outline: none;
}
body.today .momat-button-arrow + .momat-button-arrow {
  margin-top: 20px;
}
body.today .momat-block-bell {
  position: relative;
  padding: 30px;
  margin-bottom: 30px;
  border-width: 2px;
  border-style: solid;
  border-color: #DB5166;
}
body.today .momat-block-bell::before {
  position: absolute;
  top: -8px;
  left: -8px;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  border-radius: 50%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16,23.92a1.593,1.593,0,0,0,1.185-.51,1.667,1.667,0,0,0,.5-1.2H14.29A1.742,1.742,0,0,0,16,23.92Zm-5.82-3.51H21.79v-1.8h-1.2V15.16a6.12,6.12,0,0,0-.945-3.33A3.9,3.9,0,0,0,16.99,10V9.1A.974.974,0,0,0,16,8.11a1.008,1.008,0,0,0-.72.285.933.933,0,0,0-.3.7V10a3.945,3.945,0,0,0-2.655,1.77,5.725,5.725,0,0,0-.945,3.21v3.63h-1.2ZM16,28a12.171,12.171,0,0,1-4.74-.915A11.614,11.614,0,0,1,4.915,20.74,12.171,12.171,0,0,1,4,16a12.093,12.093,0,0,1,.915-4.71A11.712,11.712,0,0,1,7.45,7.48,11.964,11.964,0,0,1,16,4,11.9,11.9,0,0,1,28,16a11.964,11.964,0,0,1-3.48,8.55,11.712,11.712,0,0,1-3.81,2.535A12.093,12.093,0,0,1,16,28Zm-2.82-9.39V14.8a2.95,2.95,0,0,1,.8-2.085A2.644,2.644,0,0,1,16,11.86a2.6,2.6,0,0,1,2.01.855,2.982,2.982,0,0,1,.78,2.085v3.81ZM16,16Z" transform="translate(-4 -4)" fill="%23db5166" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px, auto;
  background-color: #fff;
}
body.today .momat-block-bell h1 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell h2 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell h3 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell h4 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell h5 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell h6 {
  font-weight: 500;
  margin-bottom: 15px;
}
body.today .momat-block-bell a:not([class]) {
  color: #DB5166;
  text-decoration: underline;
}
body.today .momat-block-bell *:last-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  body.today .momat-block-bell {
    padding: 21px 24px;
  }
}
body.today .today-archive-list-wrapper {
  padding-bottom: 51px;
}
body.today .today-archive-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  body.today .today-archive-list {
    display: block;
  }
}
body.today .today-archive-list .item {
  position: relative;
  max-width: calc(50% - 6px);
  width: 540px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.today .today-archive-list .item {
    max-width: 100%;
    width: 100%;
  }
}
body.today .today-archive-list .item::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #31759A;
}
body.today .today-archive-list .item::after:hover, body.today .today-archive-list .item::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.today .today-archive-list .item:hover {
  border-bottom-color: #31759A;
}
body.today .today-archive-list .item:hover::after {
  height: 3px;
}
body.today .today-archive-list .item:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
body.today .today-archive-list .item-link {
  display: block;
}
body.today .today-archive-list .item-link:focus-visible {
  outline: 2px solid #31759A;
}
body.today .today-archive-list .item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-height: 360px;
  height: 26.3543191801vw;
  background-color: #EBEBEB;
}
@media screen and (max-width: 767px) {
  body.today .today-archive-list .item-thumb {
    max-height: initial;
    height: 59.2vw;
  }
}
body.today .today-archive-list .item-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.today .today-archive-list .item-thumb .box-no-images {
  max-height: 360px;
  height: 26.3543191801vw;
  background-color: #EBEBEB;
}
@media screen and (max-width: 767px) {
  body.today .today-archive-list .item-thumb .box-no-images {
    max-height: initial;
    height: 59.2vw;
  }
}
body.today .today-archive-list .item-thumb .status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 7px 18px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  background-color: #555;
  /*&.isNotCurrent {

    &::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: g.$colRgbaFFF-30;
    }
  }*/
}
body.today .today-archive-list .item-thumb .status.isSession {
  background-color: #31759A;
}
body.today .today-archive-list .item-texts {
  min-height: 121px;
  padding: 21px 18px 6px;
}
body.today .today-archive-list .item-texts .period {
  margin-bottom: 4px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
body.today .today-archive-list .item-texts .date {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
}
body.today .today-archive-list .item-texts .type {
  margin-left: 9px;
  color: #31759A;
  font-weight: 500;
}
body.today .today-archive-list .item-texts .title {
  margin-bottom: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(33 / 18);
}
body.today .today-archive-list .item-texts .sup {
  color: #000;
  font-size: 1.2rem;
}

/*--------------------------------------------------
  topics
--*/
body.single-topics .box-second-title {
  margin-top: 9px;
  border-top: 1px solid #414141;
}
@media screen and (max-width: 767px) {
  body.single-topics .box-second-title {
    margin-top: 0;
    border-top: none;
  }
}
body.single-topics .box-second-title__inner {
  padding-top: 30px;
  padding-bottom: 21px;
}
body.single-topics .single-topics-second-title {
  width: 75%;
  margin: 0 auto 0 !important;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-second-title {
    width: 100%;
  }
}
body.single-topics .single-topics-second-title .category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 9px;
  margin-bottom: 15px;
  font-size: 1.5rem;
  line-height: calc(33 / 15);
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-second-title .category {
    font-size: 1.2rem;
  }
}
body.single-topics .single-topics-second-title .category__link {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  outline: none;
  display: inline-block;
  padding: 6px 18px;
  margin: 0 6px;
  line-height: 1;
  border-radius: 15px;
  border: 2px solid #31759A;
  background-color: #fff;
}
body.single-topics .single-topics-second-title .category__link:hover, body.single-topics .single-topics-second-title .category__link:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.single-topics .single-topics-second-title .category__link:hover, body.single-topics .single-topics-second-title .category__link:focus-visible {
  color: #fff;
  background-color: #31759A;
}
body.single-topics .single-topics-second-title .date {
  display: block;
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(27 / 24);
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-second-title .date {
    font-size: 1rem;
  }
}
body.single-topics .single-topics-second-title .date .num {
  margin: 0 6px;
  font-size: 2.4rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: calc(27 / 24);
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-second-title .date .num {
    margin: 0 3px;
    font-size: 1.8rem;
  }
}
body.single-topics .single-topics-second-title .title {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: calc(37 / 24);
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-second-title .title {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}
body.single-topics .single-topics-cont {
  padding-top: 40px;
  padding-bottom: 96px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  body.single-topics .single-topics-cont {
    padding-top: 21px;
    padding-bottom: 60px;
  }
}

/*--------------------------------------------------
  events
--*/
body.single-events .events-page-title {
  display: none;
  border-bottom: 1px solid #555;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  body.single-events .events-page-title {
    display: block;
  }
}
body.single-events .events-page-title .title-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 103px;
  margin: 0 auto !important;
  padding: 30px 21px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.single-events .events-page-title .title-text {
    min-height: auto;
    padding: 15px 21px;
  }
}
body.single-events .events-page-title span {
  display: block;
  font-size: 3rem;
  font-weight: 500;
  line-height: calc(27 / 30);
}
@media screen and (max-width: 767px) {
  body.single-events .events-page-title span {
    font-size: 2.4rem;
  }
}
body.single-events .events-header {
  margin-top: 9px;
  border-top: 1px solid #414141;
  padding: 18px 0;
  margin-bottom: 27px;
  border-bottom: 1px solid rgba(65, 65, 65, 0.2);
}
@media screen and (max-width: 767px) {
  body.single-events .events-header {
    margin-top: 0;
    border-top: none;
  }
}
body.single-events .events-header__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 7px;
}
body.single-events .events-header__top .status {
  min-width: 172px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 21px;
  margin: 0 12px 0 0;
  text-align: center;
}
body.single-events .events-header__top .status.before {
  background-color: #555;
}
body.single-events .events-header__top .status.in {
  background-color: #31759A;
}
body.single-events .events-header__top .status.after {
  background-color: #555;
}
body.single-events .events-header__top .type {
  font-size: 1.5rem;
  font-weight: 500;
  color: rgba(49, 117, 154, 0.8);
  line-height: calc(27 / 15);
}
body.single-events .events-header__top .type:not(:last-child):after {
  display: inline-block;
  margin: 0 3px;
  content: "/";
}
body.single-events .events-header__middle {
  margin-bottom: 24px;
}
body.single-events .events-header__middle .ja-title {
  font-size: 3rem;
  font-weight: 500;
  line-height: calc(44 / 30);
}
body.single-events .events-header__middle .en-title {
  font-size: 2rem;
  line-height: calc(44 / 30);
}
body.single-events .events-header__bottom {
  display: flex;
  align-items: flex-start;
}
body.single-events .events-header__bottom .heading-box {
  display: flex;
  align-items: flex-start;
}
body.single-events .events-header__bottom .heading-box:first-child {
  margin-right: 60px;
  max-width: 62%;
}
@media screen and (max-width: 767px) {
  body.single-events .events-header__bottom .heading-box:first-child {
    max-width: 100%;
  }
}
body.single-events .events-header__bottom .heading-box:last-child {
  flex: 1;
}
body.single-events .events-header__bottom .heading-box__heading {
  font-size: 1rem;
  white-space: nowrap;
  margin: 6px 24px 0 0;
}
body.single-events .events-header__bottom .heading-box__content.period {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: calc(28 / 21);
  letter-spacing: 0.025em;
}
body.single-events .events-header__bottom .heading-box__content.place {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(24 / 18);
  letter-spacing: 0.025em;
}
@media screen and (max-width: 767px) {
  body.single-events .events-header {
    padding: 21px 0;
  }
  body.single-events .events-header__top {
    margin-bottom: 18px;
  }
  body.single-events .events-header__top .status {
    min-width: 152px;
  }
  body.single-events .events-header__middle {
    margin-bottom: 21px;
  }
  body.single-events .events-header__middle .ja-title {
    font-size: 2.1rem;
    line-height: calc(30 / 21);
  }
  body.single-events .events-header__middle .en-title {
    font-size: 1.8rem;
  }
  body.single-events .events-header__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  body.single-events .events-header__bottom .heading-box {
    min-width: unset;
  }
  body.single-events .events-header__bottom .heading-box:first-child {
    margin: 0 0 6px;
  }
  body.single-events .events-header__bottom .heading-box__heading {
    font-size: 0.9rem;
    margin: 0 24px 0 0;
  }
  body.single-events .events-header__bottom .heading-box__content.period {
    font-size: 1.5rem;
    line-height: calc(20 / 15);
  }
  body.single-events .events-header__bottom .heading-box__content.place {
    font-size: 1.5rem;
    line-height: calc(20 / 15);
  }
}
body.single-events .box-page-wrapper .section--introduction__inner .momat-anchors:first-of-type {
  margin-top: -27px;
}
body.single-events .box-page-wrapper h4:not([class]):first-of-type {
  display: none;
}
body.single-events .box-page-wrapper h4:not([class]):first-of-type + p {
  display: none;
}
body.single-events .box-page-wrapper h2:not([class]) {
  font-size: 2.1rem;
}
@media screen and (max-width: 767px) {
  body.single-events .momat-anchors {
    margin-bottom: 0;
  }
}
body.single-events h2.isDataList {
  font-size: 2.1rem;
  font-weight: 500;
  padding-top: 30px;
  padding-bottom: 12px;
}
body.single-events h2.isDataList:not(:first-of-type) {
  padding-top: 0;
}
body.single-events h2.isDataList:not(:first-of-type)::before {
  content: none;
}
body.single-events .data-list dl {
  display: flex;
  flex-wrap: wrap;
}
body.single-events .data-list dl:nth-of-type(even) {
  background-color: rgba(85, 85, 85, 0.1);
}
body.single-events .data-list dl:first-of-type dt, body.single-events .data-list dl:first-of-type dd {
  border-top: 1px solid #555;
}
body.single-events .data-list dl:last-of-type {
  margin-bottom: 60px;
}
body.single-events .data-list dl dt, body.single-events .data-list dl dd {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 9px;
  border-bottom: 1px solid #555;
}
@media screen and (max-width: 767px) {
  body.single-events .data-list dl dt, body.single-events .data-list dl dd {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0;
  }
}
body.single-events .data-list dl dt {
  margin-right: 12px;
}
@media screen and (max-width: 767px) {
  body.single-events .data-list dl dt {
    margin-right: 10px;
    font-size: 1.2rem;
    line-height: calc(27 / 12);
  }
}
body.single-events .data-list dl dd {
  flex: 1;
}
@media screen and (max-width: 767px) {
  body.single-events .data-list dl dd {
    line-height: calc(27 / 15);
  }
}
body.single-events .wp-container-1 dl {
  max-width: 948px;
  margin-right: auto;
  margin-left: auto;
}
body.single-events .wp-container-1 dl dt {
  min-width: 172px;
}
@media screen and (max-width: 767px) {
  body.single-events .wp-container-1 dl dt {
    min-width: 104px;
  }
}
body.single-events .data-list dl {
  max-width: 724px;
}
body.single-events .data-list dl dt {
  min-width: 184px;
}
@media screen and (max-width: 767px) {
  body.single-events .data-list dl dt {
    min-width: 104px;
  }
}

/*--------------------------------------------------
  post-type-archive-topics
  - お知らせ一覧
--*/
body.post-type-archive-topics .topics-search-refine,
body.tax-topics_type .topics-search-refine {
  border-bottom: 1px solid rgba(20, 50, 110, 0.8);
}
body.post-type-archive-topics .topics-search-refine__list,
body.tax-topics_type .topics-search-refine__list {
  display: flex;
  justify-content: space-between;
  padding: 21px 0 33px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-search-refine__list,
  body.tax-topics_type .topics-search-refine__list {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.post-type-archive-topics .topics-search-refine__item,
body.tax-topics_type .topics-search-refine__item {
  width: calc(33.3333333333% - 6px);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-search-refine__item,
  body.tax-topics_type .topics-search-refine__item {
    width: 100%;
  }
}
body.post-type-archive-topics .topics-search-refine__item .item-label,
body.tax-topics_type .topics-search-refine__item .item-label {
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(33 / 12);
}
body.post-type-archive-topics .topics-search-refine__item .item-select,
body.tax-topics_type .topics-search-refine__item .item-select {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 47px 0 15px;
  border-radius: 5px;
  border: 1px solid #555;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7.4"><path d="M10.59,0,6,4.574,1.41,0,0,1.408,6,7.4l6-5.992Z" fill="%2331759a" /></svg>');
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: calc(100% - 20px) center;
  color: #31759A;
  font-size: 1.6rem;
  box-shadow: none;
}
body.post-type-archive-topics .topics-search-refine__item .item-select:hover, body.post-type-archive-topics .topics-search-refine__item .item-select:focus-visible,
body.tax-topics_type .topics-search-refine__item .item-select:hover,
body.tax-topics_type .topics-search-refine__item .item-select:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-search-refine__item .item-select,
  body.tax-topics_type .topics-search-refine__item .item-select {
    font-size: 1.5rem;
  }
}
body.post-type-archive-topics .topics-search-refine__item .item-select:hover, body.post-type-archive-topics .topics-search-refine__item .item-select:focus-visible,
body.tax-topics_type .topics-search-refine__item .item-select:hover,
body.tax-topics_type .topics-search-refine__item .item-select:focus-visible {
  border-color: #31759A;
  outline: 1px solid #31759A;
}
body.post-type-archive-topics .topics-search-open-filter,
body.tax-topics_type .topics-search-open-filter {
  padding: 13px 0 15px;
}
body.post-type-archive-topics .topics-warning,
body.tax-topics_type .topics-warning {
  padding-top: 39px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-warning,
  body.tax-topics_type .topics-warning {
    padding-top: 20px;
  }
}
body.post-type-archive-topics .topics-warning a,
body.tax-topics_type .topics-warning a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  padding: 0 0 0 50px;
  margin: 0 auto 40px;
  background-color: #DE6E44;
  border: 3px solid #DE6E44;
  display: flex;
  align-items: center;
  height: 56px;
  margin-bottom: 9px;
  color: #fff;
}
body.post-type-archive-topics .topics-warning a:hover, body.post-type-archive-topics .topics-warning a:focus-visible,
body.tax-topics_type .topics-warning a:hover,
body.tax-topics_type .topics-warning a:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-warning a,
  body.tax-topics_type .topics-warning a {
    width: 100%;
    min-height: 42px;
    margin-bottom: 0;
    padding-left: 36px;
    font-size: 1.5rem;
    background-size: 36px;
    border-width: 4px;
  }
}
body.post-type-archive-topics .topics-warning a::before,
body.tax-topics_type .topics-warning a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 48px;
  height: 48px;
  background: no-repeat 0 center/48px auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g transform="translate(-173 -2173)"><rect width="48" height="48" transform="translate(173 2173)" fill="%23fff"/><path d="M23.5,36.857a3,3,0,1,1,2.121-.879A2.891,2.891,0,0,1,23.5,36.857Zm-3-10.286V6h6V26.571Z" transform="translate(173.5 2176)" fill="%23DE6E44"/></g></svg>');
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-warning a::before,
  body.tax-topics_type .topics-warning a::before {
    width: 34px;
    height: 34px;
    background-size: 34px auto;
  }
}
body.post-type-archive-topics .topics-warning a .link,
body.post-type-archive-topics .topics-warning a .text,
body.tax-topics_type .topics-warning a .link,
body.tax-topics_type .topics-warning a .text {
  display: block;
  color: #fff;
  text-decoration: none !important;
  line-height: calc(24 / 18);
  padding: 12px 12px 12px 15px;
}
body.post-type-archive-topics .topics-warning a:hover, body.post-type-archive-topics .topics-warning a:focus-visible,
body.tax-topics_type .topics-warning a:hover,
body.tax-topics_type .topics-warning a:focus-visible {
  outline: 0;
  color: #DE6E44;
  background-color: #fff;
}
body.post-type-archive-topics .topics-warning a:hover::before, body.post-type-archive-topics .topics-warning a:focus-visible::before,
body.tax-topics_type .topics-warning a:hover::before,
body.tax-topics_type .topics-warning a:focus-visible::before {
  left: 0;
  border-color: #fff;
}
body.post-type-archive-topics .topics-warning a:hover .link,
body.post-type-archive-topics .topics-warning a:hover .text, body.post-type-archive-topics .topics-warning a:focus-visible .link,
body.post-type-archive-topics .topics-warning a:focus-visible .text,
body.tax-topics_type .topics-warning a:hover .link,
body.tax-topics_type .topics-warning a:hover .text,
body.tax-topics_type .topics-warning a:focus-visible .link,
body.tax-topics_type .topics-warning a:focus-visible .text {
  color: #DE6E44;
}
body.post-type-archive-topics .topics-warning a span,
body.tax-topics_type .topics-warning a span {
  margin-left: 15px;
}
body.post-type-archive-topics .topics-archive-list,
body.tax-topics_type .topics-archive-list {
  padding-top: 9px;
}
body.post-type-archive-topics .topics-archive-list .item,
body.tax-topics_type .topics-archive-list .item {
  margin-bottom: 3px;
}
body.post-type-archive-topics .topics-archive-list .item:nth-of-type(even),
body.tax-topics_type .topics-archive-list .item:nth-of-type(even) {
  background-color: rgba(85, 85, 85, 0.2);
}
body.post-type-archive-topics .topics-archive-list .item .link-text,
body.tax-topics_type .topics-archive-list .item .link-text {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  padding: 18px 27px 18px 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(27 / 18);
}
body.post-type-archive-topics .topics-archive-list .item .link-text:hover, body.post-type-archive-topics .topics-archive-list .item .link-text:focus-visible,
body.tax-topics_type .topics-archive-list .item .link-text:hover,
body.tax-topics_type .topics-archive-list .item .link-text:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
body.post-type-archive-topics .topics-archive-list .item .link-text:hover,
body.tax-topics_type .topics-archive-list .item .link-text:hover {
  opacity: 0.6;
}
body.post-type-archive-topics .topics-archive-list .item .link-text:focus-visible,
body.tax-topics_type .topics-archive-list .item .link-text:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-archive-list .item .link-text,
  body.tax-topics_type .topics-archive-list .item .link-text {
    font-size: 1.2rem;
    padding: 9px 12px 9px 0;
  }
}
body.post-type-archive-topics .topics-archive-list .item .link-text__date,
body.tax-topics_type .topics-archive-list .item .link-text__date {
  width: 134px;
  padding-left: 9px;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: calc(27 / 18);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-archive-list .item .link-text__date,
  body.tax-topics_type .topics-archive-list .item .link-text__date {
    width: 78px;
  }
}
body.post-type-archive-topics .topics-archive-list .item .link-text__title,
body.tax-topics_type .topics-archive-list .item .link-text__title {
  flex: 1;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-archive-list .item .link-text__title,
  body.tax-topics_type .topics-archive-list .item .link-text__title {
    text-overflow: initial;
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
body.post-type-archive-topics .topics-archive-list .item .link-text__title .parts-important-tip,
body.tax-topics_type .topics-archive-list .item .link-text__title .parts-important-tip {
  margin-top: -3px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-topics .topics-archive-list .item .link-text__title .parts-important-tip,
  body.tax-topics_type .topics-archive-list .item .link-text__title .parts-important-tip {
    margin-top: -2px;
    line-height: 15px;
  }
}
body.post-type-archive-topics .topics-archive-list .item .link-text:hover .link-text__title,
body.tax-topics_type .topics-archive-list .item .link-text:hover .link-text__title {
  text-decoration: underline;
}
body.post-type-archive-topics .topics-archive-list .item .link-text:focus-visible,
body.tax-topics_type .topics-archive-list .item .link-text:focus-visible {
  outline: 2px solid rgba(49, 117, 154, 0.6);
}

/*--------------------------------------------------
  post-type-archive-press
  - プレスリリース一覧
--*/
body.post-type-archive-press .press-search-refine {
  padding-top: 21px;
  padding-bottom: 33px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-search-refine {
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.post-type-archive-press .press-search-refine__item {
  width: calc(33.3333333333% - 6px);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-search-refine__item {
    width: 100%;
  }
}
body.post-type-archive-press .press-search-refine__item .item-label {
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(33 / 12);
}
body.post-type-archive-press .press-search-refine__item .item-select {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 47px 0 15px;
  border-radius: 5px;
  border: 1px solid #555;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7.4"><path d="M10.59,0,6,4.574,1.41,0,0,1.408,6,7.4l6-5.992Z" fill="%2331759a" /></svg>');
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: calc(100% - 20px) center;
  color: #31759A;
  font-size: 1.6rem;
  box-shadow: none;
}
body.post-type-archive-press .press-search-refine__item .item-select:hover, body.post-type-archive-press .press-search-refine__item .item-select:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-search-refine__item .item-select {
    font-size: 1.5rem;
  }
}
body.post-type-archive-press .press-search-refine__item .item-select:hover, body.post-type-archive-press .press-search-refine__item .item-select:focus-visible {
  border-color: #31759A;
  outline: 1px solid #31759A;
}
body.post-type-archive-press .press-search-open-filter {
  padding: 13px 0 15px;
}
body.post-type-archive-press .press-archive-list {
  padding-top: 9px;
}
body.post-type-archive-press .press-archive-list .item {
  margin-bottom: 3px;
}
body.post-type-archive-press .press-archive-list .item:nth-of-type(even) {
  background-color: rgba(85, 85, 85, 0.2);
}
body.post-type-archive-press .press-archive-list .item .link-text {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutSine */
  transition-duration: 0.3s;
  display: flex;
  padding: 18px 27px 18px 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(27 / 18);
}
body.post-type-archive-press .press-archive-list .item .link-text:hover, body.post-type-archive-press .press-archive-list .item .link-text:focus-visible {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-duration: 0.1s;
}
body.post-type-archive-press .press-archive-list .item .link-text:hover {
  opacity: 0.6;
}
body.post-type-archive-press .press-archive-list .item .link-text:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-archive-list .item .link-text {
    font-size: 1.2rem;
    padding: 9px 12px 9px 0;
  }
}
body.post-type-archive-press .press-archive-list .item .link-text__date {
  width: 134px;
  padding-left: 9px;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: calc(27 / 18);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-archive-list .item .link-text__date {
    width: 78px;
  }
}
body.post-type-archive-press .press-archive-list .item .link-text__title {
  flex: 1;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-press .press-archive-list .item .link-text__title {
    text-overflow: initial;
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
body.post-type-archive-press .press-archive-list .item .link-text:hover .link-text__title {
  text-decoration: underline;
}
body.post-type-archive-press .press-archive-list .item .link-text:focus-visible {
  outline: 2px solid #31759A;
}

/*--------------------------------------------------
  post-type-archive-exhibition
  - 展覧会一覧
--*/
body.post-type-archive-exhibition .anchors {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .anchors {
    display: block;
  }
}
body.post-type-archive-exhibition .momat-anchors {
  padding: 18px 0;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .momat-anchors {
    margin-bottom: 0;
    padding: 0;
  }
}
body.post-type-archive-exhibition .momat-anchors__link {
  font-family: "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Noto Sans TC", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .momat-anchors__link {
    font-size: 1.5rem;
  }
}
body.post-type-archive-exhibition .exhibitions-annual-link {
  margin-left: 60px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-annual-link {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 210px;
    margin: 24px auto 12px;
  }
}
body.post-type-archive-exhibition .exhibitions-annual-link .link {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  padding: 7px 34px 7px 7px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  background: no-repeat #555 right 9px top 50%/14px;
  border: 2px solid #555;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.981" height="13.981" viewBox="0 0 13.981 13.981"><path d="M621.108,714.486a.874.874,0,0,0-.874.874v.874H609.748v-.874a.874.874,0,0,0-1.748,0v1.748a.874.874,0,0,0,.874.874h12.234a.874.874,0,0,0,.874-.874V715.36A.874.874,0,0,0,621.108,714.486Zm-6.735-.256a.874.874,0,0,0,1.236,0l2.621-2.622a.874.874,0,1,0-1.236-1.236l-1.13,1.13v-6.629a.874.874,0,0,0-1.748,0V711.5l-1.13-1.13a.874.874,0,0,0-1.236,1.236Z" transform="translate(-608 -704)" fill="%23ffffff" fill-rule="evenodd"/></svg>');
}
body.post-type-archive-exhibition .exhibitions-annual-link .link:hover, body.post-type-archive-exhibition .exhibitions-annual-link .link:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.post-type-archive-exhibition .exhibitions-annual-link .link:hover, body.post-type-archive-exhibition .exhibitions-annual-link .link:focus-visible {
  color: #555;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.981" height="13.981" viewBox="0 0 13.981 13.981"><path d="M621.108,714.486a.874.874,0,0,0-.874.874v.874H609.748v-.874a.874.874,0,0,0-1.748,0v1.748a.874.874,0,0,0,.874.874h12.234a.874.874,0,0,0,.874-.874V715.36A.874.874,0,0,0,621.108,714.486Zm-6.735-.256a.874.874,0,0,0,1.236,0l2.621-2.622a.874.874,0,1,0-1.236-1.236l-1.13,1.13v-6.629a.874.874,0,0,0-1.748,0V711.5l-1.13-1.13a.874.874,0,0,0-1.236,1.236Z" transform="translate(-608 -704)" fill="%23555" fill-rule="evenodd"/></svg>');
  outline: none;
}
body.post-type-archive-exhibition .exhibitions-search-refine {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 25px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-search-refine {
    display: block;
    padding: 9px 0;
  }
}
body.post-type-archive-exhibition .exhibitions-search-refine__item {
  width: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-search-refine__item {
    width: 100%;
    margin-bottom: 9px;
  }
}
body.post-type-archive-exhibition .exhibitions-search-refine__item .item-label {
  cursor: pointer;
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(33 / 12);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-search-refine__item .item-label {
    margin-bottom: 3px;
  }
}
body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 47px 0 15px;
  border-radius: 5px;
  border: 1px solid #555;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7.4"><path d="M10.59,0,6,4.574,1.41,0,0,1.408,6,7.4l6-5.992Z" fill="%2331759a" /></svg>');
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: calc(100% - 20px) center;
  color: #31759A;
  font-size: 1.6rem;
  box-shadow: none;
}
body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select:hover, body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select {
    font-size: 1.5rem;
  }
}
body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select:hover, body.post-type-archive-exhibition .exhibitions-search-refine__item .item-select:focus-visible {
  border-color: #31759A;
  outline: 1px solid #31759A;
}
body.post-type-archive-exhibition .exhibitions-search-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 43px;
  margin: 30px 0 0;
  padding: 30px 0 21px;
  border-top: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-search-buttons {
    margin-top: 2px;
    padding: 19px 0;
  }
}
body.post-type-archive-exhibition .exhibitions-search-buttons__submit, body.post-type-archive-exhibition .exhibitions-search-buttons__reset {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  font-weight: 500;
}
body.post-type-archive-exhibition .exhibitions-search-buttons__submit:hover, body.post-type-archive-exhibition .exhibitions-search-buttons__submit:focus-visible, body.post-type-archive-exhibition .exhibitions-search-buttons__reset:hover, body.post-type-archive-exhibition .exhibitions-search-buttons__reset:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.post-type-archive-exhibition .exhibitions-search-buttons__submit:hover, body.post-type-archive-exhibition .exhibitions-search-buttons__submit:focus-visible, body.post-type-archive-exhibition .exhibitions-search-buttons__reset:hover, body.post-type-archive-exhibition .exhibitions-search-buttons__reset:focus-visible {
  color: #31759A;
  background-color: #fff;
}
body.post-type-archive-exhibition .exhibitions-search-buttons__submit:focus-visible, body.post-type-archive-exhibition .exhibitions-search-buttons__reset:focus-visible {
  outline: none;
}
body.post-type-archive-exhibition .exhibitions-search-buttons__submit {
  width: 200px;
  height: 50px;
  color: #fff;
  border-radius: 6px;
  border: 2px solid #31759A;
  background-color: #31759A;
}
body.post-type-archive-exhibition .exhibitions-search-buttons__reset {
  color: #31759A;
  line-height: calc(24 / 16);
  text-decoration: underline;
  text-underline-position: under;
  border: none;
  background: none;
}
body.post-type-archive-exhibition .exhibitions-archive-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list {
    display: block;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item {
  max-width: calc(50% - 6px);
  width: 540px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item {
    max-width: 100%;
    width: 100%;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item:not(:nth-last-of-type(-2n+1)), body.post-type-archive-exhibition .exhibitions-archive-list .item:last-of-type {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item:not(:nth-last-of-type(-2n+1)), body.post-type-archive-exhibition .exhibitions-archive-list .item:last-of-type {
    margin-bottom: 21px;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item:focus-visible {
  outline: 3px solid rgba(49, 117, 154, 0.8);
}
body.post-type-archive-exhibition .exhibitions-archive-list a {
  display: block;
  position: relative;
  height: 100%;
}
body.post-type-archive-exhibition .exhibitions-archive-list a::after {
  content: "";
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.post-type-archive-exhibition .exhibitions-archive-list a::after:hover, body.post-type-archive-exhibition .exhibitions-archive-list a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.post-type-archive-exhibition .exhibitions-archive-list a:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
body.post-type-archive-exhibition .exhibitions-archive-list a:hover::after {
  height: 3px;
}
body.post-type-archive-exhibition .exhibitions-archive-list a:focus-visible {
  outline: 3px solid #31759A;
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #EBEBEB;
  aspect-ratio: 4/3;
  overflow: hidden;
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb .box-no-images {
  max-height: initial;
  height: 100%;
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb .status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 7px 18px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  background-color: #555;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb .status {
    padding: 4px 6px;
    font-size: 1.2rem;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-thumb .status.isSession {
  background-color: #31759A;
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts {
  min-height: 121px;
  padding: 21px 18px 6px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts {
    min-height: initial;
    padding: 9px;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .period {
  margin-bottom: 4px;
  color: #414141;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .period {
    margin-bottom: 9px;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .date {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .date {
    font-size: 1.2rem;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .type {
  margin-left: 9px;
  color: #31759A;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .type {
    font-size: 1.2rem;
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .title {
  margin-bottom: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(33 / 18);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .title {
    margin-bottom: 6px;
    font-size: 1.5rem;
    line-height: calc(24 / 15);
  }
}
body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .sup {
  color: #000;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-exhibition .exhibitions-archive-list .item-texts .sup {
    line-height: calc(14 / 9);
  }
}

/*--------------------------------------------------
  post-type-archive-events
  - イベント一覧
--*/
body.post-type-archive-events .events-search-refine {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 21px 0 30px;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-events .events-search-refine {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
}
body.post-type-archive-events .events-search-refine__item {
  width: calc(50% - 6px);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-events .events-search-refine__item {
    width: 100%;
  }
}
body.post-type-archive-events .events-search-refine__item .item-label {
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(33 / 12);
}
body.post-type-archive-events .events-search-refine__item .item-select {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 54px;
  padding: 0 47px 0 15px;
  border-radius: 5px;
  border: 1px solid #555;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 7.4"><path d="M10.59,0,6,4.574,1.41,0,0,1.408,6,7.4l6-5.992Z" fill="%2331759a" /></svg>');
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: calc(100% - 20px) center;
  color: #31759A;
  font-size: 1.6rem;
  box-shadow: none;
}
body.post-type-archive-events .events-search-refine__item .item-select:hover, body.post-type-archive-events .events-search-refine__item .item-select:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-events .events-search-refine__item .item-select {
    font-size: 1.5rem;
  }
}
body.post-type-archive-events .events-search-refine__item .item-select:hover, body.post-type-archive-events .events-search-refine__item .item-select:focus-visible {
  border-color: #31759A;
  outline: 1px solid #31759A;
}
body.post-type-archive-events .events-search-open-filter {
  padding-bottom: 21px;
}
body.post-type-archive-events .events-search-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 43px;
  padding: 30px 0 21px;
  border-top: 1px solid #CCCCCC;
}
body.post-type-archive-events .events-search-buttons__submit, body.post-type-archive-events .events-search-buttons__reset {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  font-weight: 500;
}
body.post-type-archive-events .events-search-buttons__submit:hover, body.post-type-archive-events .events-search-buttons__submit:focus-visible, body.post-type-archive-events .events-search-buttons__reset:hover, body.post-type-archive-events .events-search-buttons__reset:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.post-type-archive-events .events-search-buttons__submit:hover, body.post-type-archive-events .events-search-buttons__submit:focus-visible, body.post-type-archive-events .events-search-buttons__reset:hover, body.post-type-archive-events .events-search-buttons__reset:focus-visible {
  color: #31759A;
  background-color: #fff;
}
body.post-type-archive-events .events-search-buttons__submit:focus-visible, body.post-type-archive-events .events-search-buttons__reset:focus-visible {
  outline: none;
}
body.post-type-archive-events .events-search-buttons__submit {
  width: 200px;
  height: 50px;
  color: #fff;
  border-radius: 6px;
  border: 2px solid #31759A;
  background-color: #31759A;
}
body.post-type-archive-events .events-search-buttons__reset {
  color: #31759A;
  line-height: calc(24 / 16);
  text-decoration: underline;
  text-underline-position: under;
  border: none;
  background: none;
}
body.post-type-archive-events .events-archive-cont {
  border-top: 1px solid rgba(65, 65, 65, 0.2);
}
body.post-type-archive-events .c-search-items {
  padding: 30px 0;
}
body.post-type-archive-events .events-archive-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.post-type-archive-events .events-archive-list::after {
  content: "";
  display: block;
  max-width: calc(33.3333333333% - 6px);
  width: 540px;
  height: 0;
}
@media screen and (max-width: 767px) {
  body.post-type-archive-events .events-archive-list::after {
    max-width: 100%;
    width: 100%;
  }
}
body.post-type-archive-events .events-archive-list .item {
  max-width: calc(33.3333333333% - 6px);
  width: 540px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  body.post-type-archive-events .events-archive-list .item {
    max-width: 100%;
    width: 100%;
  }
}
body.post-type-archive-events .events-archive-list .item a {
  display: block;
  position: relative;
  height: 100%;
}
body.post-type-archive-events .events-archive-list .item a::after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #31759A;
}
body.post-type-archive-events .events-archive-list .item a::after:hover, body.post-type-archive-events .events-archive-list .item a::after:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
body.post-type-archive-events .events-archive-list .item a .item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 4/3;
  background-color: #EBEBEB;
}
body.post-type-archive-events .events-archive-list .item a .item-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.post-type-archive-events .events-archive-list .item a .item-thumb .status {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 7px 18px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  background-color: #555;
}
body.post-type-archive-events .events-archive-list .item a .item-thumb .status.isSession {
  background-color: #31759A;
}
body.post-type-archive-events .events-archive-list .item a .item-texts {
  position: relative;
  padding: 18px 18px 39px;
}
body.post-type-archive-events .events-archive-list .item a .item-texts .date {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 9px;
  font-size: 1.8rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.025em;
}
body.post-type-archive-events .events-archive-list .item a .item-texts .title {
  text-overflow: initial;
  white-space: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 48px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: calc(24 / 16);
}
body.post-type-archive-events .events-archive-list .item a .item-texts .sup {
  position: absolute;
  bottom: 9px;
  color: #414141;
  font-size: 1.2rem;
  line-height: calc(27 / 12);
}
body.post-type-archive-events .events-archive-list .item a:hover .title {
  text-decoration: underline;
  text-underline-position: under;
}
body.post-type-archive-events .events-archive-list .item a:hover::after {
  height: 3px;
}
body.post-type-archive-events .events-archive-list .item a:focus-visible {
  outline: 3px solid #31759A;
}

/*--------------------------------------------------
  error404
  - 404ページ
--*/
body.error404 .error404-wrapper {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 120px 0 55px;
  background: #fff no-repeat top 60px left 50%/40px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path d="M24,34a1.623,1.623,0,1,0-1.175-.475A1.6,1.6,0,0,0,24,34Zm-1.35-7.65h3V13.7h-3ZM24,44a19.352,19.352,0,0,1-7.75-1.575A20.15,20.15,0,0,1,5.575,31.75a19.978,19.978,0,0,1,0-15.55,19.988,19.988,0,0,1,4.3-6.35A20.5,20.5,0,0,1,16.25,5.575a19.978,19.978,0,0,1,15.55,0A19.969,19.969,0,0,1,42.425,16.2a19.978,19.978,0,0,1,0,15.55,20.5,20.5,0,0,1-4.275,6.375,19.988,19.988,0,0,1-6.35,4.3A19.475,19.475,0,0,1,24,44Zm.05-3a16.3,16.3,0,0,0,12-4.975A16.483,16.483,0,0,0,41,23.95a16.342,16.342,0,0,0-4.95-12A16.4,16.4,0,0,0,24,7a16.424,16.424,0,0,0-12.025,4.95A16.359,16.359,0,0,0,7,24a16.383,16.383,0,0,0,4.975,12.025A16.441,16.441,0,0,0,24.05,41ZM24,24Z" transform="translate(-4 -4)"/></svg>');
}
@media screen and (max-width: 767px) {
  body.error404 .error404-wrapper {
    max-width: calc(100% - 42px);
    margin: 21px auto;
    padding: 78px 21px 30px;
    background-position: top 26px left 50%;
    background-size: 30px;
  }
}
body.error404 .error404-title {
  margin-bottom: 9px;
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-title {
    font-size: 2.1rem;
    line-height: calc(27 / 21);
  }
}
body.error404 .error404-desc {
  margin-bottom: 57px;
  color: #414141;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-desc {
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: calc(24 / 15);
  }
}
body.error404 .error404-desc span {
  display: block;
  line-height: calc(36 / 18);
}
body.error404 .error404-images {
  max-width: 724px;
  margin: 0 auto;
  text-align: center;
}
body.error404 .error404-images img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
body.error404 .error404-images__caption {
  margin-top: 9px;
  color: #414141;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: calc(21 / 12);
  text-align: left;
}
body.error404 .error404-searchform {
  max-width: 96.4601769912%;
  width: 908px;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform {
    margin-top: 42px;
  }
}
body.error404 .error404-searchform__label {
  display: block;
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: calc(27 / 18);
}
body.error404 .error404-searchform form {
  margin-bottom: 0;
}
body.error404 .error404-searchform .search-columns {
  position: relative;
  max-width: 966px;
  width: 100%;
  margin: 0 auto;
}
body.error404 .error404-searchform .search-input {
  -webkit-appearance: none;
  outline: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  width: 100%;
  height: 90px;
  padding: 0 176px 0 18px;
  font-size: 2.4rem;
  line-height: 90px;
  background-color: #fff;
  border: 2px solid transparent;
  border-bottom-color: #31759A;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  /*&:focus-visible {
    outline: none;
  }*/
}
body.error404 .error404-searchform .search-input:hover, body.error404 .error404-searchform .search-input:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-input {
    flex: 1;
    display: block;
    position: static;
    height: 63px;
    padding: 9px 60px 9px 9px;
    font-size: 1.6rem;
  }
}
body.error404 .error404-searchform .search-input::placeholder {
  color: rgba(65, 65, 65, 0.5);
}
body.error404 .error404-searchform .search-input:hover, body.error404 .error404-searchform .search-input:focus-visible {
  border: 2px solid #31759A;
}
body.error404 .error404-searchform .search-submit {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 0.15s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 15px;
  right: 18px;
  min-width: 140px;
  height: 60px;
  padding-left: 9px;
  border: 2px solid #31759A;
  background-color: #31759A;
  border-radius: 3px;
  /*&:focus-visible {
    border: 2px solid g.$col31759A;
  }*/
}
body.error404 .error404-searchform .search-submit:hover, body.error404 .error404-searchform .search-submit:focus-visible {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); /* easeOutQuart */
  transition-duration: 0.05s;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-submit {
    top: 15px;
    right: 12px;
    min-width: 36px;
    height: 36px;
    padding-left: 0;
    border-right-color: transparent;
  }
}
body.error404 .error404-searchform .search-submit::after {
  content: "\e8b6";
  padding-top: 3px;
  padding-left: 15px;
  color: #fff;
  font-size: 3.2rem;
  font-family: "Material Icons";
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-submit::after {
    padding-top: 0;
    padding-left: 6px;
    font-size: 2.6rem;
  }
}
body.error404 .error404-searchform .search-submit span {
  display: block;
  color: #fff;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-submit span {
    color: transparent;
    font-size: 0;
  }
}
body.error404 .error404-searchform .search-submit:hover, body.error404 .error404-searchform .search-submit:focus-visible {
  background-color: #fff;
}
body.error404 .error404-searchform .search-submit:hover::after, body.error404 .error404-searchform .search-submit:focus-visible::after {
  color: #31759A;
}
body.error404 .error404-searchform .search-submit:hover span, body.error404 .error404-searchform .search-submit:focus-visible span {
  color: #31759A;
}
body.error404 .error404-searchform .search-submit:focus-visible {
  outline: none;
}
body.error404 .error404-searchform .search-label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 140px;
  height: 60px;
  padding: 0 9px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #31759A;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-label {
    width: 36px;
    height: 36px;
  }
}
body.error404 .error404-searchform .search-label::after {
  content: "\e8b6";
  color: #fff;
  font-size: 3.2rem;
  font-family: "Material Icons";
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-label::after {
    font-size: 2.4rem;
  }
}
body.error404 .error404-searchform .search-label span {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  body.error404 .error404-searchform .search-label span {
    display: none;
  }
}

/*--
pages/commons_templates   共通要素のレイアウト(header, footer, コンテンツwrapperなど)
pages/site_select         振分けページ
pages/pages               固定ページ
pages/archives            アーカイブページ
pages/singles             シングルページ
--*/

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