@charset "UTF-8";
.l-container {
  width: auto;
}

img {
  max-width: 100%;
  transition: 0.3s;
}

a {
  transition: 0.7s;
}
a:hover {
  text-decoration: none;
}
a img {
  transition: 0.7s;
}
.js-fade {
  opacity: 0;
  transition: all 1.2s ease;
}
.js-fade.is-active {
  opacity: 1;
}

.credit {
  margin-top: 2.1428571429vw;
}
.credit .item {
  display: inline-block;
  margin-right: 0.7142857143vw;
  margin-bottom: 0.6428571429vw;
  line-height: 1;
  font-size: 0.9285714286vw;
  letter-spacing: 0.05em;
  color: #f3edc8;
  font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
}
.credit .item.-mr0, .credit .item:last-child {
  margin-right: 0;
}
.credit .item:before {
  position: absolute;
  bottom: 0.0714285714vw;
  left: 0;
  width: 100%;
  height: 0.0714285714vw;
  background: #f3edc8;
  content: "";
}
.credit .link {
  line-height: 1;
  font-size: 0.9285714286vw;
  transition: 0.3s;
  color: #f3edc8;
  letter-spacing: 0.05em;
  font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.credit .link:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
}
.credit .link .price {
  margin-left: 0.2142857143vw;
  letter-spacing: 0.05em;
}

.feature {
  font-feature-settings: "palt" 1;
  color: #2e2e2e;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
  font-weight: 500;
  position: relative;
  overflow: clip;
}
.feature:before {
  content: "";
  position: absolute;
  top: 20.3571428571vw;
  left: -61.2142857143vw;
  width: 164.3571428571vw;
  height: 161.7857142857vw;
  background: url("./../img/icon_line.svg");
  background-size: cover;
  pointer-events: none;
}
.feature:after {
  content: "";
  position: absolute;
  top: 15.1428571429vw;
  left: 63.5vw;
  width: 6.5528571429vw;
  height: 6.9628571429vw;
  background: url("./../img/icon_star.svg");
  background-size: cover;
  z-index: 10;
  pointer-events: none;
}

.mv__Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 63.2142857143vw;
}
.mv__Thum {
  position: absolute;
  width: 30vw;
  top: 3.7857142857vw;
  left: 35vw;
}
.mv__Ttl {
  position: absolute;
  width: 34.1071428571vw;
  top: 43vw;
  left: 32.8571428571vw;
  font-size: 3.5714285714vw;
  letter-spacing: 0.015em;
  color: #b31312;
  font-family: "copperplate", serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}
.mv__Ttl span {
  font-size: 4.2857142857vw;
}
.mv__Subttl {
  position: absolute;
  width: 34.1071428571vw;
  top: 48.4285714286vw;
  left: 32.9285714286vw;
  font-size: 1.4285714286vw;
  letter-spacing: 0.035em;
  font-family: "copperplate", serif;
  font-weight: 500;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}
.mv__Txt {
  position: absolute;
  width: 50vw;
  top: 52.2142857143vw;
  left: 25vw;
  text-align: center;
  font-size: 1vw;
  line-height: 2.2857142857vw;
  letter-spacing: 0.05em;
}

.front__Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 118.9285714286vw;
}
.front__Model {
  position: absolute;
}
.front__Model:before {
  content: "";
  position: absolute;
  bottom: 0.7142857143vw;
  left: 0.8571428571vw;
  width: 2vw;
  height: 2vw;
  background: url("./../img/icon_plus.svg");
  background-size: cover;
  pointer-events: none;
  transition: rotate 0.3s;
}
.front__Model:hover:before {
  rotate: 90deg;
}
.front__Model .-modaal {
  cursor: pointer;
}
.front__Model.-model01 {
  width: 21.4285714286vw;
  top: 0vw;
  left: 17.4285714286vw;
}
.front__Model.-model02 {
  width: 21.4285714286vw;
  top: 0vw;
  left: 39.2857142857vw;
}
.front__Model.-model04 {
  width: 21.4285714286vw;
  top: 0vw;
  left: 61.1428571429vw;
}
.front__Model.-model06 {
  width: 21.4285714286vw;
  top: 27.4285714286vw;
  left: 17.4285714286vw;
}
.front__Model.-model05 {
  width: 43.2857142857vw;
  top: 27.4285714286vw;
  left: 39.2857142857vw;
}
.front__Model.-model03 {
  width: 21.4285714286vw;
  top: 54.7142857143vw;
  left: 17.4285714286vw;
}
.front__Model.-model09 {
  width: 21.4285714286vw;
  top: 82.0714285714vw;
  left: 17.4285714286vw;
}
.front__Model.-model07 {
  width: 21.4285714286vw;
  top: 82.0714285714vw;
  left: 39.2857142857vw;
}
.front__Model.-model08 {
  width: 21.4285714286vw;
  top: 82.0714285714vw;
  left: 61.1428571429vw;
}

