@charset "UTF-8";

/* --- デフォルトCSS設定 --- */

#Contents .main-area {

  padding-top: 0;

}

#Contents .main-area.lp {

  margin-bottom: 0;

}

.header[data-header-theme="light"].c-active,

.header[data-header-theme="dark"] {

  background: unset;

}



.main-area * {

  color: #644b32;

}



#main-container {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 480;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #main-container {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



@media (min-width: 768px) and (max-width: 1400px) {

  #main-container {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #main-container {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#main-container img {

  display: block;

  width: 100%;

  height: auto;

}



#main-container h2,

#main-container h3,

#main-container p,

#main-container li {

  margin-block: calc((1em - 1lh) / 2);

}



/* --- 抽出されたCSS（上から順） --- */



#main-container.MC260611montecarlo {

  font-feature-settings: "palt";

  min-width: 100%;

  overflow: clip;

  position: relative;

  display: flex;

  --white: #faf8c8;

  --black: #000000;

  --brown: #644b32;

  --light-yellow: #faf8c8;

  --yellow: #f8f1b6;

  --shuei-gothic: dnp-shuei-gothic-kin-std, sans-serif;

  --montserrat: montserrat, sans-serif;

  --neue-hass: "neue-haas-grotesk-text", sans-serif;

  --font-regular: 400;

  --font-medium: 500;

  --font-bold: 600;

  padding-top: min(50px, calc(50 * (100vw / 1440)));

}



#main-container .lp-left-area,

#main-container .lp-right-area {

  position: sticky;

  top: 0;

  height: 100vh;

  flex: 1;

  display: grid;

  place-items: center;

  background: var(--yellow);

}



#main-container .left__deco-cont {

  width: calc(300 * var(--formula_pc));

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}



#main-container .lp-main-area {

  width: calc(480 * var(--formula_pc));

  background: var(--light-yellow);

}

#main-container .lp-main-area::before {

  content: " ";

  width: calc(300 * var(--formula));

  height: calc(300 * var(--formula));

  background-image: url(../img/orange_sp.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}



#main-container .note_lead {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(26 * var(--formula));

  line-height: 2;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-medium);

  margin-top: calc(36 * var(--formula));

}

#main-container .accordion-txt {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.05em;

  text-align: left;

  font-weight: var(--font-medium);

  display: block;

  width: calc(570 * var(--formula));

  margin-top: calc(22 * var(--formula));

  text-align: justify;

}



#main-container [class*="sec3__point-txt"] {

  font-family: var(--mode-mincho);

  color: var(--navy);

  font-size: calc(28 * var(--formula));

  line-height: 2;

  letter-spacing: 0.1em;

  text-align: center;

  font-weight: var(--font-regular);

  position: relative;

}

#main-container [class*="sec3-number-"] {

  position: absolute;

}

#main-container [class*="sec3__desc"] {

  font-family: var(--shuei-gothic);

  color: var(--gray);

  font-size: calc(20 * var(--formula));

  line-height: 1.7;

  letter-spacing: 0.1em;

  text-align: justify;

  font-weight: var(--font-medium);

}

#main-container [class*="__h3"] {

  font-family: var(--desire);

  color: var(--navy);

  font-size: calc(80 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-regular);

}

#main-container [class*="sec3__point-cont"] {

  background: var(--mint);

  display: grid;

  place-items: center;

  position: relative;

}

#main-container [class*="__small-txt"] {

  font-size: calc(13 * var(--formula));

  vertical-align: super;

  color: inherit;

}

#main-container .accordion-cont {

  display: flex; /* flexを維持 */

  flex-direction: column;

  align-items: center;

  max-height: 0;

  opacity: 0;

  overflow: hidden;

  transition:

    max-height 0.8s ease,

    opacity 1s ease,

    padding 0.8s ease;

}



#main-container .accordion-cont.is-open {

  opacity: 1;

}



#main-container .accordion-inner {

  min-height: 0;

}

#main-container .accordion-btn {

  display: grid;

  place-items: center;

  position: relative;

  cursor: pointer;

  background: none;

  border: none;

}



