@charset "UTF-8";

/* ===============================================### 
共通パーツ
###=============================================== */
.Leminor0620_lp {
  --primary-color: #1d2243;
  --info-color: #b91537;
  overflow: hidden;
}

/* ===========### PC版用設定 ###=========== */
@media screen and (min-width: 768px) {
  .Leminor0620_lp {
    --content-width: 140rem;
  }

  .Leminor0620_lp .sp-only {
    display: none;
  }
}

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  .Leminor0620_lp {
    --content-width: calc(750 * 100vw / 750);
  }

  .Leminor0620_lp .pc-only {
    display: none;
  }
}

/* ===========### Font ###=========== */
.Leminor0620_lp .garamond {
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: var(--primary-color);
}

.Leminor0620_lp .yu-gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  color: var(--primary-color);
}

.Leminor0620_lp .pragmatica {
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
  color: var(--primary-color);
}

.Leminor0620_lp .castoro-regular {
  font-family: "castoro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  color: var(--primary-color);
}

.Leminor0620_lp .bold-text {
  font-weight: bold;
  font-feature-settings: "palt";
  transform: rotate(0.03deg);
}

@media screen and (max-width: 767px) {
}

/* ===============================================### 
MV
###=============================================== */
.Leminor0620_lp .mv {
  width: 120rem;
  margin: 0 auto;
}

/*** text ***/
.Leminor0620_lp .mv__text {
  margin-top: 10rem;
}

.Leminor0620_lp .title__text {
  margin-top: 2.9rem;
  font-size: 3.4rem;
  letter-spacing: 0.1em;
  text-align: center;
}

.Leminor0620_lp .summary__text {
  margin-top: 3.9rem;
  font-size: 1.5rem;
  line-height: 2.93;
  text-align: center;
}

/*** image ***/
.Leminor0620_lp .mv__image {
  width: fit-content;
}

.Leminor0620_lp .mv__image img {
  width: 100%;
  height: auto;
}

.Leminor0620_lp .mv__logo {
  width: 11rem;
  margin-inline: auto;
}

.Leminor0620_lp .mv__logo img {
  width: 100%;
  height: auto;
}

/*** animation ***/
.js-fade-in__trigger {
  opacity: 0;
  transition: opacity 3s;
}
.js-fade-in {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .mv {
    width: calc(750 * 100vw / 750);
  }

  /*** text ***/
  .Leminor0620_lp .mv__text {
    margin-top: calc(119 * 100vw / 750);
  }

  .Leminor0620_lp .title__text {
    margin-top: calc(39 * 100vw / 750);
    margin-left: calc(8 * 100vw / 750);
    font-size: calc(60 * 100vw / 750);
    letter-spacing: 0.11em;
    line-height: 1.3666666667;
  }

  .Leminor0620_lp .summary__text {
    margin-top: calc(42 * 100vw / 750);
    font-size: calc(24 * 100vw / 750);
    line-height: 2.33;
    text-align: center;
    font-feature-settings: "palt";
  }

  /*** image ***/
  .Leminor0620_lp .mv__logo {
    width: calc(183 * 100vw / 750);
  }
}

/* ===============================================### 
発売日スタート告知帯
###=============================================== */
.Leminor0620_lp .release-date__text {
  width: 100%;
  height: 3.6rem;
  margin-top: 8.4rem;
  background-color: var(--info-color);
  text-align: center;
}

.Leminor0620_lp .release-date__text p {
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .release-date__text {
    height: calc(60 * 100vw / 750);
    margin-top: calc(101 * 100vw / 750);
  }

  .Leminor0620_lp .release-date__text p {
    font-size: calc(34 * 100vw / 750);
  }
}

/* ===============================================### 
サイドテキスト
###=============================================== */
.Leminor0620_lp .side__text {
  position: fixed;
  top: 8%;
  left: 4.9rem;
  transform: translateY(-50%);
  width: 8.6rem;
  z-index: 20;
}

.Leminor0620_lp .side__text img {
  width: 100%;
  height: auto;
}

/*** animation ***/
.Leminor0620_lp .js-show-text {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.Leminor0620_lp .js-show-text.is-active {
  opacity: 1;
  transition: opacity 0.6s ease;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .side__text {
    left: calc(45 * 100vw / 750);
    width: calc(150 * 100vw / 750);
  }
}

/* ===============================================### 
コンテンツ
###=============================================== */
/* ===========### Common ###=========== */
.Leminor0620_lp .content__inner {
  max-width: var(--content-width);
  margin-inline: auto;
}

.Leminor0620_lp [class*="grid__item"] {
  width: fit-content;
  height: fit-content;
  position: relative;
}

/*** text ***/
.Leminor0620_lp .credit__text {
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 2;
  display: flex;
  flex-wrap: wrap;
}

.Leminor0620_lp .credit__text li{
  font-weight: 300;
}

.Leminor0620_lp .description__text {
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  line-height: 2.2;
  text-align: left;
  font-feature-settings: "palt";
}

/*** image ***/
.Leminor0620_lp .content__image img {
  width: 100%;
  height: auto;
}

.Leminor0620_lp .item-name__text img {
  width: 100%;
  height: auto;
}

/*** frame ***/
.Leminor0620_lp .frame__line{
  position: relative;
}

.Leminor0620_lp .frame__line:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.2rem solid var(--primary-color);
  box-sizing: border-box;
  pointer-events: none;
}


