@charset "UTF-8";
/* //////////////////////////////////////////////////

Title : style.scss
For   : Page/PRE_ORDER/250109/

Created       : 2024-12-20
Last Modified : 2024-12-20

==========================================

Content

////////////////////////////////////////////////// */
/**
 * variables, layouts
 */
#CE250109SS1st {
  --color-dark: #000;
  --color-deep-gray: #333;
  --color-light-gray: #B2B2B2;
  --color-theme-pink: #E67E7E;
  --color-pale-pink: #E9CCCC;
  --color-pale-green: #EFF5F6;
  --font-title: "bodoni-urw", serif;
  --font-guide: "dupincel-variable", sans-serif;
  --font-en: "Crimson Text", serif;
  --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

/**
 * layout
 */
#CE250109SS1st {
  width: 100%;
  margin-inline: auto;
}

.main-area .main-inner {
  max-width: 100%;
  width: 100%;
  padding-inline: 0;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #CE250109SS1st {
    --rate: 100vw / 750;
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-after: calc(40 * var(--rate));
            padding-block-end: calc(40 * var(--rate));
  }
  #CE250109SS1st .hidden-sml {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #CE250109SS1st {
    --rate: .1rem;
    -webkit-padding-before: calc(30 * var(--rate));
            padding-block-start: calc(30 * var(--rate));
    -webkit-padding-after: calc(60 * var(--rate));
            padding-block-end: calc(60 * var(--rate));
  }
  #CE250109SS1st .hidden-lrg {
    display: none !important;
  }
}
/* --- for middle viewport --- */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
/**
 * common
 */
.lpCelford img,
.lpCelford picture {
  display: var(--display, block);
}
.lpCelford img,
.lpCelford video,
.lpCelford svg {
  width: 100%;
  height: auto;
}
.lpCelford iframe {
  width: 100%;
  height: 100%;
}
.lpCelford a {
  display: var(--display, inline-block);
}
.lpCelford a:has(img) {
  --display: block;
  position: relative;
  z-index: 1;
}
.lpCelford * {
  font-feature-settings: "palt";
  font-size: var(--font-size, var(--font-size-base));
  font-family: var(--font-family, var(--font-ja));
  box-sizing: border-box;
}

#breadcrumb {
  margin-inline: auto;
}

.mainContents__styling-image {
  position: relative;
  z-index: 1;
}
.mainContents__styling-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 0;
}
.mainContents__product-prices {
  --font-family: var(--font-en);
  letter-spacing: 0.025em;
  line-height: 1;
  text-align: var(--text-align, left);
}
.mainContents__product-prices > * {
  border-bottom: 1px solid var(--color-light-gray);
}

.carouselPager {
  display: flex;
}
.carouselPager__progress {
  position: relative;
  display: block;
  background-color: var(--color-light-gray);
}
.carouselPager__progress::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--color-dark);
}
.carouselPager__progress.is-active::after {
  -webkit-animation: progress 2.5s ease-in-out forwards;
          animation: progress 2.5s ease-in-out forwards;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #breadcrumb .cateList {
    --font-size: calc(20 * var(--rate));
  }
  #style-archive.style-archive {
    -webkit-padding-after: 18.6666666667vw !important;
            padding-block-end: 18.6666666667vw !important;
  }
  .mainContents__product-prices {
    --price-gap: 1em;
    --font-size: calc(24 * var(--rate));
  }
  .mainContents__product-prices > * {
    -webkit-padding-after: calc(2 * var(--rate));
            padding-block-end: calc(2 * var(--rate));
  }
  .carouselPager {
    -webkit-margin-before: calc(30 * var(--rate));
            margin-block-start: calc(30 * var(--rate));
    -moz-column-gap: calc(20 * var(--rate));
         column-gap: calc(20 * var(--rate));
  }
  .carouselPager__progress {
    width: calc(70 * var(--rate));
    height: calc(4 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #breadcrumb {
    max-width: 1400px;
    -webkit-padding-start: 100px;
            padding-inline-start: 100px;
  }
  .mainContents__product-prices {
    --price-gap: 1.1em;
    --font-size: calc(13 * var(--rate));
  }
  .mainContents__product-prices > * {
    -webkit-padding-after: calc(1.5 * var(--rate));
            padding-block-end: calc(1.5 * var(--rate));
  }
  .carouselPager {
    -webkit-margin-before: calc(15 * var(--rate));
            margin-block-start: calc(15 * var(--rate));
    -moz-column-gap: calc(10 * var(--rate));
         column-gap: calc(10 * var(--rate));
  }
  .carouselPager__progress {
    width: calc(35 * var(--rate));
    height: calc(2 * var(--rate));
  }
  .splide.sml-viewport-splide.is-initialized:not(.is-active) .mainContents__styling-images-shell {
    display: grid;
  }
}
/**
 * first view
 */