#main-container .btn-close-01,

#main-container .btn-open-01 {

  grid-area: 1 / 1;

  transition:

    opacity 0.3s ease,

    visibility 0.3s;

}



#main-container .btn-close-01 {

  opacity: 0;

  visibility: hidden;

}



#main-container .is-open .accordion-btn {

  margin: 0 auto;

  padding-bottom: calc(28 * var(--formula));

}



#main-container .is-open + .accordion-btn .btn-close-01 {

  opacity: 1;

  visibility: visible;

  margin-top: calc(-59 * var(--formula));

}



#main-container .is-open + .accordion-btn .btn-open-01 {

  opacity: 0;

  visibility: hidden;

}



#main-container .left__logo-cont {

  width: calc(364 * var(--formula_pc));

  height: calc(197 * var(--formula_pc));

  display: grid;

  place-items: center;

  margin: calc(21 * var(--formula_pc)) 0 0 calc(44 * var(--formula_pc));

  box-sizing: border-box;

}



/* 

//////////////////////////////////////////////////////////////////////////////////////////

animation

//////////////////////////////////////////////////////////////////////////////////////////

*/

/*  fadeIn ___________________________*/

.js-show.fadeIn {

  opacity: 0;

  -webkit-transition: opacity 2.0s ease-out 0s;

  transition: opacity 2.0s ease-out 0s;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);

}



.js-show.fadeIn.js-scrollIn {

  opacity: 1;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}



.MC260611montecarlo .fadeInBlock{

  opacity: 0;

  /* 【追加】初期状態はぼかしを入れておく */

  filter: blur(6px); 

  transform: translate(0,calc(30 * var(--lpSetSize)));

  /* 【変更】transitionの末尾に filter のアニメーション設定（1.6s）を追加 */

  transition: 

    opacity 0.85s ease-out,

    transform 1.25s ease-out,

    filter 1.5s ease-out;

}



.MC260611montecarlo .fadeInBlock.leftIn{

  transform: translate(0, 0);

  opacity: 1;

}



.MC260611montecarlo .fadeInBlock.leftIn .imgOuter{

  clip-path: inset(0 100% 0 0);

  transition: clip-path 1.25s ease-out;

}



.MC260611montecarlo .fadeInBlock.leftIn .imgOuter img {

  transform: translate3d(0, 0, 0);

  transition: transform 1.35s ease-out;

}



/* スクロール発火時（クラスが付与されたとき） */

.MC260611montecarlo .fadeInBlock.view{

  opacity: 1;

  transform: translate(0,0);

  /* 【追加】表示されたらぼかしを 0 にする */

  filter: blur(0); 

}



.MC260611montecarlo .fadeInBlock.leftIn.view .imgOuter {

  clip-path: inset(0);

}



.MC260611montecarlo .fadeInBlock.leftIn.view .imgOuter img {

  transform: translate3d(0, 0, 0);

}



.MC260611montecarlo .splide_loop {

  width: 100%;

  height: calc(900 * var(--formula));

  overflow: clip;

}



.MC260611montecarlo .splide_loop .splide__slide {

  width: calc(600 * var(--formula));

  margin-right: calc(40 * var(--formula));

}



/* ==========================================================================

   各スライドの中身（テキスト・画像）

   ========================================================================== */

#main-container.MC260611montecarlo .shop-limit {

  display: block;

  width: fit-content;

  border: 1px solid var(--brown);

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(24 * var(--formula));

  padding: calc(8 * var(--formula)) calc(14 * var(--formula));

  margin: calc(80 * var(--formula)) auto 0;

  text-align: center;

  letter-spacing: 0.1em;

}



#main-container.MC260611montecarlo .shop-limit.no_box {

  border: none;

}



#main-container.MC260611montecarlo .product-name {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.1em;

  text-align: center;

  font-weight: var(--font-medium);

  padding-top: calc(30 * var(--formula));

}



#main-container.MC260611montecarlo .product-price {

  font-family: var(--montserrat);

  color: var(--brown);

  font-size: calc(22 * var(--formula));

  line-height: 1;

  letter-spacing: 0.1em;

  text-align: center;

  font-weight: var(--font-medium);

  margin-top: calc(40 * var(--formula));

}



