@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : LP CSS

//////////////////////////////////////////////////*/

/* ===================
      Roots
=================== */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansCJKjp-Regular.otf") format("opentype"),
       url("../font/NotoSansJP-Regular.otf") format("opentype"),
       url("../font/NotoSansCJKjp-Bold.otf") format("opentype"),
       url("../font/NotoSansJP-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


:root {
  --font-noto: "Noto Sans JP", sans-serif;
  --font-garamond: "adobe-garamond-pro", serif;
  --font-europa: "europa", sans-serif;
  --color-black: #000;
  --color-white: #fff;
}

.en_text_light {
  font-family: var(--font-europa);
  font-weight: 300;
}
.en_text_regular {
  font-family: var(--font-europa);
  font-weight: 400;
}
.en_text_bold {
  font-family: var(--font-europa);
  font-weight: 700;
}

/* ========================================================
                      * Layout style *
========================================================= */

html {
  font-size: 62.5%;
}

main {
  width: 100%;
  max-width: 100%;
}

#Header,
#Foot {
  display: none;
}

#Wrap {
  width: 100% !important;
}

#Contents {
  margin-bottom: 0;
}

.lp_contents a {
  text-decoration: none;
  display: block;
}

.lp_contents img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: optimizequality;
}

.lp_contents * {
  /* font-feature-settings: "palt"; */
  font-family: var(--font-europa), var(--font-noto), sans-serif;
}

.topic-path {
  margin-right: 0;
  margin-left: 0;
}

/* ===================
  LP Contents
=================== */

.lp_contents {
  /* opacity: 0;
  animation: opa1 2.5s ease-in-out 0s 1 forwards; */
  margin: 0 auto;
  padding: 0;
  overflow: clip;
  font-family:  var(--font-noto);
  font-weight: 400;
  /*background: url(../img/bg-all.svg) 0 70rem no-repeat #ceabaa;
  background-size: 100% auto;*/
  background: #fff;
  padding-bottom: 10rem;
  color: #000;
}

@keyframes opa1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.lp_contents p {
  font-style: normal;
}

.lp_contents *,
.lp_contents *:before,
.lp_contents *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lp_contents ul,
.lp_contents li {
  list-style: none;
}

.lp_contents img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

.lp_contents sup {
  font-size: 1rem;
}

.lp_contents a,
.lp_contents a:before,
.lp_contents a:after,
.lp_contents a img {
  transition: opacity .3s ease-in-out,
    color .3s ease-in-out,
    background-color .3s ease-in-out,
    background-image .3s ease-in-out,
    border-color .3s ease-in-out,
    text-shadow .3s ease-in-out,
    text-weight .3s ease-in-out;
}

.lp_contents a:hover {
  opacity: 0.6;
}

.lp_contents h1 {
  padding: 0;
}

.lp_contents .flex {
  display: flex;
  justify-content: center;
}

.lp_contents .box_content {
  text-align: center;
}

.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5 {
  color: var(--color-black);
}

.lp_contents .font_avenir {
  font-family: var(--font-europa);
  font-weight: 400;
}

.lp_contents .ttl_wrap {
  padding: 2.4rem 0 1.6rem;
  background-color: #E8DAC3;
}

/* ===================
  　　　Animation
=================== */


/* -- keyframes -- */