/*** animation ***/
.js-fade-up__trigger {
  transform: translate3d(0, 5rem, 0);
  opacity: 0;
  transition: 1s;
}
.js-fade-up {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  /*** text ***/
  .Leminor0620_lp .credit__text {
    font-size: calc(23 * 100vw / 750);
    letter-spacing: 0.02em;
    line-height: 1.8;
  }

  .Leminor0620_lp .description__text {
    font-size: calc(24 * 100vw / 750);
    line-height: 2.1;
  }

  /*** frame ***/
  .Leminor0620_lp .frame__line:after{
    border: calc(4 * 100vw / 750) solid var(--primary-color);
  }
}

/* ===========### Content01 ###=========== */
.Leminor0620_lp .content01 {
  margin-top: 16rem;
}

.Leminor0620_lp .content01 .content__item02 {
  width: 42.3rem;
}

.Leminor0620_lp .content01 .content__item04 {
  width: fit-content;
}

/*** grid ***/
.Leminor0620_lp .content01 .grid-wrapper {
  display: grid;
  grid-template-columns: 5.7rem 29rem 16rem 48rem;
  grid-template-rows: 13.7rem 26.8rem 35.6rem 48.4rem;
  row-gap: 10.3rem;
  margin-left: 20.8rem;
}

.Leminor0620_lp .content01 .grid__item01 {
  grid-column: 2;
  grid-row: 1;
}

.Leminor0620_lp .content01 .grid__item02 {
  grid-column: 1;
  grid-row: 3;
}

.Leminor0620_lp .content01 .grid__item03 {
  grid-column: 4;
  grid-row: 2;
}

.Leminor0620_lp .content01 .grid__item04 {
  grid-column: 3;
  grid-row: 4;
}

/*** text ***/
.Leminor0620_lp .content01 .content__item02 .description__text {
  margin-top: 2.1rem;
}

.Leminor0620_lp .content01 .content__item03 .credit__text {
  margin-top: 2.7rem;
  margin-left: 0.4rem;
  width: 48rem;
  text-align: right;
}

/*** クレジット微調整 ***/
.Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(1) {
  margin-left: 9.8rem;
}

.Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(2),
.Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(3),
.Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(5) {
  margin-left: 0.9rem;
}

.Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(4) {
  margin-left: 24rem;
  margin-bottom: -0.1rem;
}

.Leminor0620_lp .content01 .content__item04 .credit__text {
  display: block;
  margin-top: 2.7rem;
  margin-left: 0.3rem;
  letter-spacing: 0.02em;
  text-align: center;
}

/*** image ***/
.Leminor0620_lp .content01 .content__item01 .content__image {
  width: 34rem;
}

.Leminor0620_lp .content01 .content__item02 .item-name__text {
  width: 29rem;
}

.Leminor0620_lp .content01 .content__item03 .content__image {
  width: 48rem;
}