/* ==========================================================================

   【最強版】初期化前のチラつき（別のドット・リスト表示）を100%防ぐ設定

   ========================================================================== */

.lineup-splide-container .splide__list {

  transition: none !important; 

}



.lineup-splide-container .splide__sr,

.lineup-splide-container .splide__list .splide__sr {

  display: none !important;

  visibility: hidden !important;

  opacity: 0 !important;

  

  /* 万が一 display: none が外部JSに上書きされて消されても、

     サイズを0にして画面外へ飛ばすことで、1ミリのチラつきも発生させません */

  width: 0 !important;

  height: 0 !important;

  font-size: 0 !important;

  line-height: 0 !important;

  position: absolute !important;

  overflow: hidden !important;

  clip: rect(0 0 0 0) !important;

  clip-path: inset(50%) !important;

  margin: -1px !important;

  padding: 0 !important;

}



.lineup-splide-container:not(.is-initialized) {

  opacity: 0;

}

.lineup-splide-container.is-initialized {

  opacity: 1;

  transition: opacity 0.2s ease;

}



.lineup-splide-container .splide__pagination,

.lineup-splide-container .splide__track {

  list-style: none !important;

  padding: 0 !important;

  margin: 0 !important;

}



.lineup-splide-container .splide__pagination li,

.lineup-splide-container .splide__pagination button {

  font-size: 0 !important;

  line-height: 0 !important;

  text-indent: -9999px !important;

  color: transparent !important;

}





/* ==========================================================================

   既存のひし形カスタム（干渉を防ぐため、以下のように上書き・確認してください）

   ========================================================================== */

#main-container.MC260611montecarlo .splide__pagination {

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  bottom: calc(198 * var(--formula));

  gap: calc(15 * var(--formula));

  z-index: 20;

  list-style: none;

  padding: 0;

}



/* 実際に表示したいカスタムひし形ドットのスタイル（テキストを消して形を整える） */

#main-container.MC260611montecarlo .splide__pagination__page {

  display: block;

  width: calc(13 * var(--formula));

  height: calc(13 * var(--formula));

  background: transparent;

  border: 1px solid #cdc26f;

  border-radius: 0;

  transform: rotate(45deg);

  opacity: 1;

  transition: background-color 0.3s ease;

  

  /* ボタン内の不要なテキスト（数字やドット）を確実に消す */

  font-size: 0 !important;

  line-height: 0 !important;

  color: transparent !important;

  text-indent: -9999px;

  overflow: hidden;

}



#main-container.MC260611montecarlo .splide__pagination__page.is-active {

  background: #cdc26f;

}



/* ==========================================================================

   カスタム矢印ボタンのスタイリング

   ========================================================================== */

/* Splide標準の矢印デザイン（背景の丸など）をリセットし、位置を設定 */

#main-container.MC260611montecarlo .custom-arrows{

  width: calc(750 * var(--formula));  /* 画像のサイズに合わせて調整してください */

}



#main-container.MC260611montecarlo .custom-arrows .arrows_img {

  position: absolute;

  top: calc(482 * var(--formula)); /* 全体の縦中央に配置 */

  /* transform: translateY(-50%); */

  width: calc(60 * var(--formula));  /* 画像のサイズに合わせて調整してください */

  height: calc(13 * var(--formula)); /* 画像のサイズに合わせて調整してください */

  background: transparent; /* 背景を透明に */

  border: none;

  padding: 0;

  opacity: 1;

  z-index: 30; /* フレーム線やスライダーより手前に浮かせる */

  cursor: pointer;

  transition: opacity 0.3s ease;

}



/* ホバー時に少し透明にする演出 */

#main-container.MC260611montecarlo .custom-arrows .arrows_img:hover {

  opacity: 0.7;

}



/* 左ボタンの位置調整 */

#main-container.MC260611montecarlo .custom-arrows .splide__arrow--prev {

  left: calc(60 * var(--formula)); /* フレームの内側に程よく収まる位置 */

}