@-webkit-keyframes indexItems {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

@keyframes indexItems {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

.js-loadfade {
  opacity: 0;
  transition: opacity 1.8s;
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: none;
  mask-repeat: none;
  transform: translateZ(0);
  transition: -webkit-mask-position 2s linear;
  transition: mask-position 2s linear;
  transition: mask-position 2s linear, -webkit-mask-position 2s linear;
}

.js-loadfade.active {
  opacity: 1;
  -webkit-mask-position: center 0;
  mask-position: center 0;
}

.js-up2downfade {
  opacity: 0;
  transition: opacity 1.8s;
  animation: opa1 1.5s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  mask-image: linear-gradient(0deg, transparent, transparent 39.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, var(--color-black) 58.3333333333%, var(--color-black));
  -webkit-mask-size: 100% max(300%, 100vh);
  mask-size: 100% max(300%, 100vh);
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  -webkit-mask-repeat: none;
  mask-repeat: none;
  transform: translateZ(0);
  transition: -webkit-mask-position 2s linear;
  transition: mask-position 2s linear;
  transition: mask-position 2s linear, -webkit-mask-position 2s linear;
}

.js-up2downfade.active {
  opacity: 1;
  -webkit-mask-position: center 0;
  mask-position: center 0;
}

@keyframes opa1 {
  0% {
    opacity: 0;
    filter: blur(15px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/* .js-fade {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 1.8s 0s, transform 1.8s 0s;
}

.js-fade.active {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  transition: opacity 1.8s 0s, transform 1.8s 0s;
} */

.js-fade {
  opacity: 0;
  transition: opacity 2s ease 0s;
}
.js-fade.active {
  opacity: 1;
  transition: opacity 2s ease 0s;
}





/*=======================================
        CV_202412ExpressivePalette
========================================*/
/* fv_contents */
.fv_contents {
  width: 100%;
  margin-bottom: 9.4rem;
}
.fv_lead {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 9rem;
  letter-spacing: 0.1em;
}

/* item_cont01 */
.item_cont01 {
  margin-bottom: 10rem;
}
.item_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item_flex.item_main {
  width: 112rem;
  margin: 0 auto;
}
.item_flex.item_main .item_flex_in_left {
  width: 54rem;
  height: 61.5rem;
  overflow: clip;
}
.item_flex.item_main .item_flex_in_right {
  width: 46rem;
  position: relative;
}
.item_top {
  width: 12.2rem;
  height: 2.6rem;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin-bottom: 2.3rem;
}
.item_name {
  font-size: 4.6rem;
  letter-spacing: 0.1em;
  margin-bottom: 4.1rem;
  line-height: 1;
}
.item_name_ja {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  letter-spacing: 0.1em;
}
.item_name_ja.seconds {
  margin-bottom: 3.8rem;
  letter-spacing: 0.1em;
}
.item_lead01 {
  text-align: justify;
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 3.2rem;
  letter-spacing: 0.1em;
}
.item_lead02 {
  text-align: justify;
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 4rem;
  letter-spacing: 0.1em;
}
.item_detail {
  display: block;
  width: 13rem;
  border-bottom: solid 1px #000;
  padding-bottom: 0.8rem;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  position: relative;
}
.item_detail::after {
  content: "";
  width: 6px;
  height: 12px;
  background: url(../img/item_detail_arrow.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 35%;
  right: 0;
  transform: translate(0% , -50%);
}
.item_ex_img01 {
  width: 15.4rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 12.3rem;
  right: 0rem;
}
.item_ex_img01_in {
  width: 7.2rem;
}

/* item_cont02 */
.item_cont02 {
  margin-bottom: 9.8rem;
}
.item_flex.item_sub {
  width: 114rem;
  margin: 0 auto;
}
.item_flex.item_sub .item_flex_in {
  width: 54rem;
}
.item_cont02_img {
  margin-bottom: 5rem;
}
.item_cont02_enttl {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 2rem;
}
.item_cont02_lead {
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 4.2rem;
  letter-spacing: 0.1em;
}

/* item_cont03 */
.item_cont03 {
  margin-bottom: 16rem;
}
.bg_grad01 {
  background: url(../img/bg_grad01.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  padding: 5rem 0;
}
.item_cont03_inner {
  background-color: #fff;
  width: 114rem;
  margin: 0 auto;
  padding: 8rem 6rem;
  position: relative;
}
.tab_area01 {
  position: absolute;
  top: 20rem;
  left: 18.6rem;
  width: 6.6rem;
  z-index: 20;
}
/* タブパネルの初期設定 */
.tab_panel01 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease, visibility 0s 0.5s; /* visibilityの遅延 */
  display: none;  /* 初期状態で非表示 */
}

/* activeクラスが付与されたパネルは表示 */
.tab_panel01.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 2s ease, visibility 0s; /* フェードイン */
  display: block;  /* 表示する */
}

/* ボタンに関するスタイルが押せない原因になっていないか確認 */
.color_pallet01 {
  cursor: pointer;
}

.color_pallet01 {
  width: 6.6rem;
  margin-bottom: 1.6rem;
  cursor: pointer;
  transition: 0.7s;
  /* box-sizing: content-box; */
  position: relative;
}
.color_pallet01.active {
  /* box-sizing: content-box; */
}
.color_pallet01.active::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item_flex.item_cont03_flex {
  width: 84.5rem;
  position: relative;
  margin-bottom: 7.8rem;
  margin-left: 5.5rem;
}
.item_flex.item_cont03_flex .item_cont03_flex_in_left {
  width: 40rem;
}
.item_cont03_enttl {
  font-size: 3.8rem;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-top: 3.8rem;
  margin-bottom: 4.4rem;
  text-align: center;
}
.item_cont03_flex_in_flex {
  width: 25.8rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.item_cont03_flex_in_flex_left {
  width: 6.4rem;
}
.item_cont03_flex_in_flex_right {
  width: 14.4rem;
}
.item_cont03_flex_in_right {
  width: 27rem;
}
.color_pallet_img01 {
  width: 27rem;
  margin-bottom: 2rem;
}
.item_cont03_flex_in_right_text {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1;
}
.item_flex.item_cont03_pallet_area {
  width: 102rem;
  margin: 0 auto;
  border-bottom: solid 1px #000;
  padding-bottom: 2rem;
}
.item_cont03_pallet_area_in {
  width: 34rem;
  height: 14.1rem;
}
.pallet_name_flex {
  display: flex;
  align-items: center;
  margin-left: 7.7rem;
  margin-bottom: 1.4rem;
}
.pallet_color_img {
  width: 6rem;
  margin-right: 3rem;
}
.pallet_color_name {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
.pallet_color_lead {
  width: 28rem;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: justify;
  font-feature-settings: normal;
}
.item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in:nth-of-type(2) {
  border-left: solid 1px #000;
  border-right: solid 1px #000;
}
.item_flex.item_cont03_pallet_area.pallet_area_mt {
  margin: 2rem auto 0;
}
.item_flex.item_cont03_pallet_area.pallet_area_mt.pallet_area_last {
  border-bottom: none;
}

/* item_cont01　item_cont01_02 */
.item_ex_img02 {
  width: 7.2rem;
  position: absolute;
  top: 12.3rem;
  right: 0rem;
}

/* item_cont03_02 */
.bg_grad02 {
  background: url(../img/bg_grad02.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  padding: 5rem 0;
}
.item_cont03.item_cont03_02 .item_cont03_flex_in_flex {
  width: 14.4rem;
  margin: 0 auto;
}
.item_cont03.item_cont03_02 .pallet_color_img {
  width: 6rem;
  margin: 0 auto 1.5rem;
}
.item_cont03.item_cont03_02 .pallet_color_name {
  width: 28rem;
  margin: 0 auto 1.5rem;
}
.item_cont03.item_cont03_02 .item_cont03_pallet_area_in {
  height: 16.8rem;
}
.item_cont03.item_cont03_02 {
  margin-bottom: 17rem;
}
.item_cont03.item_cont03_02 .pallet_color_lead span.en_text_regular {
  font-size: 1.6rem;
}

/* item_cont04 */
.item_cont04 {
  position: relative;
  width: 131.5rem;
  margin: 0 auto 10rem;
  height: 103rem;
}
.item_cont04.item_cont04_02 {
  height: 95rem;
}
.item_cont04.item_cont04_03 {
  height: 98rem;
}
.item_flex.item_cont04_ttl_flex {
  width: 131.5rem;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  position: sticky;
  top: 30rem;
  left: 0;
  width: 100%;
  pointer-events: none;
  transition: .4s;
}
.item_cont04_ttl_color {
  transition: color 0.4s ease, opacity 0.4s ease;
  will-change: color, opacity; /* 変更を予測して最適化 */
}
.item_cont04_ttl_color p .text_01 {
  font-size: 6.2rem;
  letter-spacing: 0.1em;
}
.item_cont04_ttl_color p .text_02 {
  font-size: 14.2rem;
  letter-spacing: 0.1em;
  margin-left: 34.8rem;
  line-height: 0.7;
}
.item_cont04_ttl_color.terracotta {
  height: 19rem;
  color: #9c3926;
}
.item_cont04_ttl_color.pink {
  color: #d38181 !important;
}
.item_cont04_ttl_color.lightred {
  color: #ad424f !important;
}
/* .item_cont04_ttl_color.terracotta.change, .item_cont04_ttl_color.pink.change, .item_cont04_ttl_color.lightred.change {
  color: rgba(0, 0, 0, 0.1) !important; 
  opacity: 1;
} */
/* changeクラスを適用したときの色 */
.item_cont04_ttl_color.terracotta.change { color: rgba(156, 57, 38, 0.1) !important; }
.item_cont04_ttl_color.pink.change { color: rgba(211, 129, 129, 0.1) !important; }
.item_cont04_ttl_color.lightred.change { color: rgba(173, 66, 79, 0.1) !important; }
.item_cont04_img_tab_button_area {
  width: 51.7rem;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-top: -14.5rem;
  margin-bottom: 7.5rem;
  margin-right: -0.2rem;
}
.img_tab {
  width: 10.2rem;
  cursor: pointer;
  box-sizing: content-box;
  position: relative;
}
.img_tab.active {
  /* box-sizing: content-box; */
}
.img_tab.active::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img_tab-02 {
  width: 10.2rem;
  cursor: pointer;
  box-sizing: content-box;
  position: relative;
}
.img_tab-02.active {
  /* box-sizing: content-box; */
}
.img_tab-02.active::after {
  content: "";
  width: 100%;
  height: 100%;
  border: solid 1px #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item_flex.item_cont04_flex {
  width: 114rem;
  margin: 0 auto 0;
  position: relative;
  z-index: 10;
}
.item_cont04_flex_left {
  width: 54rem;
}
/* タブの初期状態 */
.img_tab_jpg {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease, visibility 0s 0.5s;
  display: none; /* 初期状態で非表示 */
}

/* タブコンテンツを横並びにする */
.img_tab_jpg {
  display: flex;
  transition: transform 0.3s ease;
}

/* タブコンテンツが非表示の状態 */
.img_tab_jpg:not(.active) {
  display: none;
}

/* activeクラスが付与された場合に表示 */
.img_tab_jpg.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 2s ease, visibility 0s;
  display: block; /* 表示する */
}



/* タブの初期状態 */
.img_tab_jpg-02 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease, visibility 0s 0.5s;
  display: none; /* 初期状態で非表示 */
}

/* タブコンテンツを横並びにする */
.img_tab_jpg-02 {
  display: flex;
  transition: transform 0.3s ease;
}

/* タブコンテンツが非表示の状態 */
.img_tab_jpg-02:not(.active) {
  display: none;
}

/* activeクラスが付与された場合に表示 */
.img_tab_jpg-02.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 2s ease, visibility 0s;
  display: block; /* 表示する */
}
.item_cont04_flex_right {
  width: 50rem;
}
.item_flex.item_cont04_pallet_flex {
  width: 42.2rem;
  margin: 0 auto 5.5rem;
}
.item_cont04_pallet_flex_in {
  width: 18rem;
}
.item_cont04_pallet_img {
  width: 19rem;
  margin: 0 auto 1.8rem;
  position: relative;
}
.item_cont04_pallet_img_layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
/* レイヤーが表示されたとき */
.item_cont04_pallet_img_layer {
  display: none;
}
.item_cont04_pallet_img_layer.layer01 {
  display: none; /* 初期状態で非表示 */
}
.item_cont04_pallet_img_layer.layer02 {
  display: none; /* 初期状態で非表示 */
}
.item_cont04_pallet_img_layer.layer03 {
  display: none; /* 初期状態で非表示 */
}
.item_cont04_pallet_img_layer.layer04 {
  display: none; /* 初期状態で非表示 */
}
.item_cont04_pallet_img_layer.layer05 {
  display: none; /* 初期状態で非表示 */
}

.how_to_color.active {
  color: #9c3926 !important;
}
.how_to_color02.active {
  color: #9c3926 !important;
}
.how_to_color03.active {
  color: #9c3926 !important;
}
.how_to_color04.active {
  color: #9c3926 !important;
}
.how_to_color05.active {
  color: #9c3926 !important;
}
.how_to_color06.active {
  color: #d38181 !important;
}
.how_to_color07.active {
  color: #d38181 !important;
}
.how_to_color08.active {
  color: #d38181 !important;
}
.how_to_color09.active {
  color: #ad424f !important;
}
.item_cont04_pallet_name {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0.5rem;
  letter-spacing: 0.1em;
}
.item_cont04_pallet_name02 {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.025em;
  margin-bottom: 1.3rem;
}
.item_cont04_pallet_price {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}
.how_to_block {
  border: solid 1px #000;
  padding: 5rem 0 4.3rem;
}
.how_to_ttl {
  width: 23rem;
  margin: -7.1rem auto 3.8rem;
  font-size: 3rem;
  letter-spacing: 0.1em;
  background: #fff;
  text-align: center;
}
.how_to_img {
  width: 19rem;
  margin: 0 auto 2.3rem;
}
.how_to_num {
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
}
/* .how_to_num.w32 {
  width: 32rem;
} */
.how_to_num.how_to01 {
  /* width: 26rem; */
  width: fit-content;
}
.how_to_num.how_to02 {
  /* width: 26rem; */
  width: fit-content;
}
.how_to_num.how_to03 {
  /* width: 26rem; */
  width: fit-content;
}
.how_to_num.how_to04 {
  /* width: 26rem; */
  width: fit-content;
}
.how_to_num.how_to05 {
  /* width: 26rem; */
  width: fit-content;
}
.how_to_num.how_to06 {
  /* width: 27rem; */
  width: fit-content;
}
.how_to_num.how_to07 {
  /* width: 29.1rem; */
  width: fit-content;
}
.how_to_num.how_to08 {
  /* width: 29.1rem; */
  width: fit-content;
}
.how_to_num.how_to09 {
  /* width: 27rem; */
  width: fit-content;
}

/* item_cont04_02 */
.item_cont04.item_cont04_02 .item_cont04_ttl_flex {
  justify-content: flex-end;
}
.item_cont04.item_cont04_02 .item_cont04_ttl_color p .text_02 {
  margin-left: 34.8rem;
}
.item_cont04.item_cont04_02 .item_cont04_img_tab_button_area {
  width: 31.2rem;
  margin-left: -0.2rem;
  margin-right: auto;
}

/* item_cont04_03 */
.item_cont04.item_cont04_03 .item_cont04_ttl_flex {
  justify-content: center;
  margin-bottom: 5rem;
}
.item_cont04.item_cont04_03 .item_cont04_ttl_color p {
  font-size: 6.2rem;
  letter-spacing: 0.1em;
}
.item_cont04.item_cont04_03 .item_cont04_ttl_color.terracotta {
  height: auto;
  margin-bottom: 5rem;
}

/* novelty_campaign */
.novelty_campaign {
  background-color: #efefef;
  padding: 8rem 0;
  position: relative;
  z-index: 50;
}
.novelty_area {
  width: 105rem;
  align-items: center;
  margin: 0 auto;
}
.novelty_area_text {
  width: 52rem;
  margin-top: -1rem;
}
.novelty_area_img {
  width: 40rem;
}
.novelty_area_text_ttl {
  font-size: 4.6rem;
  letter-spacing: 0.106em;
  line-height: 1;
  margin-bottom: 2rem;
}
.novelty_area_text_subttl {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  margin-bottom: 3.6rem;
  font-weight: 700;
}
.novelty_area_text_lead {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 2rem;
}
.novelty_area_text_attention {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 2;
  color: #474747;
}

/* instagram_live */
.instagram_live {
  background-color: #2c2220;
  padding: 8rem 0;
  position: relative;
  z-index: 50;
}
.instagram_flex {
  width: 113.9rem;
  align-items: center; 
  margin: 0 auto;
}
.instagram_flex_img {
  width: 42rem;
}
.instagram_flex_text {
  width: 58rem;
/*  margin-top: 3rem;*/
}
.instagram_flex_text_ttl {
  font-size: 4.6rem;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 0.8rem;
}
.instagram_flex_text_subttl {
  font-size: 2.7rem;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 3.3rem;
}
.instagram_flex_text_subttl small{
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.instagram_flex_text_lead {
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
  margin-bottom: 4.2rem;
}
.instagram_flex_text_box {
  width: 41rem;
  height: 4.4rem;
  margin: 0 auto 7.5rem;
  border: solid 1px #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.instagram_flex_text_box p {
  font-size: 2.2rem;
  letter-spacing: 0.025em;
  text-align: center;
  color: #fff;
  line-height: 1;
}
.live_ttl {
  font-size: 2.2rem;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 1.3rem;
}
.live_flex {
  width: 58rem;
}
.live_flex_in {
  background: #fff;
  width: 18rem;
  padding: 2rem 0;
}
.live_pallet_img {
  width: 11rem;
  margin: 0 auto 1.6rem;
}
.live_pallet_name {
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 1.1rem;
}
.live_pallet_type {
  font-size: 1.2rem;
  letter-spacing: 0.025em;
  text-align: center;
  line-height: 1;
  margin-bottom: 1.7rem;
}
.live_pallet_price {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1;
}
.item_all {
  display: block;
  width: 36.8rem;
  border-bottom: solid 1px #000;
  padding-bottom: 2rem;
  font-size: 3rem;
  letter-spacing: 0.1em;
  position: relative;
  margin: 10rem auto 0;
  z-index: 50;
}
.item_all::after {
  content: "";
  width: 8px;
  height: 16px;
  background: url(../img/item_all_arrow.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 30%;
  right: 0;
  transform: translate(0% , -50%);
}
#up2downfade {
  position: relative;
  z-index: 50;
}

.lp_contents #up2downfade .acc_cont {
  margin-top: 3.5rem;
}

.lp_contents #up2downfade .btn_viewmore {
  position: relative;
  font-size: 1.8rem !important;
  z-index: 0;
  width: 13.7rem;
  /* border-bottom: solid 1px #000; */
  margin: -6rem auto 0;
  /* padding-bottom: 0.5rem; */
  letter-spacing: 0.1em;
}

.lp_contents #up2downfade .btn_viewmore::before {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: 19rem;
  top: -14rem;
  left: 0;
  transform: translate(-50%, 0);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 30%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.lp_contents #up2downfade .btn_viewmore.active::before {
  display: none;
}

.lp_contents #up2downfade .btn_viewmore.active {
  margin-top: 4.6rem;
  width: 9.5rem;
  border-bottom: none;
}

.lp_contents #up2downfade .btn_viewmore span {
  position: relative;
  display: block;
  /* padding-right: 1rem; */
  /* background: url(../img/icn_plus_mv.svg) no-repeat right; */
  /* background-size: 1.2rem; */
  cursor: pointer;
  z-index: 2;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #000;
}
.lp_contents #up2downfade .btn_viewmore.active span {
  border-bottom: none;
}
.lp_contents #up2downfade .btn_viewmore span::after {
  content: "";
  width: 12px;
  height: 6px;
  background: url(../img/icn_plus_mv.svg) no-repeat right;
  position: absolute;
  top: 43%;
  right: 0;
  transform: translate(0%, -50%);
}

