#hamburger {
  z-index: 5;
  position: fixed;
}
.hamburger-line {
  background-color: #000;
}
#title-wrapper {
  position: fixed;
  width: 100%;
  height: 70px;
  z-index: 1;
  padding-top: 24px;
}
#title {
  color: #000;
  font-family: 'Marcellus', serif;
  font-size: 1.3vw;
  letter-spacing: 0.2em;
  margin-left: 25px;
}
.img {
  width: 100%;
}
.img-hover-box {
  position: relative;
}
.jl-img-margin {
  width: 100%;
  height: 1.5vw;
  background-color: #000;
  z-index: 1;
}
#jl-img-a {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img01.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-a-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 88%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-a {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
.view-button {
  position: absolute;
  width: 15%;
  height: 4vw;
  color: #000;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.3em;
  line-height: 3.7vw;
  font-size: 1vw;
  text-align: center;
  top: 45vw;
  left: 5.5%;
  border: 1px solid #000;
}
.view-button-up {
  position: absolute;
  width: 15%;
  height: 4vw;
  color: #000;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.3em;
  line-height: 3.7vw;
  font-size: 1vw;
  text-align: center;
  top: 45vw;
  left: 5.5%;
  border: 1px solid #000;
  top: 10vw;
}
.view-button-white {
  position: absolute;
  width: 15%;
  height: 4vw;
  color: #000;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.3em;
  line-height: 3.7vw;
  font-size: 1vw;
  text-align: center;
  top: 45vw;
  left: 5.5%;
  border: 1px solid #000;
  color: #fff;
  border: 1px solid #fff;
}
.view-button-phone {
  display: none;
}
.view-button-first-phone {
  display: none;
}
.view-button-phone-white {
  display: none;
}
#jl-img-b {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img02.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-b-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 88%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-b {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-c {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img03.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-c-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 88%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-c {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-d {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img04.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-d-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 88%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-d {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-e {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img05.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-e-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 88%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-e {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  line-height: 2.3;
  height: 56.2vw;
  text-align: center;
}
#jl-img-f {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img06.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-f-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-f {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-g {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img07.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-g-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-g {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-h {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img08.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-h-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-h {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-i {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img09.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-i-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-i {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-j {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img10.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-j-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-j {
  color: #fff;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-k {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img11.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-k-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-k {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#jl-img-l {
  display: block;
  height: 56.2vw;
  transition: 0.5s all;
  background-image: url("../../images/ArtGallery/img12.png");
  background-size: cover;
  pointer-events: none;
}
#jl-txt-l-wrap {
  position: absolute;
  display: flex;
  top: 0%;
  left: 90%;
  align-items: center;
  flex-flow: column;
}
#jl-txt-l {
  color: #000;
  writing-mode: vertical-rl;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.5vw;
  letter-spacing: 0.5em;
  height: 56.2vw;
  text-align: center;
}
#footer {
  position: relative;
  width: 100%;
  height: 20vw;
}
#footer-name-a {
  position: absolute;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.2em;
  font-size: 0.8vw;
  margin: 0 auto;
  bottom: 60%;
  left: 27px;
}
#footer-name-b {
  position: absolute;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.2em;
  font-size: 1.8vw;
  margin: 0 auto;
  bottom: 40%;
  left: 25px;
}
#footer-name-c {
  position: absolute;
  color: #fff;
  font-family: 'Marcellus', serif;
  letter-spacing: 0.2em;
  font-size: 0.8vw;
  margin: 0 auto;
  bottom: 27%;
  left: 27px;
}
#footer-instagram-icon {
  position: absolute;
  width: 1.8vw;
  height: 1.8vw;
  background-image: url("../../images/Top/Top-instagram-icon.png");
  background-size: cover;
  bottom: 42%;
  right: 5.9vw;
}
#footer-twitter-icon {
  position: absolute;
  width: 1.6vw;
  height: 1.6vw;
  background-image: url("../../images/Top/Top-twitter-icon.png");
  background-size: cover;
  bottom: 42.5%;
  right: 2.4vw;
}
#footer-copyright {
  position: absolute;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.2em;
  font-size: 0.7vw;
  margin: 0 auto;
  bottom: 27%;
  right: 23px;
}