/* 右ボタンの位置調整 */

#main-container.MC260611montecarlo .custom-arrows .splide__arrow--next {

  right: calc(60 * var(--formula));

}



/* ボタンの中の画像がはみ出さないように設定 */

#main-container.MC260611montecarlo .custom-arrows .arrows_img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.MC260611montecarlo .intro {

  position: relative;

}

#main-container .invisible-heading {

  position: absolute;

  width: calc(605 * var(--formula));

  height: calc(195 * var(--formula));

  left: calc(94 * var(--formula));

  /* transform: translateX(-50%); */

  top: calc(-135 * var(--formula));

  z-index: 3;

  pointer-events: none;

}

#main-container .intro__txt {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(26 * var(--formula));

  line-height: 2;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-medium);

  margin-top: calc(66 * var(--formula));

}

.MC260611montecarlo .intro__mv-cont {

  margin: calc(279 * var(--formula)) 0 0 0;

}

.MC260611montecarlo .intro__cont {

  height: calc(79 * var(--formula));

  overflow: hidden;

  width: 100%;

  position: relative;

  margin: calc(114 * var(--formula)) 0 0 0;

}

.MC260611montecarlo .intro__loop-anime-cont {

  display: flex;

  align-items: center;

  /* セット同士の隙間 */

  gap: calc(20 * var(--formula));

  animation: loop-ticker 50s linear infinite;

  width: max-content;

  height: 100%;

}

.MC260611montecarlo .intro__loop-set {

  display: flex;

  align-items: center;

  /* 画像同士の隙間 */

  gap: calc(20 * var(--formula));

}



.MC260611montecarlo .intro-obj-01 {

  width: calc(1178 * var(--formula));

}



@keyframes loop-ticker {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(calc(-50% - (20 * var(--formula) / 2)));

  }

}



.MC260611montecarlo .intro-img-02 {

  width: calc(600 * var(--formula));

  margin: calc(27 * var(--formula)) auto 0;

}



.MC260611montecarlo .note {

  position: relative;

  z-index: 1;

  margin-top: calc(150 * var(--formula));

}



.MC260611montecarlo .note::before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

  content: " ";

  width: calc(750 * var(--formula));

  height: 100%; /* アコーディオンの開閉に完全同期 */

  

  /* 【重要】上に書いたものほど手前に重なります */

  background-image: 

    url(../img/frame_top.png),       /* 1. 線のパーツ：上 */

    url(../img/frame_bottom.png),    /* 2. 線のパーツ：下 */

    url(../img/frame_center.png),    /* 3. 線のパーツ：真ん中の直線（伸縮用） */

    url(../img/note_bg.jpg);    /* 4. 一番奥：水面の背景画像（1枚もの） */



  /* それぞれの配置位置 */

  background-position: 

    center top,    /* 線のパーツ：上 */

    center bottom, /* 線のパーツ：下 */

    center top,    /* 線のパーツ：真ん中 */

    center center; /* 水面背景：中央基準 */



  /* それぞれのサイズ指定 */

  background-size: 

    100% auto,   /* 線のパーツ：上（比率維持） */

    100% auto,   /* 線のパーツ：下（比率維持） */

    100% 100%,   /* 線のパーツ：真ん中（上下に引き伸ばして上下の線を繋ぐ） */

    cover;       /* 水面背景：要素に合わせて全体を覆う */



  /* 線のパーツはリピートさせず、1回だけ描画（中央の直線はrepeat-yでも可） */

  background-repeat: no-repeat;

  

  /* 高さが変わる際のアニメーション */

  transition: height 0.5s ease-out;

}



.MC260611montecarlo .note_title {

  width: calc(428 * var(--formula));

  margin: 0 auto;

  padding-top: calc(129 * var(--formula));

}

.MC260611montecarlo .note_img {

  width: calc(550 * var(--formula));

  margin: calc(40 * var(--formula)) auto 0;

}



#main-container .sec-set {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

  position: relative;

  z-index: 1;

}



#main-container .sec-set_inner {

  width: 100%;

}