.firstview {
  max-width: 1000px;
  margin-inline: auto;
  text-align: center;
}
.firstview__lead-title {
  --font-family: var(--font-title);
  color: var(--color-theme-pink);
  letter-spacing: 0.075em;
  line-height: 1;
}
.firstview__lead-text {
  letter-spacing: 0.05em;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .firstview__lead {
    -webkit-margin-before: calc(80 * var(--rate));
            margin-block-start: calc(80 * var(--rate));
  }
  .firstview__lead-title {
    font-size: calc(44 * var(--rate));
  }
  .firstview__lead-text {
    -webkit-margin-before: calc(46 * var(--rate));
            margin-block-start: calc(46 * var(--rate));
    font-size: calc(24 * var(--rate));
    line-height: 2.2;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .firstview__lead {
    -webkit-margin-before: calc(60 * var(--rate));
            margin-block-start: calc(60 * var(--rate));
  }
  .firstview__lead-title {
    font-size: calc(24 * var(--rate));
  }
  .firstview__lead-text {
    -webkit-margin-before: calc(22 * var(--rate));
            margin-block-start: calc(22 * var(--rate));
    font-size: calc(12 * var(--rate));
    line-height: 2.4;
  }
}
/**
 * sales start guide
 */
.salesStart-guide {
  --font-family: var(--font-guide);
  position: relative;
  text-align: center;
  font-variation-settings: "opsz" 36, "wght" 400;
  letter-spacing: 0.075em;
  line-height: 1;
}
.salesStart-guide > span {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.salesStart-guide::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: var(--color-deep-gray);
  z-index: 0;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .salesStart-guide {
    -webkit-margin-before: calc(76 * var(--rate));
            margin-block-start: calc(76 * var(--rate));
    font-size: calc(30 * var(--rate));
  }
  .salesStart-guide > span {
    padding-inline: calc(20 * var(--rate));
  }
  .salesStart-guide::before {
    transform: translateY(calc(-2 * var(--rate)));
  }
  .salesStart-guide .weekday {
    font-size: calc(24 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .salesStart-guide {
    -webkit-margin-before: calc(54 * var(--rate));
            margin-block-start: calc(54 * var(--rate));
    font-size: calc(20 * var(--rate));
  }
  .salesStart-guide > span {
    padding-inline: calc(18 * var(--rate));
  }
  .salesStart-guide::before {
    transform: translateY(calc(-1 * var(--rate)));
  }
  .salesStart-guide .weekday {
    font-size: calc(15 * var(--rate));
  }
}
/**
 * main contents
 */
.mainContents__shell, .mainContents__block, .mainContents__cell {
  position: relative;
}
.mainContents__shell {
  margin-inline: auto;
}
.mainContents__block {
  display: grid;
  justify-content: center;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .mainContents {
    -webkit-margin-before: calc(140 * var(--rate));
            margin-block-start: calc(140 * var(--rate));
  }
  .mainContents__shell--coordinate02 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    background-image: linear-gradient(to bottom, transparent 0%, transparent calc(80 * var(--rate)), var(--color-pale-green) calc(80 * var(--rate)), transparent calc(1536 * var(--rate)), transparent 100%);
  }
  .mainContents__shell--coordinate03 {
    -webkit-margin-before: calc(158 * var(--rate));
            margin-block-start: calc(158 * var(--rate));
    padding-block: calc(60 * var(--rate));
    background-image: url(../images/background/small/shell-003-001.jpg), url(../images/background/small/shell-003-002.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: calc(300 * var(--rate)), calc(680 * var(--rate));
    background-position: top left calc(57 * var(--rate)), bottom right;
  }
  .mainContents__shell--coordinate04 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    padding-inline: calc(35 * var(--rate));
  }
  .mainContents__shell--coordinate05 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    padding-inline: calc(165 * var(--rate));
  }
  .mainContents__shell--coordinate06 {
    -webkit-margin-before: calc(120 * var(--rate));
            margin-block-start: calc(120 * var(--rate));
    -webkit-padding-before: calc(98 * var(--rate));
            padding-block-start: calc(98 * var(--rate));
    background-image: url(../images/background/small/shell-006-001.jpg);
    background-repeat: no-repeat;
    background-size: calc(240 * var(--rate));
    background-position: top left;
  }
  .mainContents__shell--coordinate07 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    padding-inline: calc(35 * var(--rate));
  }
  .mainContents__shell--coordinate08 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    -webkit-padding-after: calc(60 * var(--rate));
            padding-block-end: calc(60 * var(--rate));
    background-image: url(../images/background/small/shell-008.jpg);
    background-repeat: no-repeat;
    background-size: calc(555 * var(--rate));
    background-position: bottom left;
  }
  .mainContents__shell--coordinate09 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    background-image: linear-gradient(to bottom, transparent 0%, transparent calc(382 * var(--rate)), var(--color-pale-green) calc(382 * var(--rate)), var(--color-pale-green) 100%);
  }
  .mainContents__shell--coordinate10 {
    -webkit-padding-before: calc(178 * var(--rate));
            padding-block-start: calc(178 * var(--rate));
    -webkit-padding-after: calc(60 * var(--rate));
            padding-block-end: calc(60 * var(--rate));
    background-color: var(--color-pale-green);
  }
  .mainContents__shell--coordinate11 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
  }
  .mainContents__shell--coordinate12 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    background-image: url(../images/background/small/shell-012.jpg);
    background-repeat: no-repeat;
    background-size: calc(566 * var(--rate));
    background-position: top calc(746 * var(--rate)) right;
  }
  .mainContents__shell--coordinate13 {
    -webkit-margin-before: calc(100 * var(--rate));
            margin-block-start: calc(100 * var(--rate));
    -webkit-padding-before: calc(100 * var(--rate));
            padding-block-start: calc(100 * var(--rate));
    background-image: url(../images/background/small/shell-013.jpg);
    background-repeat: no-repeat;
    background-size: calc(320 * var(--rate));
    background-position: top left;
  }
  .mainContents__shell--coordinate14 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    -webkit-padding-end: calc(50 * var(--rate));
            padding-inline-end: calc(50 * var(--rate));
  }
  .mainContents__shell--coordinate15 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    -webkit-padding-after: calc(60 * var(--rate));
            padding-block-end: calc(60 * var(--rate));
    background-image: url(../images/background/small/shell-015.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom left;
  }
  .mainContents__shell--coordinate16 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
  }
  .mainContents__shell--coordinate17 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
  }
  .mainContents__shell--coordinate18 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
    -webkit-padding-before: calc(60 * var(--rate));
            padding-block-start: calc(60 * var(--rate));
    background-image: linear-gradient(to bottom, var(--color-pale-green) 0%, transparent calc(2580 * var(--rate)), transparent 100%);
  }
  .mainContents__shell--coordinate19 {
    -webkit-margin-before: calc(178 * var(--rate));
            margin-block-start: calc(178 * var(--rate));
    background-image: url(../images/background/small/shell-019.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top calc(450 * var(--rate)) left;
  }
  .mainContents__block {
    grid-template-columns: 100%;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) {
    padding-inline: calc(40 * var(--rate));
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) .carouselPager {
    justify-content: center;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(2) {
    -webkit-margin-before: calc(60 * var(--rate));
            margin-block-start: calc(60 * var(--rate));
    -webkit-padding-start: calc(170 * var(--rate));
            padding-inline-start: calc(170 * var(--rate));
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(3) {
    -webkit-margin-before: calc(60 * var(--rate));
            margin-block-start: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(4) {
    -webkit-margin-before: calc(57 * var(--rate));
            margin-block-start: calc(57 * var(--rate));
  }
  .mainContents__block--coordinate01 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate01 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate01 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate02 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(1) {
    padding-inline: calc(20 * var(--rate));
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(1) > * {
    padding: calc(10 * var(--rate));
    background-image: url(../images/background/small/shell-002.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(2) {
    -webkit-padding-end: calc(280 * var(--rate));
            padding-inline-end: calc(280 * var(--rate));
  }
  .mainContents__block--coordinate02 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate02 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate02 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate03 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(150 * var(--rate));
            padding-inline-start: calc(150 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) {
    -webkit-padding-end: calc(70 * var(--rate));
            padding-inline-end: calc(70 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(3) {
    -webkit-padding-end: calc(70 * var(--rate));
            padding-inline-end: calc(70 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate03 .mainContents__product-prices > * {
    -webkit-margin-start: 0.8em;
            margin-inline-start: 0.8em;
  }
  .mainContents__block--coordinate03 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate04 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate04 .mainContents__cell:nth-child(1) .carouselPager {
    justify-content: end;
  }
  .mainContents__block--coordinate04 .mainContents__cell:nth-child(2) {
    -webkit-padding-start: calc(170 * var(--rate));
            padding-inline-start: calc(170 * var(--rate));
  }
  .mainContents__block--coordinate04 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate04 .mainContents__product-prices > * {
    -webkit-margin-start: 0.8em;
            margin-inline-start: 0.8em;
  }
  .mainContents__block--coordinate04 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate05 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate05 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate06 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(110 * var(--rate));
            padding-inline-start: calc(110 * var(--rate));
    -webkit-padding-end: calc(40 * var(--rate));
            padding-inline-end: calc(40 * var(--rate));
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) .carouselPager {
    justify-content: end;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(2) > * {
    padding: calc(20 * var(--rate));
    background-image: url(../images/background/small/shell-006-002.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .mainContents__block--coordinate06 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate06 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate06 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate07 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate07 .mainContents__cell:nth-child(1) .carouselPager {
    justify-content: center;
  }
  .mainContents__block--coordinate07 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate07 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate07 .mainContents__product-prices > *:nth-child(n+2) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate08 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate08 .mainContents__cell:nth-child(2) {
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
    -webkit-padding-end: calc(90 * var(--rate));
            padding-inline-end: calc(90 * var(--rate));
  }
  .mainContents__block--coordinate08 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate08 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate08 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate09 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(1) {
    padding-inline: calc(120 * var(--rate));
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(2) {
    padding-inline: calc(25 * var(--rate));
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(2) > * {
    padding: calc(15 * var(--rate));
    background-image: url(../images/background/small/shell-009.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .mainContents__block--coordinate09 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate09 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate09 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate10 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(130 * var(--rate));
            padding-inline-start: calc(130 * var(--rate));
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(2) {
    -webkit-padding-end: calc(140 * var(--rate));
            padding-inline-end: calc(140 * var(--rate));
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(3) {
    -webkit-padding-end: calc(140 * var(--rate));
            padding-inline-end: calc(140 * var(--rate));
  }
  .mainContents__block--coordinate10 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate10 .mainContents__product-prices > * {
    -webkit-margin-start: 0.8em;
            margin-inline-start: 0.8em;
  }
  .mainContents__block--coordinate10 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate11 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate11 .mainContents__cell:nth-child(1) {
    -webkit-padding-end: calc(300 * var(--rate));
            padding-inline-end: calc(300 * var(--rate));
  }
  .mainContents__block--coordinate11 .mainContents__product-prices > * {
    -webkit-margin-end: 0.8em;
            margin-inline-end: 0.8em;
  }
  .mainContents__block--coordinate11 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate12 {
    grid-template-rows: auto calc(60 * var(--rate)) calc(915 * var(--rate)) auto calc(60 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(1) {
    grid-row: 1;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(2) {
    grid-row: 3;
    padding-inline: calc(55 * var(--rate));
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(3) {
    grid-row: 4;
    -webkit-padding-end: calc(275 * var(--rate));
            padding-inline-end: calc(275 * var(--rate));
    z-index: 2;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(3) > * {
    border-top: calc(15 * var(--rate)) solid #fff;
    border-right: calc(15 * var(--rate)) solid #fff;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(4) {
    grid-row: 6;
    -webkit-padding-start: calc(60 * var(--rate));
            padding-inline-start: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate12 .mainContents__product-prices > * {
    -webkit-margin-end: 0.8em;
            margin-inline-end: 0.8em;
  }
  .mainContents__block--coordinate12 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate13 {
    grid-template-rows: auto calc(60 * var(--rate)) calc(575 * var(--rate)) auto calc(60 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(1) {
    grid-row: 1;
    padding-inline: calc(70 * var(--rate));
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(2) {
    grid-row: 3;
    -webkit-padding-start: calc(335 * var(--rate));
            padding-inline-start: calc(335 * var(--rate));
    z-index: 2;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(2) > * {
    border-bottom: calc(15 * var(--rate)) solid #fff;
    border-left: calc(15 * var(--rate)) solid #fff;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(3) {
    grid-row: 4;
    -webkit-padding-end: calc(50 * var(--rate));
            padding-inline-end: calc(50 * var(--rate));
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(4) {
    grid-row: 6;
    -webkit-padding-end: calc(50 * var(--rate));
            padding-inline-end: calc(50 * var(--rate));
  }
  .mainContents__block--coordinate13 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate13 .mainContents__product-prices > * {
    -webkit-margin-start: 0.8em;
            margin-inline-start: 0.8em;
  }
  .mainContents__block--coordinate13 .mainContents__product-prices > *:nth-child(n+6) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate14 {
    grid-template-columns: 100%;
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate14 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(320 * var(--rate));
            padding-inline-start: calc(320 * var(--rate));
  }
  .mainContents__block--coordinate14 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate14 .mainContents__product-prices > * {
    -webkit-margin-start: 0.8em;
            margin-inline-start: 0.8em;
  }
  .mainContents__block--coordinate14 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate15 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(30 * var(--rate));
            padding-inline-start: calc(30 * var(--rate));
    -webkit-padding-end: calc(80 * var(--rate));
            padding-inline-end: calc(80 * var(--rate));
  }
  .mainContents__block--coordinate15 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate15 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate15 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate16 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate16 .mainContents__cell:nth-child(2) {
    padding-inline: calc(50 * var(--rate));
  }
  .mainContents__block--coordinate16 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate16 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate16 .mainContents__product-prices > *:nth-child(n+6) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate17 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate17 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(70 * var(--rate));
            padding-inline-start: calc(70 * var(--rate));
  }
  .mainContents__block--coordinate17 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate17 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate17 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate18 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate18 .mainContents__cell:nth-child(2) {
    -webkit-padding-start: calc(50 * var(--rate));
            padding-inline-start: calc(50 * var(--rate));
    -webkit-padding-end: calc(180 * var(--rate));
            padding-inline-end: calc(180 * var(--rate));
  }
  .mainContents__block--coordinate18 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate18 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate18 .mainContents__product-prices > *:nth-child(n+5) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate19 {
    row-gap: calc(60 * var(--rate));
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(1) {
    -webkit-padding-start: calc(150 * var(--rate));
            padding-inline-start: calc(150 * var(--rate));
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(2) {
    -webkit-padding-end: calc(260 * var(--rate));
            padding-inline-end: calc(260 * var(--rate));
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(3) {
    padding-inline: calc(35 * var(--rate));
  }
  .mainContents__block--coordinate19 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate19 .mainContents__product-prices > * {
    margin-inline: 0.4em;
  }
  .mainContents__block--coordinate19 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .mainContents {
    -webkit-margin-before: calc(98 * var(--rate));
            margin-block-start: calc(98 * var(--rate));
  }
  .mainContents__shell--coordinate02 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
    background-image: linear-gradient(to bottom, transparent 0%, transparent calc(220 * var(--rate)), var(--color-pale-green) calc(220 * var(--rate)), transparent 100%);
  }
  .mainContents__shell--coordinate03 {
    -webkit-margin-before: calc(155 * var(--rate));
            margin-block-start: calc(155 * var(--rate));
  }
  .mainContents__shell--coordinate04 {
    -webkit-margin-before: calc(140 * var(--rate));
            margin-block-start: calc(140 * var(--rate));
  }
  .mainContents__shell--coordinate05 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate06 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate07 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate08 {
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
  }
  .mainContents__shell--coordinate08::before {
    content: "";
    position: absolute;
    top: calc(128.4 * var(--rate));
    left: 0;
    width: calc(100% - (50vw - 200 * var(--rate)));
    height: calc(700 * var(--rate));
    background-image: url(../images/background/large/shell-008.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mainContents__shell--coordinate09 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
    background-image: linear-gradient(to bottom, transparent 0%, transparent calc(255 * var(--rate)), var(--color-pale-green) calc(255 * var(--rate)), var(--color-pale-green) 100%);
  }
  .mainContents__shell--coordinate10 {
    padding-block: calc(120 * var(--rate));
    background-color: var(--color-pale-green);
  }
  .mainContents__shell--coordinate11 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate12 {
    -webkit-margin-before: calc(140 * var(--rate));
            margin-block-start: calc(140 * var(--rate));
  }
  .mainContents__shell--coordinate12::before {
    content: "";
    position: absolute;
    bottom: calc(10 * var(--rate));
    right: 0;
    width: calc(100% - (50vw + 65 * var(--rate)));
    height: calc(645 * var(--rate));
    background-image: url(../images/background/large/shell-012.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mainContents__shell--coordinate13 {
    -webkit-margin-before: calc(105 * var(--rate));
            margin-block-start: calc(105 * var(--rate));
  }
  .mainContents__shell--coordinate14 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate15 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate15::before {
    content: "";
    position: absolute;
    top: calc(510 * var(--rate));
    left: 0;
    width: 100%;
    height: calc(960 * var(--rate));
    background-image: url(../images/background/large/shell-015.jpg);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mainContents__shell--coordinate16 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
  }
  .mainContents__shell--coordinate17 {
    -webkit-margin-before: calc(200 * var(--rate));
            margin-block-start: calc(200 * var(--rate));
  }
  .mainContents__shell--coordinate18 {
    -webkit-margin-before: calc(200 * var(--rate));
            margin-block-start: calc(200 * var(--rate));
    background-image: linear-gradient(to bottom, transparent 0%, transparent calc(230 * var(--rate)), var(--color-pale-green) calc(230 * var(--rate)), transparent calc(100% - 200 * var(--rate)), transparent 100%);
  }
  .mainContents__shell--coordinate19 {
    -webkit-margin-before: calc(160 * var(--rate));
            margin-block-start: calc(160 * var(--rate));
    background-image: url(../images/background/large/shell-019.jpg);
    background-repeat: no-repeat;
    background-size: calc(780 * var(--rate));
    background-position: top calc(95 * var(--rate)) center;
  }
  .mainContents__block--coordinate01 {
    grid-template-columns: calc(296.3 * var(--rate)) calc(103.7 * var(--rate)) calc(50 * var(--rate)) calc(236.3 * var(--rate)) calc(233.8 * var(--rate)) calc(62.5 * var(--rate));
    grid-template-rows: auto calc(80 * var(--rate)) calc(120 * var(--rate)) auto auto calc(25 * var(--rate)) auto;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) {
    grid-column: 4/span 3;
    grid-row: 3/span 3;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell {
    grid-template-columns: calc(262.5 * var(--rate)) calc(207.5 * var(--rate)) calc(62.5 * var(--rate));
    grid-template-rows: calc(370 * var(--rate)) calc(30 * var(--rate)) auto;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell > *:nth-child(1) {
    grid-column: 2/span 2;
    grid-row: 1/span 2;
    border-left: calc(10 * var(--rate)) solid #fff;
    border-bottom: calc(10 * var(--rate)) solid #fff;
    z-index: 1;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell > *:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 2/span 2;
    z-index: 0;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 4;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(3) {
    grid-column: 2/span 3;
    grid-row: 1;
  }
  .mainContents__block--coordinate01 .mainContents__cell:nth-child(4) {
    grid-column: 4/span 2;
    grid-row: 7;
  }
  .mainContents__block--coordinate01 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate01 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate01 .mainContents__product-prices > * + * {
    -webkit-margin-start: var(--price-gap);
            margin-inline-start: var(--price-gap);
  }
  .mainContents__block--coordinate02 {
    grid-template-columns: calc(165 * var(--rate)) calc(185 * var(--rate)) calc(240 * var(--rate)) calc(235 * var(--rate)) calc(165 * var(--rate));
    grid-template-rows: auto calc(80 * var(--rate)) calc(120 * var(--rate)) auto calc(26 * var(--rate)) auto auto;
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(1) {
    grid-column: 2/span 3;
    grid-row: 1;
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 3/span 2;
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(3) {
    grid-column: 4/span 2;
    grid-row: 4/span 4;
  }
  .mainContents__block--coordinate02 .mainContents__cell:nth-child(4) {
    grid-column: 1/span 2;
    grid-row: 6;
  }
  .mainContents__block--coordinate02 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate02 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate03 {
    grid-template-columns: calc(408.8 * var(--rate)) calc(62.7 * var(--rate)) calc(468.5 * var(--rate));
    grid-template-rows: calc(434 * var(--rate)) auto auto calc(120 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(1) {
    grid-column: 1/span 2;
    grid-row: 1/span 2;
    align-self: start;
    -webkit-padding-before: calc(45 * var(--rate));
            padding-block-start: calc(45 * var(--rate));
    -webkit-padding-after: calc(55 * var(--rate));
            padding-block-end: calc(55 * var(--rate));
    -webkit-padding-start: calc(71.5 * var(--rate));
            padding-inline-start: calc(71.5 * var(--rate));
    background-image: url(../images/background/large/shell-003-001.jpg);
    background-size: auto 100%;
    background-position: center left;
    background-repeat: no-repeat;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 2/span 3;
    -webkit-padding-after: calc(120 * var(--rate));
            padding-block-end: calc(120 * var(--rate));
    -webkit-padding-end: calc(91.2 * var(--rate));
            padding-inline-end: calc(91.2 * var(--rate));
    background-image: url(../images/background/large/shell-003-002.jpg);
    background-size: calc(420 * var(--rate));
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) .mainContents__styling-image {
    position: relative;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) .mainContents__styling-image::before, .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) .mainContents__styling-image::after {
    content: "";
    position: absolute;
    top: calc(-5 * var(--rate));
    left: calc(-5 * var(--rate));
    z-index: 2;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) .mainContents__styling-image::before {
    width: calc(100% + 5 * var(--rate));
    height: calc(10 * var(--rate));
    background-color: #fff;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(2) .mainContents__styling-image::after {
    width: calc(10 * var(--rate));
    height: calc(100% + 5 * var(--rate));
    background-color: #fff;
  }
  .mainContents__block--coordinate03 .mainContents__cell:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    -webkit-padding-end: calc(20 * var(--rate));
            padding-inline-end: calc(20 * var(--rate));
  }
  .mainContents__block--coordinate03 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate03 .mainContents__product-prices > *:nth-child(n+2) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate04 {
    grid-template-columns: calc(480 * var(--rate)) calc(180 * var(--rate)) calc(410 * var(--rate));
    grid-template-rows: calc(285 * var(--rate)) auto calc(24 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate04 .mainContents__cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: start;
  }
  .mainContents__block--coordinate04 .mainContents__cell:nth-child(2) {
    grid-column: 3;
    grid-row: 2/span 3;
  }
  .mainContents__block--coordinate04 .mainContents__cell:nth-child(3) {
    grid-column: 1;
    grid-row: 4;
  }
  .mainContents__block--coordinate04 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate04 .mainContents__product-prices > *:nth-child(n+5) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate05 {
    grid-template-columns: calc(280 * var(--rate));
    grid-template-rows: auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate05 .mainContents__cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .mainContents__block--coordinate05 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
  }
  .mainContents__block--coordinate05 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate06 {
    grid-template-columns: calc(375 * var(--rate)) calc(520 * var(--rate)) calc(172.5 * var(--rate)) calc(7.5 * var(--rate));
    grid-template-rows: calc(660 * var(--rate)) auto calc(24 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) {
    grid-column: 1/span 3;
    grid-row: 1/span 2;
    align-self: start;
    z-index: 2;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) .mainContents__styling-images {
    overflow: visible;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell {
    grid-template-columns: 1fr calc(400 * var(--rate));
    position: relative;
    z-index: 2;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell .mainContents__styling-image:nth-child(1) {
    position: absolute;
    top: calc(227 * var(--rate));
    left: 0;
    width: calc(459.5 * var(--rate));
    -webkit-padding-before: calc(141 * var(--rate));
            padding-block-start: calc(141 * var(--rate));
    -webkit-padding-start: calc(79.5 * var(--rate));
            padding-inline-start: calc(79.5 * var(--rate));
    border-right: calc(10 * var(--rate)) solid #fff;
    border-bottom: calc(10 * var(--rate)) solid #fff;
    background-image: url(../images/background/large/shell-006-001.jpg);
    background-size: calc(150 * var(--rate));
    background-position: top left;
    background-repeat: no-repeat;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell .mainContents__styling-image:nth-child(2) {
    grid-column: 2;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    padding: calc(20 * var(--rate));
    background-image: url(../images/background/large/shell-006-002.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .mainContents__block--coordinate06 .mainContents__cell:nth-child(3) {
    grid-column: 2;
    grid-row: 4;
  }
  .mainContents__block--coordinate06 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate06 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate06 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate07 {
    grid-template-columns: 100%;
    grid-template-rows: auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate07 .mainContents__cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .mainContents__block--coordinate07 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell {
    grid-template-columns: repeat(2, calc(380 * var(--rate)));
    justify-content: center;
    gap: calc(25 * var(--rate));
  }
  .mainContents__block--coordinate07 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
  }
  .mainContents__block--coordinate07 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate07 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate08 {
    grid-template-columns: calc(40 * var(--rate)) calc(70 * var(--rate)) calc(280 * var(--rate)) calc(40 * var(--rate)) calc(370 * var(--rate)) calc(110 * var(--rate));
    grid-template-rows: auto calc(40 * var(--rate)) calc(197 * var(--rate)) auto calc(24 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate08 .mainContents__cell:nth-child(1) {
    grid-column: 3/span 3;
    grid-row: 1;
  }
  .mainContents__block--coordinate08 .mainContents__cell:nth-child(2) {
    grid-column: 2/span 2;
    grid-row: 3/span 2;
  }
  .mainContents__block--coordinate08 .mainContents__cell:nth-child(3) {
    grid-column: 5/span 2;
    grid-row: 4/span 3;
  }
  .mainContents__block--coordinate08 .mainContents__cell:nth-child(4) {
    grid-column: 2/span 2;
    grid-row: 6;
  }
  .mainContents__block--coordinate08 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate08 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate09 {
    grid-template-columns: calc(430 * var(--rate));
    grid-template-rows: auto calc(25 * var(--rate)) auto calc(24 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    padding-inline: calc(45 * var(--rate));
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
  }
  .mainContents__block--coordinate09 .mainContents__cell:nth-child(3) {
    grid-column: 1;
    grid-row: 5;
  }
  .mainContents__block--coordinate09 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate09 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate09 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate10 {
    grid-template-columns: calc(440 * var(--rate)) calc(120 * var(--rate)) calc(380 * var(--rate));
    grid-template-rows: calc(169 * var(--rate)) auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(1) {
    grid-column: 3;
    grid-row: 1/span 2;
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2/span 3;
  }
  .mainContents__block--coordinate10 .mainContents__cell:nth-child(3) {
    grid-column: 3;
    grid-row: 4;
  }
  .mainContents__block--coordinate10 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate10 .mainContents__product-prices > *:nth-child(n+4) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate11 {
    grid-template-columns: calc(260 * var(--rate)) calc(800 * var(--rate));
    grid-template-rows: auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate11 .mainContents__cell:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .mainContents__block--coordinate11 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
  }
  .mainContents__block--coordinate11 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate11 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate12 {
    grid-template-columns: calc(540 * var(--rate)) calc(120 * var(--rate)) calc(140 * var(--rate)) calc(60 * var(--rate)) calc(320 * var(--rate));
    grid-template-rows: calc(230 * var(--rate)) calc(200 * var(--rate)) calc(190 * var(--rate)) auto auto calc(65 * var(--rate));
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(1) {
    grid-column: 1/span 2;
    grid-row: 1/span 2;
    align-self: start;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(2) {
    grid-column: 4/span 2;
    grid-row: 2/span 2;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(3) {
    grid-column: 2/span 3;
    grid-row: 4/span 2;
    z-index: 2;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(3) .mainContents__styling-image {
    border-top: calc(10 * var(--rate)) solid #fff;
    border-bottom: calc(10 * var(--rate)) solid #fff;
    border-right: calc(10 * var(--rate)) solid #fff;
  }
  .mainContents__block--coordinate12 .mainContents__cell:nth-child(4) {
    grid-column: 1;
    grid-row: 5;
    align-self: end;
    -webkit-padding-end: calc(24 * var(--rate));
            padding-inline-end: calc(24 * var(--rate));
    -webkit-padding-after: calc(10 * var(--rate));
            padding-block-end: calc(10 * var(--rate));
  }
  .mainContents__block--coordinate12 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate12 .mainContents__product-prices > * {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate13 {
    grid-template-columns: calc(198 * var(--rate)) calc(262 * var(--rate)) calc(148 * var(--rate)) calc(242 * var(--rate)) calc(90 * var(--rate)) calc(250 * var(--rate)) calc(210 * var(--rate));
    grid-template-rows: calc(460 * var(--rate)) calc(155 * var(--rate)) calc(50 * var(--rate)) auto 1fr;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(1) {
    grid-column: 2/span 2;
    grid-row: 1/span 2;
    align-self: start;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(1)::before {
    content: "";
    position: absolute;
    top: calc(-305 * var(--rate));
    left: calc(-134 * var(--rate));
    width: calc(268 * var(--rate));
    height: calc(420 * var(--rate));
    background-image: url(../images/background/large/shell-013.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(2) {
    grid-column: 5/span 2;
    grid-row: 2/span 3;
    z-index: 2;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(2) .mainContents__styling-image {
    border: calc(10 * var(--rate)) solid #fff;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(3) {
    grid-column: 3/span 3;
    grid-row: 4/span 2;
  }
  .mainContents__block--coordinate13 .mainContents__cell:nth-child(4) {
    grid-column: 6;
    grid-row: 5;
    align-self: end;
    -webkit-padding-start: calc(25 * var(--rate));
            padding-inline-start: calc(25 * var(--rate));
  }
  .mainContents__block--coordinate13 .mainContents__product-prices > * {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate14 {
    grid-template-columns: calc(220 * var(--rate)) calc(874 * var(--rate));
  }
  .mainContents__block--coordinate14 .mainContents__cell:nth-child(1) {
    grid-column: 1;
  }
  .mainContents__block--coordinate14 .mainContents__cell:nth-child(2) {
    grid-column: 2;
    align-self: end;
    -webkit-padding-start: calc(25 * var(--rate));
            padding-inline-start: calc(25 * var(--rate));
  }
  .mainContents__block--coordinate14 .mainContents__product-prices > * {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate15 {
    grid-template-columns: 1fr calc(570 * var(--rate)) 1fr;
    grid-template-rows: auto calc(65 * var(--rate)) auto calc(25 * var(--rate)) auto;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(1) {
    grid-column: 1/span 3;
    grid-row: 1;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell {
    grid-template-columns: calc(410 * var(--rate)) calc(300 * var(--rate));
    grid-template-rows: calc(300 * var(--rate)) 1fr;
    -moz-column-gap: calc(240 * var(--rate));
         column-gap: calc(240 * var(--rate));
    justify-content: center;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell > *:nth-child(1) {
    grid-column: 2;
    grid-row: 2/span 2;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(1) .mainContents__styling-images-shell > *:nth-child(2) {
    grid-column: 1;
    grid-row: 1/span 2;
    align-self: start;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(2) {
    grid-column: 2;
    grid-row: 3;
  }
  .mainContents__block--coordinate15 .mainContents__cell:nth-child(3) {
    grid-column: 2;
    grid-row: 5;
  }
  .mainContents__block--coordinate15 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate15 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate15 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate16 {
    grid-template-columns: calc(490 * var(--rate)) calc(60 * var(--rate)) calc(320 * var(--rate));
    grid-template-rows: calc(131 * var(--rate)) auto auto;
  }
  .mainContents__block--coordinate16 .mainContents__cell:nth-child(1) {
    grid-column: 3;
    grid-row: 1/span 2;
    align-self: start;
  }
  .mainContents__block--coordinate16 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2/span 2;
  }
  .mainContents__block--coordinate16 .mainContents__cell:nth-child(3) {
    grid-column: 2/span 2;
    align-self: end;
    -webkit-padding-start: calc(25 * var(--rate));
            padding-inline-start: calc(25 * var(--rate));
  }
  .mainContents__block--coordinate16 .mainContents__product-prices > * {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate17 {
    grid-template-columns: calc(350 * var(--rate)) calc(410 * var(--rate)) calc(25 * var(--rate)) calc(410 * var(--rate));
    grid-template-rows: auto calc(25 * var(--rate)) auto;
  }
  .mainContents__block--coordinate17 .mainContents__cell:nth-child(1) {
    grid-column: 4;
    grid-row: 1;
  }
  .mainContents__block--coordinate17 .mainContents__cell:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .mainContents__block--coordinate17 .mainContents__cell:nth-child(3) {
    grid-column: 4;
    grid-row: 3;
  }
  .mainContents__block--coordinate17 .mainContents__product-prices {
    --text-align: right;
  }
  .mainContents__block--coordinate17 .mainContents__product-prices > * {
    -webkit-margin-start: var(--price-gap);
            margin-inline-start: var(--price-gap);
  }
  .mainContents__block--coordinate17 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate18 {
    grid-template-columns: calc(350 * var(--rate)) calc(60 * var(--rate)) calc(100 * var(--rate)) calc(480 * var(--rate)) calc(110 * var(--rate));
    grid-template-rows: calc(330 * var(--rate)) auto calc(218 * var(--rate)) auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate18 .mainContents__cell:nth-child(1) {
    grid-column: 3/span 3;
    grid-row: 1/span 2;
  }
  .mainContents__block--coordinate18 .mainContents__cell:nth-child(2) {
    grid-column: 1;
    grid-row: 2/span 3;
  }
  .mainContents__block--coordinate18 .mainContents__cell:nth-child(3) {
    grid-column: 4;
    grid-row: 4/span 3;
  }
  .mainContents__block--coordinate18 .mainContents__cell:nth-child(4) {
    grid-column: 1;
    grid-row: 6;
  }
  .mainContents__block--coordinate18 .mainContents__product-prices > * {
    -webkit-margin-end: var(--price-gap);
            margin-inline-end: var(--price-gap);
  }
  .mainContents__block--coordinate18 .mainContents__product-prices > *:nth-child(n+5) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
  .mainContents__block--coordinate19 {
    grid-template-columns: calc(222.5 * var(--rate)) calc(107.5 * var(--rate)) calc(200 * var(--rate)) calc(182.5 * var(--rate)) calc(217.5 * var(--rate));
    grid-template-rows: calc(278 * var(--rate)) auto calc(173 * var(--rate)) calc(50 * var(--rate)) auto calc(25 * var(--rate)) 1fr;
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(1) {
    grid-column: 4/span 2;
    grid-row: 1/span 2;
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 2/span 2;
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(3) {
    grid-column: 2/span 3;
    grid-row: 5;
  }
  .mainContents__block--coordinate19 .mainContents__cell:nth-child(4) {
    grid-column: 2/span 3;
    grid-row: 7;
  }
  .mainContents__block--coordinate19 .mainContents__product-prices {
    --text-align: center;
  }
  .mainContents__block--coordinate19 .mainContents__product-prices > * {
    margin-inline: calc(var(--price-gap) / 2);
  }
  .mainContents__block--coordinate19 .mainContents__product-prices > *:nth-child(n+3) {
    -webkit-margin-before: var(--price-gap);
            margin-block-start: var(--price-gap);
  }
}
/**
 * lp footer
 */
.lpFooter * {
  --font-family: var(--font-en);
}
.lpFooter__staff-credit {
  letter-spacing: 0.015em;
}
.lpFooter__staff-credit dt,
.lpFooter__staff-credit dd {
  text-align: center;
}
.lpFooter__button {
  --display: block;
  position: relative;
  margin-inline: auto;
  background-color: var(--color-pale-pink);
  letter-spacing: 0.025em;
  text-align: center;
  color: #fff;
}
.lpFooter__button::after {
  content: "";
  width: calc(100% - var(--button-border-gap) * 2);
  height: calc(100% - var(--button-border-gap) * 2);
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpFooter {
    -webkit-margin-before: calc(170 * var(--rate));
            margin-block-start: calc(170 * var(--rate));
  }
  .lpFooter__staff-credit {
    font-size: calc(24 * var(--rate));
    line-height: 1.6666666667;
  }
  .lpFooter__button {
    width: calc(660 * var(--rate));
    -webkit-margin-before: calc(56 * var(--rate));
            margin-block-start: calc(56 * var(--rate));
    padding-block: calc(27 * var(--rate));
    font-size: calc(22 * var(--rate));
    line-height: 1.5454545455;
    letter-spacing: 0.01em;
  }
  .lpFooter__button::after {
    --button-border-gap: calc(7 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpFooter {
    -webkit-margin-before: calc(155 * var(--rate));
            margin-block-start: calc(155 * var(--rate));
  }
  .lpFooter__staff-credit {
    font-size: calc(12 * var(--rate));
    line-height: 1.6666666667;
  }
  .lpFooter__button {
    width: calc(600 * var(--rate));
    -webkit-margin-before: calc(38 * var(--rate));
            margin-block-start: calc(38 * var(--rate));
    padding-block: calc(14 * var(--rate));
    font-size: calc(11 * var(--rate));
    line-height: 1.5454545455;
  }
  .lpFooter__button::after {
    --button-border-gap: calc(3 * var(--rate));
  }
}
/**
 * anchor link
 */
.lpCelford .lpCelford__anchor {
  position: fixed;
  z-index: 10;
  transition: all 1s;
  visibility: hidden;
  opacity: 0;
}
.lpCelford .lpCelford__anchor.is-show {
  visibility: visible;
  opacity: 1;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lpCelford__anchor {
    right: calc(10 * var(--rate));
    bottom: calc(30 * var(--rate));
    width: calc(220 * var(--rate));
    height: calc(220 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lpCelford__anchor {
    right: calc(120 * var(--rate));
    bottom: calc(120 * var(--rate));
    width: calc(130 * var(--rate));
    height: calc(130 * var(--rate));
  }
}
/**
 * animation
 */
.firstview__visual {
  opacity: 0;
  -webkit-animation: fade-in 1.5s ease-in forwards;
          animation: fade-in 1.5s ease-in forwards;
}

@-webkit-keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.js-animation-trigger.mainContents__shell:not(.anim-background) {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.mainContents__shell:not(.anim-background).is-show {
  opacity: 1;
}
.js-animation-trigger.mainContents__shell.anim-background {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.mainContents__shell.anim-background + * {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.mainContents__shell.anim-background.is-show {
  opacity: 1;
}
.js-animation-trigger.mainContents__shell.anim-background.is-show + * {
  opacity: 1;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in.is-show {
  opacity: 1;
}
.js-animation-trigger.anim-fade-in-top {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-top.is-show {
  transform: translateY(0);
  opacity: 1;
}
.js-animation-trigger.anim-fade-in-right {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-right.is-show {
  transform: translateX(0);
  opacity: 1;
}
.js-animation-trigger.anim-fade-in-order > * {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-order.is-show > * {
  opacity: 1;
}
.js-animation-trigger.anim-fade-in-order.is-show > *:nth-child(2) {
  transition-delay: 0.5s;
}
.js-animation-trigger.anim-fade-in-order-right .anim-target {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-order-right.is-show .anim-target {
  transform: translateX(0);
  opacity: 1;
}
.js-animation-trigger.anim-fade-in-order-right.is-show .anim-target:nth-child(2) {
  transition-delay: 0.5s;
}