.Leminor0620_lp .content01 .content__item04 .content__image {
  width: 29rem;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .content01 {
    margin-top: calc(201 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item01 {
    margin-left: calc(134 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item02 {
    width: fit-content;
    margin-top: calc(91 * 100vw / 750);
    margin-left: calc(45 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item03 {
    margin-top: calc(95 * 100vw / 750);
    margin-left: calc(90 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item04 {
    width: fit-content;
    margin-top: calc(101 * 100vw / 750);
  }

  /*** grid ***/
  .Leminor0620_lp .content01 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  /*** flex ***/
  .Leminor0620_lp .content01 .flex-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }

  /*** text ***/
  .Leminor0620_lp .content01 .content__item02 .description__text {
    margin-top: calc(38 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item03 .credit__text {
    margin-top: calc(39 * 100vw / 750);
    margin-left: calc(150 * 100vw / 750);
    width: calc(500 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item04 .credit__text {
    margin-top: 0;
    margin-bottom: calc(-10 * 100vw/750);
    margin-left: calc(38 * 100vw / 750);
    text-align: center;
  }

  /*** クレジット微調整 ***/
  .Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(1) {
    margin-left: calc(107 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(2) {
    margin-left: calc(16 * 100vw / 750);
    letter-spacing: 0;
  }

  .Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(3) {
    margin-left: calc(187 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(4) {
    margin-left: calc(53 * 100vw / 750);
    margin-top: calc(0.1 * 100vw / 750);
    margin-bottom: 0;
  }

  .Leminor0620_lp .content01 .content__item03 .credit__text li:nth-of-type(5) {
    margin-left: calc(13 * 100vw / 750);
    margin-top: calc(0.1 * 100vw / 750);
  }

  /*** image ***/
  .Leminor0620_lp .content01 .content__item01 .content__image {
    width: calc(480 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item02 .item-name__text {
    width: calc(479 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item03 .content__image {
    width: calc(660 * 100vw / 750);
  }

  .Leminor0620_lp .content01 .content__item04 .content__image {
    width: calc(420 * 100vw / 750);
  }
}

/* ===========### Content02 ###=========== */
.Leminor0620_lp .content02 {
  margin-top: 13.8rem;
}

/*** grid ***/
.Leminor0620_lp .content02 .grid-wrapper {
  display: grid;
  grid-template-columns: 48rem 11rem 10rem 26rem;
  grid-template-rows: 17.2rem 20.6rem 61.2rem;
  margin-left: 22.5rem;
}

.Leminor0620_lp .content02 .grid__item01 {
  grid-column: 4;
  grid-row: 2;
  z-index: 2;
}

.Leminor0620_lp .content02 .grid__item02 {
  grid-column: 1;
  grid-row: 1;
}

.Leminor0620_lp .content02 .grid__item03 {
  grid-column: 3;
  grid-row: 3;
}

/*** text ***/
.Leminor0620_lp .content02 .grid__item02 .description__text {
  margin-top: 6.1rem;
}

.Leminor0620_lp .content02 .content__item03 .credit__text {
  margin-top: 2.7rem;
  margin-right: 20rem;
  width: 30rem;
  text-align: left;
}

/*** クレジット微調整 ***/
.Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(1) {
  margin-left: -0.1rem;
}

.Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(2) {
  margin-left: 0.8rem;
}

.Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(3) {
  margin-left: -0.2rem;
}

.Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(4) {
  margin-left: 1.1rem;
}

/*** image ***/
.Leminor0620_lp .content02 .content__item01 .item-name__text {
  width: 26.1rem;
}

.Leminor0620_lp .content02 .content__item02 .content__image {
  width: 48rem;
}
.Leminor0620_lp .content02 .content__item03 .content__image {
  width: 36rem;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .content02 {
    margin-top: calc(181 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item01 {
    margin-left: calc(278 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item02 {
    margin-top: calc(-79 * 100vw / 750);
    margin-left: calc(45 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item03 {
    margin-top: calc(96 * 100vw / 750);
    margin-left: calc(230 * 100vw / 750);
  }

  /*** grid ***/
  .Leminor0620_lp .content02 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  /*** text ***/
  .Leminor0620_lp .content02 .grid__item02 .description__text {
    margin-top: calc(67 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item03 .credit__text {
    margin-top: calc(38 * 100vw / 750);
    margin-right: calc(100 * 100vw / 750);
    width: calc(450 * 100vw / 750);
  }

  /*** クレジット微調整 ***/
  .Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(1) {
    margin-left: 0;
  }

  .Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(2) {
    margin-left: calc(20 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(3) {
    margin-left: 0;
    margin-top: 0;
  }

  .Leminor0620_lp .content02 .content__item03 .credit__text li:nth-of-type(4) {
    margin-left: calc(16 * 100vw / 750);
    margin-top: 0;
  }

  .Leminor0620_lp .content02 .grid__item03 .credit__text li:nth-of-type(1),
  .Leminor0620_lp .content02 .grid__item03 .credit__text li:nth-of-type(2),
  .Leminor0620_lp .content02 .grid__item03 .credit__text li:nth-of-type(4) {
    letter-spacing: 0;
  }

  /*** image ***/
  .Leminor0620_lp .content02 .content__item01 .item-name__text {
    width: calc(427 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item02 .content__image {
    width: calc(660 * 100vw / 750);
  }

  .Leminor0620_lp .content02 .content__item03 .content__image {
    width: calc(520 * 100vw / 750);
  }
}

/* ===========### Content03 ###=========== */
.Leminor0620_lp .content03 {
  margin-top: 14.1rem;
}

.Leminor0620_lp .content03 .content__inner {
  width: 70.7rem;
  margin-inline: auto;
}

.Leminor0620_lp .content03 .content__item02 {
  width: 45.4rem;
}

/*** grid ***/
.Leminor0620_lp .content03 .grid-wrapper {
  display: grid;
  grid-template-columns: 14rem 1.3rem 40rem 15.3rem 1fr;
  grid-template-rows: 47rem 16.2rem 66.9rem;
  row-gap: 5.9rem;
}

.Leminor0620_lp .content03 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.Leminor0620_lp .content03 .grid__item02 {
  grid-column: 2;
  grid-row: 2;
}

.Leminor0620_lp .content03 .grid__item03 {
  grid-column: 3;
  grid-row: 3;
}

/*** text ***/
.Leminor0620_lp .content03 .grid__item02 .description__text {
  margin-top: 2.2rem;
  margin-right: 2.8rem;
  text-align: center;
}

.Leminor0620_lp .content03 .content__item03 .credit__text {
  margin-top: 2.8rem;
  margin-left: 2.8rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(1) {
  margin-left: 0.9rem;
}
.Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(2) {
  margin-left: 0.9rem;
}
.Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(3) {
  margin-left: 1rem;
}
.Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(5),
.Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(6) {
  margin-left: 1rem;
}

/*** image ***/
.Leminor0620_lp .content03 .content__item01 .content__image {
  width: 70.5rem;
}

.Leminor0620_lp .content03 .content__item02 .item-name__text {
  width: 42.6rem;
}

.Leminor0620_lp .content03 .content__item03 .content__image {
  width: 40rem;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .content03 {
    margin-top: calc(172 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__inner {
    width: fit-content;
  }

  .Leminor0620_lp .content03 .content__item02 {
    margin-top: calc(80 * 100vw / 750);
    margin-left: calc(104 * 100vw / 750);
    width: calc(568 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__item03 {
    width: fit-content;
    margin-top: calc(96 * 100vw / 750);
    margin-left: calc(85 * 100vw / 750);
  }

  /*** grid ***/
  .Leminor0620_lp .content03 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  /*** text ***/
  .Leminor0620_lp .content03 .grid__item02 .description__text {
    margin-top: calc(38 * 100vw / 750);
    margin-right: calc(26*(100vw / 750));
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text {
    margin-top: calc(37 * 100vw / 750);
    margin-left: calc(89 * 100vw / 750);
    width: calc(500 * 100vw / 750);
  }

  /*** クレジット微調整 ***/
  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(1),
  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(3) {
    margin-left: calc(6 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(2) {
    margin-left: calc(21 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(4) {
    margin-left: calc(21 * 100vw / 750);
    margin-top: 0;
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(5) {
    margin-left: calc(10 * 100vw / 750);
    margin-top: 0;
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(6) {
    margin-left: calc(21 * 100vw / 750);
    margin-top: 0;
  }

  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(2n+1),
  .Leminor0620_lp .content03 .content__item03 .credit__text li:nth-of-type(6) {
    letter-spacing: 0;
  }

  /*** image ***/
  .Leminor0620_lp .content03 .content__item01 .content__image {
    width: calc(750 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__item02 .item-name__text {
    width: calc(541 * 100vw / 750);
  }

  .Leminor0620_lp .content03 .content__item03 .content__image {
    width: calc(580 * 100vw / 750);
  }
}

/* ===============================================### 
Others
###=============================================== */
.Leminor0620_lp .others {
  margin-top: 12.4rem;
  margin-bottom: 16rem;
}

/*** text ***/
.Leminor0620_lp .staff__text .title__text {
  width: fit-content;
  margin-inline: auto;
  padding-bottom: 0.2rem;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  text-align: center;
  border-bottom: 0.1rem solid var(--primary-color);
}

.Leminor0620_lp .staff__text ul {
  margin-top: 2.7rem;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  text-align: center;
}

.Leminor0620_lp .link__button {
  width: 38rem;
  margin: 9.6rem auto 0;
  border: 0.1rem solid var(--primary-color);
}

.Leminor0620_lp .link__button a {
  display: block;
  padding: 2.2rem 0;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .Leminor0620_lp .others {
    margin-top: calc(148 * 100vw / 750);
    margin-bottom: calc(199 * 100vw / 750);;
  }

  /*** text ***/
  .Leminor0620_lp .staff__text .title__text {
    padding-bottom: calc(-1 * 100vw / 750);
    font-size: calc(28 * 100vw / 750);
    border-bottom: calc(2 * 100vw / 750) solid var(--primary-color);
  }

  .Leminor0620_lp .staff__text ul {
    margin-top: calc(29 * 100vw / 750);
    font-size: calc(24 * 100vw / 750);
  }

  .Leminor0620_lp .link__button {
    width: calc(675 * 100vw / 750);
    margin: calc(149 * 100vw / 750) auto;
  }

  .Leminor0620_lp .link__button a {
    padding: calc(42 * 100vw / 750) 0 calc(48 * 100vw / 750);
    font-size: calc(28 * 100vw / 750);
  }
}