.lp_contents #up2downfade .btn_viewmore.active span::after {
  /* background-image: url(../img/icn_minus_mv.svg); */
  /* background-position-y: 1.2rem; */
  /* background-position-x: 4.5rem; */
  /* background-size: 1.2rem; */
  rotate: 180deg;
  top: 15%;
}

.tab_panel01.tab_panel02 .item_cont03_pallet_area.second .item_cont03_pallet_area_in {
  height: 16.4rem;
}



.lp_contents .fixed_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  visibility: hidden;
  background-color: #2c2220;
  width: 100%;
  z-index: -2;
}

/*  */
.lp_contents .fixed_menu.hidden {
  transition: all 0.6s 0.3s;
  visibility: visible;
  transform: translateY(0);
  z-index: 100;
}
.lp_contents .fixed_menu.visible {
  transition: all 0.6s 0.3s;
  transform: translateY(100%);
  z-index: -2;
}


.lp_contents .fixed_menu__link--text {
  text-align: center;
}

.lp_contents .fixed_menu__link--text a {
  display: inline-block;
  position: relative;
  width: 30rem;
  /* margin: 0 10.4rem; */
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  /* font-weight: 400; */
  /* padding-bottom: 0.1rem; */
  /* border-bottom: #fff solid 0.1rem; */
  padding: 1.95rem 0;
  color: #fff;
}