#main-container .sec1 {

  padding: calc(140 * var(--formula)) 0 0 0;

}



#main-container .deco_img {

  position: absolute;

  width: calc(300 * var(--formula));

  top: calc(-140 * var(--formula));

  right: 0;

  z-index: -1;

}



#main-container .sec1 .invisible-heading {

  position: absolute;

  width: calc(443 * var(--formula));

  top: calc(-21 * var(--formula));

  left: 50.4%;

  transform: translateX(-50%);

  z-index: 3;

}



#main-container .sec-img-01 {

  width: calc(690 * var(--formula));

  margin: calc(140 * var(--formula)) auto 0;

}



#main-container .sec__lead {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(32 * var(--formula));

  line-height: 2;

  letter-spacing: 0.1em;

  text-align: left;

  font-weight: var(--font-medium);

  padding: calc(60 * var(--formula)) 0 0 calc(40 * var(--formula));

}



#main-container .sec__lead .txt_small {

  font-size: calc(28 * var(--formula));

}



#main-container .sec__credit {

  font-family: var(--montserrat);

  color: var(--brown);

  font-size: calc(24 * var(--formula));

  line-height: 1;

  letter-spacing: 0.1em;

  text-align: left;

  font-weight: var(--font-medium);

  padding: calc(29 * var(--formula)) 0 0 calc(40 * var(--formula));

  display: block;

}



#main-container .accordion-cont {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: calc(26 * var(--formula)) 0 0 0;

}



#main-container .accordion-desc2 {

  padding: calc(25 * var(--formula)) 0 calc(62 * var(--formula)) 0;

  letter-spacing: 0.0896em;

}



#main-container .accordion-btn {

  margin: 0 auto;

}



#main-container .btn-close-01 {

  width: calc(82 * var(--formula));

}



#main-container .btn-open-01 {

  width: calc(162 * var(--formula));

  padding-top: calc(36 * var(--formula));

  padding-bottom: calc(137 * var(--formula));

}



.MC260611montecarlo .sec2 .sec-set_inner {

  margin: calc(170 * var(--formula)) auto 0;

  z-index: 1;

}



/* 固定の飾り線（前回の3分割テクニックを使用） */

.MC260611montecarlo .sec2 .sec-set_inner::before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0; /* スライダー（z-index:1）の上に重ねて固定する */

  content: " ";

  width: calc(750 * var(--formula));

  height: calc(1092 * var(--formula));

  pointer-events: none; /* スライダーのドラッグやクリックを邪魔しない設定 */

  background-image: url(../img/slide_bg.jpg);    /* 左右の直線 */

  background-position: center;

  background-size: 100%;

  background-repeat: no-repeat;

}



.MC260611montecarlo .sec2 .section-title {

  width: calc(374 * var(--formula));

  margin: 0 auto;

  padding-top: calc(124 * var(--formula));

}



.MC260611montecarlo .sec2 .product-images {

  width: calc(450 * var(--formula));

  /* height: calc(450 * var(--formula)); */

  margin: 0 auto;

  padding-top: calc(30 * var(--formula));

}



#main-container .sec3 {

  margin-top: calc(140 * var(--formula));

}

#main-container .sec3 .deco_img {

  top: calc(0 * var(--formula));

  right: initial;

  left: 0;

}

#main-container .sec3 .invisible-heading {

  position: static;

  width: calc(589 * var(--formula));

  height: calc(224 * var(--formula));

  margin: calc(120 * var(--formula)) auto 0 calc(123 * var(--formula));

}



#main-container .sec_sub_title {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(26 * var(--formula));

  line-height: 2;

  letter-spacing: 0.075em;

  text-align: center;

  font-weight: var(--font-medium);

  margin: calc(38 * var(--formula)) auto 0;

}



#main-container .sec3 .sec-img-01 {

  margin: calc(48 * var(--formula)) auto 0;

}



#main-container .sec__txt {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.075em;

  text-align: left;

  font-weight: var(--font-medium);

  display: block;

  width: calc(670 * var(--formula));

  margin: calc(29 * var(--formula)) auto 0;

  text-align: justify;

}