.popup::-webkit-scrollbar {
  display: none;
}

.popup {
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  overflow: scroll;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  visibility: hidden;
  transition: 0.6s;
  pointer-events: none;
}
.popup:before {
  position: fixed;
  top: 0;
  left: 0;
  width: 52.8571428571vw;
  height: 100%;
  content: "";
  background: #7d0a0a;
}
.popup.-active {
  pointer-events: auto;
  opacity: 1;
  visibility: initial;
  z-index: 9999;
}
.popup__Inner {
  position: relative;
  margin: auto;
  width: 100%;
  padding: 0 0 10vw;
}
.popup__Close {
  position: fixed;
  width: 2.9285714286vw;
  top: 7.1428571429vw;
  left: 80vw;
  cursor: pointer;
}
.popup__Box {
  margin-left: 17.1428571429vw;
  width: 57.1428571429vw;
  padding-top: 8.8571428571vw;
  display: flex;
  justify-content: space-between;
}
.popup__Box-Sticky {
  height: 100%;
  position: sticky;
  top: 7.1428571429vw;
}
.popup__Box-Sticky-Child {
  width: 28.5714285714vw;
}
.popup__Box-Item {
  width: 12.8571428571vw;
}
.popup__Box-Item ul li {
  margin-bottom: 2.8571428571vw;
}
.popup__Box-Item ul li:last-child {
  margin-bottom: 0;
}
.popup__Box#model01 {
  padding-top: 10vw;
}
.popup__Box#model02 {
  padding-top: 9.6428571429vw;
}
.popup__Box#model05 {
  margin-bottom: 6.7857142857vw;
}
.popup__Box#model05 .popup__Box-Item ul li {
  margin-bottom: 2.9428571429vw;
}
.popup__Box#model08 {
  margin-bottom: 0vw;
}

.novelty__Inner {
  position: relative;
  margin: auto;
  width: 100%;
  height: 59.0714285714vw;
}
.novelty__Ttl {
  position: absolute;
  width: 25.5714285714vw;
  top: 0vw;
  left: 37.2857142857vw;
}
.novelty__Model {
  position: absolute;
}
.novelty__Model.-model01 {
  width: 25.7142857143vw;
  top: 3.7857142857vw;
  left: 50vw;
}
.novelty__Model.-model02 {
  width: 25.7142857143vw;
  top: 3.7857142857vw;
  left: 24.2857142857vw;
}
.novelty__Txt {
  position: absolute;
  width: 38.5714285714vw;
  left: 30.7142857143vw;
  text-align: center;
  font-size: 1vw;
  line-height: 2vw;
  letter-spacing: 0.05em;
}
.novelty__Txt.-txt01 {
  top: 38.2857142857vw;
}
.novelty__Txt.-txt02 {
  top: 41.2857142857vw;
}
.novelty__Txt.-txt03 {
  top: 49.2857142857vw;
  font-size: 0.8571428571vw;
  line-height: 2vw;
}

.AllitemBtn {
  margin: 0 auto 8.5714285714vw;
  display: block;
  width: 23.5714285714vw;
  transform: translateX(0.5714285714vw);
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}

