/*========= ふわっと出す ===============*/
.animation {
/*  margin: 50px 0; */
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* メインデザイン */
body {
  background: #fff !important;
  color: #535353 !important;
  font-family: Georgia, 'Times New Roman', Times, serif !important;
  border: none !important;
}
h1, h2, h3 {
  font-family: Georgia, 'Times New Roman', Times, serif !important;
}
.mgr-10 {
  margin: 0 10px;
}
h1 {
  font-size: 3vw !important;
  text-align: center;
  margin: 24px auto;
}
.header_wrap, .header_sp #navBtn .headerMenuBtn {
  background: #ffffff;
}
.lp-pageMain {
  width: 100%;
  margin: auto;
}
.mv {
  position: relative;
}
.mv .title {
  position: absolute;
  top: 60px;
  left: 48px;
  width: 600px;
  /* z-index: 9999; */
}
.content {
  margin: 104px auto;
}
.description {
  width: fit-content;
  text-align: center;
}
.description p {
  margin: 40px auto;
  font-size: 1.6vw;
}
.description p .large {
  font-size: 2em;
}
.feature {
  width: 80%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.feature img {
  width: 540px;
}
.feature .txt {
  font-size: 1.2vw;
}
.gallary {
  width: 80%;
}
.main-imageArea {
  margin: 24px;
}
.main-imageArea .slick-slider {
  display: flex;
  flex-direction: row;
}
.main-imageArea .slick-slider li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80vh;
}
.gallary .main-imageArea img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.gallary .thumbnailArea li {
  padding: 4px;
}
.gallary .thumbnailArea img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}
.main-imageArea .slick-prev {
    left: 0;
    padding: 6px;
}
.main-imageArea .slick-next {
    right: 0;
    padding: 8px;
}
.rentalLink {
  position: relative;
}
.rentalLink .btn {
  position: absolute;
  top: 25%;
  left: 10%;
}
.rentalLink .btn a {
  border: solid;
  padding: 16px;
  font-size: 3vw;
  color: #535353;
  background: #ffffff70;
}
.rentalLink .btn a:hover {
  color: #ffffff;
  background: #535353d1;
}
#creditArea {
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1101px) { /* タブレット */
    .mv .title {
        top: 40px;
        width: 530px;
    }

}
@media screen and (max-width: 600px){ /* スマホ */
  h1 {
    font-size: 8vw !important;
    text-align: center;
    margin: 16px auto;
  }
  .mv .title {
    top: 8px;
    left: 8px;
    width: 220px;
  }
  .description p {
    font-size: 3.2vw;
  }
  .feature {
    position: relative;
  }
  .feature .txt {
    position: absolute;
    top: -20px;
    font-size: 2.4vw;
    background: #ffffffab;
    padding: 4px;
  }
  .feature .right {
    right: -10px;
  }
  .feature .left {
    left: -10px;
  }
  .main-imageArea {
    margin: 4px;
  }
  .main-imageArea .slick-slider li {
    height: 64vh;
  }
  .rentalLink .btn {
    top: 36%;
    left: 4%;
  }
  .rentalLink .btn a {
    padding: 10px;
    font-size: 5vw;
  }
}