#main-container .sec4 {

  margin-top: calc(108 * var(--formula));

}

#main-container .sec4 .sec__lead {

  margin-top: calc(-56 * var(--formula));

  padding: calc(0 * var(--formula)) 0 0 calc(40 * var(--formula));

}



#main-container .sec5 {

  margin-top: calc(167 * var(--formula));

}

#main-container .txt_box {

  width: 100%;

  margin: 0 auto;

  position: relative;

  z-index: 1;

  padding-bottom: calc(137 * var(--formula));

}

#main-container .txt_box::before {

  content: " ";

  display: block;

  width: 100%;

  height: calc(600 * var(--formula));

  background-image: url(../img/img04_bg.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

}

#main-container .sec5 .deco_img {

  top: calc(16 * var(--formula));

}



#main-container .sec_sub_title {

  font-family: var(--shuei-gothic);

  color: var(--brown);

  font-size: calc(26 * var(--formula));

  line-height: 2;

  letter-spacing: 0.075em;

  text-align: center;

  font-weight: var(--font-medium);

  margin: calc(38 * var(--formula)) auto 0;

}



#main-container .sec5 .sec-img-01 {

  width: calc(750 * var(--formula));

  margin: 0 auto;

  position: relative;

  z-index: 2;

}



#main-container .color_blue {

  color: #3c82a5;

}



#main-container .sec6 {

  padding-top: calc(122 * var(--formula));

}

#main-container .sec6::before {

  content: " ";

  display: block;

  width: 100%;

  height: calc(3072 * var(--formula));

  background-image: url(../img/sec03_bg.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

}

#main-container .sec6 .invisible-heading {

  position: static;

  width: calc(374 * var(--formula));

  height: calc(111 * var(--formula));

  margin: 0 auto;

}



#main-container .sec6 .sec_sub_title {

  margin: calc(36 * var(--formula)) auto 0;

}



#main-container .sec6 .sec-img-01 {

  width: calc(600 * var(--formula));

  margin: calc(47 * var(--formula)) auto 0;

}



#main-container .sec6 .shop-limit {

  padding: calc(8 * var(--formula)) calc(19 * var(--formula));

  margin: calc(40 * var(--formula)) auto 0;

}



#main-container .sec6 .product-name {

  font-size: calc(32 * var(--formula));

  padding-top: calc(20 * var(--formula));

}



#main-container .sec6 .product-price {

  font-size: calc(24 * var(--formula));

  margin-top: calc(29 * var(--formula));

}



#main-container .sec6 .sec__txt {

  text-align: center;

  display: block;

  width: calc(600 * var(--formula));

  margin: calc(30 * var(--formula)) auto 0;

}



#main-container .sec6 .sec_block02 {

  width: calc(600 * var(--formula));

  margin: calc(107 * var(--formula)) auto 0;

}



#main-container .check-all {

  width: calc(600 * var(--formula));

  height: calc(120 * var(--formula));

  display: grid;

  place-items: center;

  /* margin: calc(91 * var(--formula)) auto 0; */

}



#main-container .lp-footer {

  margin: calc(308 * var(--formula)) auto 0;

}



#main-container .copyright {

  font-family: var(--neue-hass);

  color: var(--brown);

  font-size: calc(20 * var(--formula));

  line-height: 1.5;

  letter-spacing: 0;

  text-align: center;

  font-weight: var(--font-regular);

  margin: calc(75 * var(--formula)) auto calc(55 * var(--formula));

}



#main-container .right__check-all {

  width: calc(339 * var(--formula_pc));

  height: calc(68 * var(--formula_pc));

  display: grid;

  place-items: center;

  margin: calc(11 * var(--formula_pc)) auto 0;

  box-sizing: border-box;

}



/* 

//////////////////////////////////////////////////////////////////////////////////////////

SP settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

@media (max-width: 767px) {

  #main-container.MC260611montecarlo {

    padding-top: calc(50 * (100vw / 375));

  }

  #main-container .lp-left-area,

  #main-container .lp-right-area {

    display: none;

  }

  #main-container .lp-main-area {

    width: 100%;

  }

}