@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.preorder_contents {
  --color-black: #000;
  --color-white: #fff;
  --font_weight-light: 300;
  --font_weight-regular: 400;
  --font_weight-medium: 500;
  --font_weight-semibold: 600;
  --font_weight-bold: 700;
  --font_family-garamond: "adobe-garamond-pro", sans-serif;
  --font_family-hiragino: "Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - other
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
  .preorder_contents .hidden-mobile {display: none !important;}
}
@media screen and (min-width: 768px) {
  .preorder_contents .hidden-desktop {display: none !important;}
}
.preorder_contents img,
.preorder_contents picture,
.preorder_contents video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.preorder_contents p {
  margin: 0;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - preorder
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.main-area .preorder_contents {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: calc(50*100vw/750);
}
.main-area .preorder_contents .preorder_inner {
  display: flex;
  flex-direction: column;
  row-gap: calc(30*100vw/750);
  width: calc(750*100vw/750);
  margin: 0 auto;
}
.main-area .preorder_contents .preorder_inner .preorder_season {
  font-size: calc(32*100vw/750);
  line-height: 1.5;
  letter-spacing: .04em;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-garamond);
  color: var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_image {
  width: 100%;
  margin: 0 auto;
}
.main-area .preorder_contents .preorder_inner .preorder_title {
  font-size: calc(40*100vw/750);
  line-height: 1.5;
  letter-spacing: .04em;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-garamond);
  color: var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_lead {
  font-size: calc(28*100vw/750);
  line-height: 1.75;
  letter-spacing: .04em;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-hiragino);
  color: var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_campaign {
  width: calc(650*100vw/750);
  margin: calc(30*100vw/750) auto 0;
  padding: calc(15*100vw/750);
  font-size: calc(28*100vw/750);
  text-align: center;
  border: 1px solid var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_campaign_title {
  position: relative;
  top: calc(-35*100vw/750);
  padding: 0 calc(20*100vw/750);
  z-index: 2;
  width: fit-content;
  margin: 0 auto calc(-10*100vw/750);
  line-height: 1.5;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-garamond);
  background-color: var(--color-white);
  color: var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_campaign_lead {
  line-height: 1.5;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-hiragino);
  color: var(--color-black);
}
.main-area .preorder_contents .preorder_inner .preorder_underline {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.main-area .preorder_contents .preorder_inner .preorder_btn {
  width: fit-content;
  margin: 0 auto;
  font-size: calc(30*100vw/750);
  line-height: 1.5;
  font-weight: var(--font_weight-regular);
  font-family: var(--font_family-garamond);
  color: var(--color-white);
}
.main-area .preorder_contents .preorder_inner .preorder_btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: calc(30*100vw/750);
  background-color: var(--color-black);
}

@media screen and (min-width: 768px) {
  .main-area .preorder_contents {
    margin-top: 0;
  }
  .main-area .preorder_contents .preorder_inner {
    row-gap: min(20*100vw/1400, 20px);
    width: min(800*100vw/1400, 800px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_season {
    font-size: min(18*100vw/1400, 18px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_title {
    font-size: min(30*100vw/1400, 30px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_lead {
    font-size: min(18*100vw/1400, 18px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_campaign {
    width: min(600*100vw/1400, 600px);
    margin-top: min(20*100vw/1400, 20px);
    padding: min(20*100vw/1400, 20px);
    font-size: min(18*100vw/1400, 18px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_campaign_title {
    top: max(-25*100vw/1400, -25px);
    padding: 0 min(10*100vw/1400, 10px);
    margin: 0 auto max(-10*100vw/1400, -10px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_btn {
    font-size: min(20*100vw/1400, 20px);
  }
  .main-area .preorder_contents .preorder_inner .preorder_btn > a {
    padding: min(10*100vw/1400, 10px);
  }
}