@media (min-width: 1401px) {
  .credit {
    margin-top: 30px;
  }
  .credit .item {
    margin-right: 10px;
    margin-bottom: 9px;
    font-size: 13px;
  }
  .credit .link {
    font-size: 13px;
  }
  .credit .link .price {
    margin-left: 3px;
  }
  .feature:before {
    transform: translateX(-50%);
    top: 285px;
    left: calc(50% - 406px);
    width: 2301px;
    height: 2265px;
  }
  .feature:after {
    transform: translateX(-50%);
    top: 212px;
    left: calc(50% + 236px);
    width: 91.74px;
    height: 97.48px;
  }
  .mv__Inner {
    width: 1400px;
    height: 885px;
  }
  .mv__Thum {
    width: 420px;
    top: 53px;
    left: 490px;
  }
  .mv__Ttl {
    width: 477.5px;
    top: 602px;
    left: 460px;
    font-size: 50px;
  }
  .mv__Ttl span {
    font-size: 60px;
  }
  .mv__Subttl {
    width: 477.5px;
    top: 678px;
    left: 461px;
    font-size: 20px;
  }
  .mv__Txt {
    width: 700px;
    top: 731px;
    left: 350px;
    font-size: 14px;
    line-height: 32px;
  }
  .front__Inner {
    width: 1400px;
    height: 1665px;
  }
  .front__Model:before {
    bottom: 10px;
    left: 12px;
    width: 28px;
    height: 28px;
  }
  .front__Model.-model01 {
    width: 300px;
    top: 0px;
    left: 244px;
  }
  .front__Model.-model02 {
    width: 300px;
    top: 0px;
    left: 550px;
  }
  .front__Model.-model04 {
    width: 300px;
    top: 0px;
    left: 856px;
  }
  .front__Model.-model06 {
    width: 300px;
    top: 384px;
    left: 244px;
  }
  .front__Model.-model05 {
    width: 606px;
    top: 384px;
    left: 550px;
  }
  .front__Model.-model03 {
    width: 300px;
    top: 766px;
    left: 244px;
  }
  .front__Model.-model09 {
    width: 300px;
    top: 1149px;
    left: 244px;
  }
  .front__Model.-model07 {
    width: 300px;
    top: 1149px;
    left: 550px;
  }
  .front__Model.-model08 {
    width: 300px;
    top: 1149px;
    left: 856px;
  }
  .popup__Inner {
    width: 1400px;
    padding: 0 0 140px;
  }
  .popup__Close-Wrap {
    position: fixed;
    width: 1400px;
    left: 50%;
    transform: translateX(-50%);
  }
  .popup__Close {
    position: absolute;
    width: 41px;
    top: 100px;
    left: 1120px;
  }
  .popup__Box {
    margin-left: 240px;
    width: 800px;
    padding-top: 124px;
  }
  .popup__Box-Sticky {
    top: 100px;
  }
  .popup__Box-Sticky-Child {
    width: 400px;
  }
  .popup__Box-Item {
    width: 180px;
  }
  .popup__Box-Item ul {
    top: 100px;
  }
  .popup__Box-Item ul li {
    margin-bottom: 40px;
  }
  .popup__Box#model01 {
    padding-top: 140px;
  }
  .popup__Box#model02 {
    padding-top: 135px;
  }
  .popup__Box#model05 {
    margin-bottom: 95px;
  }
  .popup__Box#model05 .popup__Box-Item ul li {
    margin-bottom: 41.2px;
  }
  .novelty__Inner {
    width: 1400px;
    height: 827px;
  }
  .novelty__Ttl {
    width: 358px;
    top: 0px;
    left: 522px;
  }
  .novelty__Model.-model01 {
    width: 360px;
    top: 53px;
    left: 700px;
  }
  .novelty__Model.-model02 {
    width: 360px;
    top: 53px;
    left: 340px;
  }
  .novelty__Txt {
    width: 540px;
    left: 430px;
    font-size: 14px;
    line-height: 28px;
  }
  .novelty__Txt.-txt01 {
    top: 536px;
  }
  .novelty__Txt.-txt02 {
    top: 578px;
  }
  .novelty__Txt.-txt03 {
    top: 690px;
    font-size: 12px;
    line-height: 28px;
  }
  .AllitemBtn {
    margin: 0 auto 120px;
    width: 330px;
    transform: translateX(0);
  }
}