/* 旧サイトのCSSの上に重ねる手直し（旧CSSは触らずにここで上書きする） */

/* 背景色を明示する。旧CSSは指定が無く、ダークモードのブラウザで本文の背景が黒くなっていた */
html {
  color-scheme: light;
  background: #fff;
}
body {
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt";
}

/* 画像は枠からはみ出さないようにする（高解像度用に大きく作った画像を width/height で縮めて表示する） */
img {
  height: auto;
}

/* トップの動画（YouTube の埋め込み）を画面いっぱいに敷く */
#main .movie {
  overflow: hidden;
  background: #808080 url(../img/index/main_bg.png) center / cover no-repeat;
}
#main .movie video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
#main .movie iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  #main .movie video,
  #main .movie iframe {
    display: none;
  }
}

/* スマホの作品・展示会写真：旧CSSは枠の高さを 240px に固定していて、縦長の写真が下の表に重なっていた */
@media (max-width: 767px) {
  #main_contents #work_detail .photo_list,
  #main_contents #work_detail .photo_list #photo_list {
    height: auto;
  }
  #main_contents #work_detail .photo_list #photo_list a.fancybox img {
    width: auto;
    max-width: 100%;
    max-height: 70vh;
  }
}

/* 地図の埋め込み */
#exhibition_detail .map iframe {
  border: 0;
}

/* 404 ページ */
.not_found p {
  font-size: 14px;
  line-height: 2;
  padding: 10px 0 40px;
}
.not_found_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.not_found_btns a {
  display: block;
  min-width: 200px;
  padding: 14px 20px;
  border: solid 1px #000;
  text-align: center;
  color: #000;
}
.not_found_btns a:hover {
  background: #000;
  color: #fff;
}