.lp_contents .fixed_menu__link--text a:first-child:before {
  display: none;
}

.lp_contents .fixed_menu a {
  cursor: pointer;
  position: relative;
}
.lp_contents .fixed_menu a.border_left {
  border-left: solid 1px #fff;
}

.lp_contents .fixed_menu.fixed {
  transform: translateY(0);
  animation: fade-in .6s ease-in-out forwards;
}

.lp_contents .fixed_menu.none-fixed {
  transform: translateY(100%);
  animation: fade-out .6s ease-in-out forwards;
}

/* .lp_contents .fixed_menu a.no_open {
  cursor: none;
  pointer-events: none;
  opacity: 0.5;
} */


@keyframes fade-in {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }

  100% {
    transform: translateY(0);
    visibility: visible;
  }
}

@keyframes fade-out {
  0% {
    transform: translateY(0);
    visibility: visible;
  }

  100% {
    transform: translateY(100%);
    visibility: hidden;
  }
}




.pc_on {
  display: block;
}
.sp_on {
  display: none;
}
.pc_on_f {
  display: flex;
}
.sp_on_f {
  display: none;
}
.sp_on_inline {
  display: none;
}

@media screen and (max-width: 1400px){
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

/*=======================================
                    SP
========================================*/


/* only SP */

@media only screen and (max-width: 768px) {

  .img_tab_jpg {
    display: flex;
    overflow-x: scroll; /* 横スクロールを有効化 */
    scroll-snap-type: x mandatory;
  }
  
  .img_tab_jpg > div {
    scroll-snap-align: start;
  }

  .img_tab_jpg-02 {
    display: flex;
    overflow-x: scroll; /* 横スクロールを有効化 */
    scroll-snap-type: x mandatory;
  }
  
  .img_tab_jpg-02 > div {
    scroll-snap-align: start;
  }

  .pc_on {
    display: none;
  }
  .sp_on {
    display: block;
  }
  .pc_on_f {
    display: none;
  }
  .sp_on_f {
    display: flex;
  }
  .sp_on_inline {
    display: inline;
  }
  /*=======================================
                Responsive
  ========================================*/
.fv_contents {
  margin-bottom: calc(145* (100vw /750));
}
.fv_lead {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(70* (100vw /750));
}
.lp_contents #up2downfade .btn_viewmore {
  font-size: calc(30* (100vw /750)) !important;
  width: calc(264* (100vw /750));
  margin-top: calc(-140* (100vw /750));
  border-bottom: unset;
  padding-bottom: unset;
}
.lp_contents #up2downfade .btn_viewmore.active {
  margin-top: calc(20* (100vw /750));
  width: calc(188* (100vw /750));
}
.contents_wrap {
  margin-top: calc(155* (100vw /750));
}
.lp_contents #up2downfade .btn_viewmore span::after {
  width: calc(30* (100vw /750));
  height: calc(12* (100vw /750));
}
.lp_contents #up2downfade .btn_viewmore::before {
  height: calc(280*(100vw / 750));
  top: calc(-210*(100vw / 750));
  left: 50%;
}
.item_flex.item_main .item_flex_in_left {
  width: calc(750*(100vw / 750));
  height: calc(854*(100vw / 750));
  margin-bottom: calc(100*(100vw / 750));
}
.item_flex.item_main .item_flex_in_right {
  width: calc(640*(100vw / 750));
  margin: 0 auto;
  /* margin-left: calc(60*(100vw / 750)); */
}
.item_flex.item_main {
  width: calc(750*(100vw / 750));
}
.item_top {
  width: calc(231* (100vw /750));
  height: calc(50* (100vw /750));
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(41* (100vw /750));
}
.item_name {
  font-size: calc(70* (100vw /750));
  margin-bottom: calc(83* (100vw /750));
}
.item_name_ja {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(14* (100vw /750));
}
.item_name_ja.seconds {
  margin-bottom: calc(74* (100vw /750));
}
.item_lead01 {
  text-align: left;
  font-size: calc(34* (100vw /750));
  margin-bottom: calc(69* (100vw /750));
  font-feature-settings: normal;
}
.item_lead02 {
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(78* (100vw /750));
  font-feature-settings: normal;
}
.item_detail {
  width: calc(245* (100vw /750));
  font-size: calc(30* (100vw /750));
  padding-bottom: calc(12* (100vw /750));
}
.item_cont01 {
  margin-bottom: calc(160* (100vw /750));
}
.item_flex.item_sub {
  width: calc(630* (100vw /750));
}
.item_cont02_img {
  margin-bottom: calc(100* (100vw /750));
}
.item_cont02_enttl {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(35* (100vw /750));
}
.item_flex.item_sub .item_flex_in {
  width: 100%;
}
.item_flex.item_sub .item_flex_in:first-of-type {
  margin-bottom: calc(160* (100vw /750));
}
.item_cont02 {
  margin-bottom: calc(160* (100vw /750));
}
.item_cont02_lead {
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(80* (100vw /750));
  text-align: justify;
  font-feature-settings: normal;
  /* letter-spacing: 0.025em; */
}
.bg_grad01 {
  padding: calc(100* (100vw /750)) 0;
}
.item_cont03 {
  margin-bottom: calc(200* (100vw /750));
}
.item_cont03_inner {
  width: calc(720* (100vw /750));
  padding: calc(94* (100vw /750)) calc(45* (100vw /750));
}
.item_flex.item_cont03_flex {
  width: 100%;
  position: relative;
  margin-bottom: calc(100* (100vw /750));
  margin-left: 0;
}
.item_flex.item_cont03_flex .item_cont03_flex_in_left {
  width: 100%;
}
.item_cont03_enttl {
  font-size: calc(58* (100vw /750));
  margin-top: 0;
  margin-bottom: calc(92* (100vw /750));
}
.item_cont03_flex_in_flex {
  width: calc(303* (100vw /750));
}
.item_cont03_flex_in_flex_left {
  width: calc(90* (100vw /750));
}
.item_cont03_flex_in_flex_right {
  width: calc(180* (100vw /750));
}
.tab_area01 {
  top: calc(732* (100vw /750));
  left: calc(200* (100vw /750));
  width: calc(90* (100vw /750));
}
.color_pallet01 {
  width: 100%;
  margin-bottom: calc(0* (100vw /750));
}
.item_cont03_flex_in_right {
  width: calc(406* (100vw /750));
  margin: 0 auto;
}
.color_pallet_img01 {
  width: calc(350* (100vw /750));
  margin: 0 auto;
  margin-bottom: calc(30* (100vw /750));
}
.item_cont03_flex_in_right_text {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(97* (100vw /750));
}
.item_flex.item_cont03_pallet_area {
  width: 100%;
  padding-bottom: calc(50* (100vw /750));
}
.item_cont03_pallet_area_in {
  width: 50%;
  height: unset;
}
.item_flex.item_cont03_pallet_area.ex01_area02 .item_cont03_pallet_area_in {height: unset;}
.item_flex.item_cont03_pallet_area.ex01_area03 .item_cont03_pallet_area_in {
  
}
.item_flex.item_cont03_pallet_area.ex01_area04 .item_cont03_pallet_area_in {
  height: unset;
}
/* .item_flex.item_cont03_pallet_area.ex01_area04 .item_cont03_pallet_area_in.last_width {
  width: 100%;
  margin-top: calc(50*(100vw / 750));
  border-top: solid 1px #000;
  padding-top: calc(50*(100vw / 750));
  display: flex;
  align-items: center;
  height: auto;
} */
.pallet_name_flex {
  display: block;
  margin-left: 0;
  margin: 0 auto;
  margin-bottom: calc(7* (100vw /750));
}
.pallet_color_img {
  width: calc(102* (100vw /750));
  margin-right: 0;
  margin: 0 auto calc(22* (100vw /750));
}
.pallet_color_name {
  font-size: calc(30* (100vw /750));
  text-align: center;
}
.pallet_color_lead {
  width: calc(284* (100vw /750));
  margin: unset;
  font-size: calc(22* (100vw /750));
}
.item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in:first-of-type {
  padding-right: calc(30* (100vw /750));
}
.item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in:nth-of-type(2) {
  padding-left: calc(30* (100vw /750));
  border-right: none;
}
.lp_contents #up2downfade .btn_viewmore span {
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #000;
}
.lp_contents #up2downfade .btn_viewmore.active span {
  border-bottom: solid 1px #000;
}
.item_cont03.item_cont03_02 .pallet_color_lead span.en_text_regular {
  font-size: calc(30* (100vw /750));
}
.tab_panel01.tab_panel02 .item_cont03_pallet_area.second .item_cont03_pallet_area_in {
  height: unset;
}
.item_flex.item_cont03_pallet_area.ex01_area08 .item_cont03_pallet_area_in {
  height: unset;
}
.item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in.last_width {
  width: 100%;
  margin-top: calc(50*(100vw / 750));
  border-top: solid 1px #000;
  padding-top: calc(50*(100vw / 750));
  display: flex;
  align-items: center;
  height: auto;
}
.item_flex.item_cont03_pallet_area.ex01_area08 .item_cont03_pallet_area_in.last_width .pallet_name_flex {
  margin-bottom: 0;
}
.item_cont03.item_cont03_02 .item_cont03_flex_in_flex {
  width: calc(180* (100vw /750));
}
.item_cont03.item_cont03_02 .item_cont03_pallet_area_in {
  height: unset;
}
.item_cont03.item_cont03_02 .pallet_color_img {
  width: calc(102* (100vw /750));
  margin: 0 auto calc(30* (100vw /750));
}
.item_flex.item_cont03_pallet_area.pallet_area_mt {
  margin: calc(50* (100vw /750)) auto 0;
}
.lp_contents #up2downfade .acc_cont {
  margin-top: 0;
}
.item_cont03.item_cont03_02 {
  margin-bottom: calc(204* (100vw /750));
}
.item_cont04 {
  width: 100%;
  margin: 0 auto calc(60* (100vw /750));
  height: calc(2857* (100vw /750));
}
.item_cont04_ttl_color.terracotta {
  height: auto;
  margin-bottom: calc(100* (100vw /750));
  text-align: center;
}
.item_cont04_ttl_color p .text_01 {
  font-size: calc(66* (100vw /750));
}
.item_cont04_ttl_color p .text_02 {
  font-size: calc(160* (100vw /750));
  margin-left: 0;
  line-height: 0.9;
}
.item_flex.item_cont04_ttl_flex {
  justify-content: center;
  top: calc(550* (100vw /750));
}
.item_cont04_img_tab_button_area {
  width: calc(718* (100vw /750));
  margin-left: 0;
  margin: 0 auto;
  margin-top: calc(-18*(100vw / 750));
  margin-bottom: calc(20*(100vw / 750));
  margin-right: auto;
  margin-left: auto;
}
.item_flex.item_cont04_flex {
  width: 100%;
  margin: 0 auto calc(0* (100vw /750));
}
.item_cont04_flex_left {
  width: 100%;
  order: 1;
  margin-bottom: calc(100* (100vw /750));
}
.item_cont04_flex_right {
  width: calc(629* (100vw /750));
  order: 2;
  margin: 0 auto;
}
.item_flex.item_cont04_pallet_flex {
  width: calc(543* (100vw /750));
  margin: 0 auto calc(110* (100vw /750));
}
.item_cont04_pallet_flex_in {
  width: calc(228* (100vw /750));
}
.item_cont04_pallet_img {
  width: calc(228* (100vw /750));
  margin: 0 auto calc(23* (100vw /750));
}
.item_cont04_pallet_name {
  font-size: calc(26* (100vw /750));
  margin-bottom: calc(12* (100vw /750));
  line-height: 2;
  letter-spacing: 0.1em;
}
.item_cont04_pallet_price {
  font-size: calc(26* (100vw /750));
  letter-spacing: 0.1em;
  margin-bottom: calc(15* (100vw /750));
}
.how_to_ttl {
  width: calc(416* (100vw /750));
  margin: calc(-120* (100vw /750)) auto calc(80* (100vw /750));
  font-size: calc(50* (100vw /750));
  background: none;
}
.how_to_block {
  position: relative;
}
.how_to_block::before {
  content: "";
  background: #000;
  position: absolute;
  top: 0%;
  left: 0%;
  /* transform: translate(0% , -50%); */
  width: calc(105* (100vw /750));
  height: 1px;
}
.how_to_block::after {
  content: "";
  background: #000;
  position: absolute;
  top: 0%;
  right: 0%;
  /* transform: translate(0% , -50%); */
  width: calc(105* (100vw /750));
  height: 1px;
}
.how_to_img {
  width: calc(318* (100vw /750));
  margin: 0 auto calc(43* (100vw /750));
}
.how_to_num {
  font-size: calc(26* (100vw /750));
  /* letter-spacing: 0.025em; */
}
.how_to_num.how_to01 {
  /* width: calc(491* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to02 {
  /* width: calc(490* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to03 {
  /* width: calc(491* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to04 {
  /* width: calc(491* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to05 {
  /* width: calc(490* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to06 {
  /* width: calc(508* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to07 {
  /* width: calc(551* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to08 {
  /* width: calc(551* (100vw /750)); */
  width: fit-content;
}
.how_to_num.how_to09 {
  /* width: calc(508* (100vw /750)); */
  width: fit-content;
}
.how_to_block {
  border-left: solid 1px #000;
  border-right: solid 1px #000;
  border-bottom: solid 1px #000;
  border-top: none;
  padding: calc(81* (100vw /750)) 0 calc(83* (100vw /750));
}
.img_tab {
  width: calc(134* (100vw /750));
}
.item_cont04.item_cont04_02 .item_cont04_ttl_flex {
  justify-content: center;
}
.item_cont04.item_cont04_02 .item_cont04_ttl_color p .text_02 {
  margin-left: 0;
}
.item_cont04_ttl_color.pink {
  color: #d38181 !important;
  text-align: center;
}
.item_cont04.item_cont04_02 .item_cont04_img_tab_button_area {
  width: calc(425*(100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(100*(100vw / 750));
}
/* .how_to_num.w32 {
  width: calc(540* (100vw /750));
} */
/* .how_to_num.w32.sp_w {
  width: calc(550* (100vw /750));
} */
.item_cont04.item_cont04_02 {
  height: calc(2827* (100vw /750));
  margin-bottom: calc(150* (100vw /750));
}
.item_cont04.item_cont04_03 .item_cont04_ttl_flex {
  margin-bottom: calc(60*(100vw / 750));
}
.item_cont04.item_cont04_03 .item_cont04_ttl_color p {
  font-size: calc(66*(100vw / 750));
  line-height: 1;
  text-align: center;
}
.item_cont04.item_cont04_03 {
  height: calc(2710* (100vw /750));
  height: calc(2772* (100vw /750));
  margin-bottom: calc(110* (100vw /750));
}
.item_cont04_pallet_flex_in.w_sp {
  width: calc(254*(100vw / 750));
}
.novelty_campaign {
  padding: calc(150* (100vw /750)) 0;
}
.novelty_area {
  width: 100%;
}
.novelty_area_text {
  width: 100%;
  margin-top: 0;
}
.novelty_area_text_ttl {
  font-size: calc(70* (100vw /750));
  margin-bottom: calc(34* (100vw /750));
  text-align: center;
}
.novelty_area_text_subttl {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(70* (100vw /750));
  text-align: center;
}
.novelty_area_img {
  width: calc(630* (100vw /750));
  margin: 0 auto calc(66* (100vw /750));
}
.novelty_area_text_lead {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(29* (100vw /750));
  text-align: center;
}
.novelty_area_text_attention {
  font-size: calc(22* (100vw /750));
  text-align: center;
}
.instagram_live {
  padding: calc(132* (100vw /750)) 0;
}
.instagram_flex {
  width: 100%;
}
.instagram_flex_img {
  width: calc(630* (100vw /750));
  margin: 0 auto;
  order: 2;
  margin-bottom: calc(93* (100vw /750));
}
.instagram_flex_text {
  width: 100%;
  margin-top: 0;
}
.instagram_flex_text_ttl {
  font-size: calc(70* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
}
.instagram_flex_text_subttl {
  font-size: calc(38* (100vw /750));
  margin-bottom: calc(50* (100vw /750));
}
.instagram_flex_text_subttl small{
  font-size: calc(25.48* (100vw /750));
  margin-bottom: calc(2* (100vw /750));
}
.instagram_flex_text_lead {
  font-size: calc(30* (100vw /750));
  margin-bottom: calc(62* (100vw /750));
}
.instagram_flex_text_box {
  width: calc(630* (100vw /750));
  height: calc(76* (100vw /750));
  margin: 0 auto calc(100* (100vw /750));
}
.instagram_flex_text_box p {
  font-size: calc(38* (100vw /750));
}
.live_ttl {
  font-size: calc(38* (100vw /750));
  margin-bottom: calc(17* (100vw /750));
}
.live_flex {
  width: 100%;
}
.live_flex_in {
  width: calc(300* (100vw /750));
  padding: calc(30* (100vw /750)) 0;
}
.live_pallet_img {
  width: calc(160* (100vw /750));
  margin: 0 auto calc(26* (100vw /750));
}
.live_pallet_name {
  font-size: calc(22* (100vw /750));
  margin-bottom: calc(17* (100vw /750));
  letter-spacing: 0.025em;
}
.live_pallet_type {
  font-size: calc(22* (100vw /750));
  margin-bottom: calc(25* (100vw /750));
}
.live_pallet_price {
  font-size: calc(22* (100vw /750));
}
.item_all {
  width: calc(630* (100vw /750));
  padding-bottom: calc(40* (100vw /750));
  font-size: calc(50* (100vw /750));
  margin: calc(160* (100vw /750)) auto 0;
}
.lp_contents {
  padding-bottom: calc(160* (100vw /750));
}
.slide.js-slide_sp .goods_slide {
  width: calc(300 * (100vw / 750)) !important;
  margin: 0 calc(15* (100vw /750));
}
/* .slide.js-slide_sp .goods_slide img {
  max-width: 100%;
  height: auto;
} */
.lp_contents .fixed_menu__link--text a {
  width: 50%;
  font-size: calc(30* (100vw /750));
}
.lp_contents .fixed_menu a.border_left {
  border-left: none;
}
.lp_contents .fixed_menu a.sp_border {
  border-left: solid 1px #fff;
}
.lp_contents .fixed_menu__link--text {
  display: flex;
}
.lp_contents .fixed_menu a:nth-of-type(1) , .lp_contents .fixed_menu a:nth-of-type(2) {
  /* border-bottom: solid 1px #fff; */
}
.item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in.last_width .pallet_name_flex {
  margin-left: calc(80* (100vw /750));
}
.item_cont03.item_cont03_02 .item_flex.item_cont03_pallet_area .item_cont03_pallet_area_in.last_width .pallet_color_img {
  margin-left: calc(95* (100vw /750));
}
.img_tab-02 {
  width: calc(134*(100vw / 750));
}
.item_detail::after {
  width: calc(15*(100vw / 750));
  height: calc(25*(100vw / 750));
  background-repeat: no-repeat;
}
.item_all::after {
  width: calc(20*(100vw / 750));
  height: calc(35*(100vw / 750));
  background-repeat: no-repeat;
}
}