@charset "UTF-8";

/*all----------------------------*/

html {

  font-size: 62.5%;

}

body {

  -webkit-tap-highlight-color: transparent;

}

#Wrap {

  width: auto;

}

footer {

  position: relative;

  z-index: 2;

}

.nav-top {

  display: none;

  z-index: 5;

}

:root {

  --font_jpn: "Roboto", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro", 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;

  --font_eng: "century-gothic", sans-serif;

  --color_regular: #000;

  --color_gray: #A9AAAA;

  --color_white: #fff;

  --color_01: #F6F6F6;

  --color_02: #C0C0C0;

  --color_03: #8D8D8D;

  --color_04: #808080;

  --color_05: #F0F0F0;

  --color_06: #D3D3D3;

  --color_07: #A7A7A7;

  --color_08: #DADADA;

  --color_09: #666;

}

.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

  letter-spacing: .075em;

  font-feature-settings: "palt";

}

.LP_page {

  /* padding-bottom: 14rem; */

  background: var(--color_white);

  font-family: var(--font_jpn);

  color: var(--color_regular);

  overflow-x: clip;

  opacity: 0;

  transition: opacity 1s;

}

.LP_page.active {

  opacity: 1;

}

.LP_page picture {

  display: block;

  font-size: 0;

}

.LP_page a {

  display: block;

}

.LP_page a:hover {

  opacity: 1 !important;

}

.LP_page img {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}

.LP_page sup {

  font-size: .8rem;

}

.LP_page .activePoint,

.LP_page .activeDelay {

  opacity: 0;

  /* transform: translate(0, 2rem); */

  transition: opacity 1s, transform 1s;

}

.LP_page .activeDelay.delay1 {

  transition-delay: .15s;

}

.LP_page .activeDelay.delay2 {

  transition-delay: .3s;

}

.LP_page .activeDelay.delay3 {

  transition-delay: .45s;

}

.LP_page .activeDelay.delay4 {

  transition-delay: .6s;

}

.LP_page .activePoint.active,

.LP_page .activePoint.active > .activeDelay {

  opacity: 1;

  /* transform: unset; */

}

/*----------------------------all*/

/*first view---------------------*/

.firstview_area {

  padding-bottom: 8rem;

  background: var(--color_bg_01);

}

.main_ttl_wrap {

  position: relative;

  margin-bottom: 7.4rem;

  padding: 31.7rem 0 32.1rem;

}

.main_ttl_wrap::before,

.main_ttl_wrap::after {

  position: absolute;

  width: 100%;

  height: 28.8rem;

  background-repeat: repeat-x;

  background-size: auto 100%;

  content: "";

  animation: loop 40s linear infinite;

}

.main_ttl_wrap::before {

  top: 0;

  left: 0;

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

}

.main_ttl_wrap::after {

  bottom: 0;

  right: 0;

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

  animation-direction: reverse !important;

}

@keyframes loop {

  0% {

      background-position: 0 0;

  }

  100% {

      background-position: -150rem 0;

  }

}

.main_ttl {

  font-weight: 400;

  font-size: 5rem;

  letter-spacing: .1em;

  text-align: center;

}

.main_ttl .sub_ttl {

  display: block;

  margin-top: 2rem;

  font-size: 1.8rem;

}

.main_lead {

  margin-bottom: 5.6rem;

}

.main_lead p {

  font-size: 1.3rem;

  line-height: 2;

  text-align: center;

}

.main_lead p:nth-of-type(n+2) {

  margin-top: 2.5rem;

}

.navigation_list {

  display: flex;

  justify-content: center;

  margin-left: 2rem;

}

.navigation_list li:nth-of-type(n+2) {

  border-left: solid var(--color_accent_02);

  border-width: .1rem;

}

.navigation_list li a {

  display: grid;

  place-items: center;

  height: 5rem;

  padding: 0 4rem;

}

.navigation_list li a span {

  position: relative;

  padding-right: 2.4rem;

  font-size: 1.8rem;

}

.navigation_list li a span::before {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  width: 1.2rem;

  height: 1.2rem;

  margin-top: .1rem;

  background: url(../img/arrow_001.svg) center center / cover no-repeat;

  content: "";

}

/*---------------------first view*/

/*Series Selection---------------*/

.each_sec {

  padding: 8rem 0;

}

#SeriesSelection {

  padding-bottom: 12rem;

}

#SeriesSelection {

  background: var(--color_bg_02);

}

.sec_ttl {

  margin-bottom: 6.2rem;

  font-size: 3rem;

  font-weight: 400;

  text-align: center;

}

.thumbnail_list_wrap {

  padding-bottom: 3.2rem;

}

.thumbnail_list {

  display: flex;

  justify-content: center;

  gap: 3rem;

}

.thumbnail_list li a {

  position: relative;

  width: 10rem;

  padding-bottom: 1.3rem;

}

.thumbnail_list li .thumbnail_img {

  margin-bottom: 1.1rem;

}

.thumbnail_list li .thumbnail_txt {

  font-size: 1.2rem;

  line-height: 1.8;

  text-align: center;

}

.thumbnail_list li a::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: calc(100% - 2rem);

  height: .2rem;

  background: var(--color_accent_01);

  content: "";

  opacity: 0;

  transition: opacity .3s;

}

.thumbnail_list li a.selected::before {

  opacity: 1;

}

.switching_area {

  padding: 3rem 0 6rem;

}

.each_content {

  opacity: 0;

  height: 0;

  overflow: hidden;

  transition: opacity .8s;

}

.each_content.selected {

  opacity: 1;

  height: auto;

  overflow: visible;

}

.series_ttl {

  margin-bottom: 2.5rem;

  font-size: 1.5rem;

  font-weight: 400;

  text-align: center;

  color: var(--color_weak);

}

.series_ttl .txt_L {

  display: block;

  margin-bottom: 1.4rem;

  font-family: var(--font_eng-serif);

  font-size: 4.2rem;

  letter-spacing: .035em;

  color: var(--color_accent_01);

}

.series_price {

  margin-bottom: 6.2rem;

  font-size: 1.4rem;

  text-align: center;

}

#SeriesSelection .each_content > div {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 6rem;

}

.series_img_list {

  width: 67rem;

  padding: 0 5.5rem;

}

.slider_area {

  opacity: 0;

  overflow: hidden;

  transition: opacity .3s;

}

#SeriesSelection .slider_area {

  height: 30rem;

}

.slider_area.active {

  height: auto !important;

  opacity: 1;

  overflow: visible;

}

.slick-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 1.8rem;

  height: 6rem;

}

.slick-prev {

  left: 0;

  margin-left: -.2rem;

}

.slick-next {

  right: 0;

  margin-right: -.2rem;

}

.slick-arrow::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../img/arrow_002.svg) center center / cover no-repeat;

  content: "";

}

.slick-next::before {

  transform: scaleX(-1);

}

.each_img {

  margin: 0 1rem;

}

.each_img a {

  display: flex;

  gap: 6rem;

}

.makeup_img {

  width: 30rem;

}

.series_img_list .itm_img {

  width: 20rem;

}

.series_detail {

  display: flex;

  flex-direction: column;

  gap: 3rem;

  width: 32rem;

  padding-top: 1.4rem;

}

.variation_name_list {

  order: 2;

}

.variation_name_list li {

  width: fit-content;

  margin: 0 auto;

  font-size: 1.4rem;

  text-align: center;

  opacity: 0;

  height: 0;

  overflow: hidden;

  transition: opacity .8s;

}

.variation_name_list li.selected {

  opacity: 1;

  height: auto;

  overflow: visible;

}

.series_caption {

  margin-bottom: 2rem;

  font-size: 1.5rem;

  line-height: 2;

  text-align: center;

}

.evaluation_list {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  border: solid var(--color_accent_02);

  border-width: .1rem;

  margin-bottom: 2.5rem;

  padding: .2rem;

}

#Series04 .evaluation_list {

  padding: .2rem 2rem;

}

.evaluation_list li {

  position: relative;

  padding: 0 1.1rem;

  font-size: 1.3rem;

  line-height: 2;

}

.evaluation_list li:nth-of-type(n+2)::before {

  position: absolute;

  top: 0;

  left: 0;

  margin-left: -.2rem;

  font-size: 1.3rem;

  content: "|";

}

#Series04 .evaluation_list li:nth-of-type(3)::before {

  display: none;

}

.color_list {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 1rem;

  margin: 0 auto;

}

.color_list.column3 {

  max-width: 14rem;

}

.color_list.column4 {

  max-width: 19rem;

}

.color_list.column5 {

  max-width: 24rem;

}

.color_list.column6 {

  max-width: 29rem;

}

.color_list li {

  position: relative;

  width: 4rem;

  cursor: pointer;

}

.color_list li::after {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 1.8rem;

  height: 1.8rem;

  border-radius: 50%;

  background: #fff;

  opacity: 0;

  content: "";

  transition: opacity .3s;

  pointer-events: none;

}

.color_list li p {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin: 0 0 0 .1rem;

  font-size: 1.2rem;

  text-align: center;

  color: #fff;

  white-space: nowrap;

  pointer-events: none;

}

.color_list li.selected::after {

  opacity: .8;

}

#SeriesSelection .each_content .to_link {

  position: relative;

  z-index: 1;

  width: 26rem;

  height: 4.6rem;

  margin: 8rem auto 0;

}

#SeriesSelection .each_content .to_link::before {

  position: absolute;

  z-index: -1;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  width: 100vw;

  height: .1rem;

  margin: 0 calc(50% - 50vw);

  background: var(--color_accent_02);

  content: "";

}

#SeriesSelection .each_content .to_link a {

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  background: var(--color_accent_01);

  font-size: 1.6rem;

  letter-spacing: .075em;

  color: #fff;

}

.texture_img_wrap {

  position: relative;

  width: 40rem;

  margin: 6rem auto 0;

}

.texture_name_list {

  position: absolute;

  top: 0;

  left: 0;

}

.texture_name_list li {

  position: absolute;

  top: 0;

  left: 0;

  font-size: 1.3rem;

  white-space: nowrap;

}

.texture_name_list li:nth-of-type(1) {

  margin: 13.8rem 0 0 31.5rem;

}

.texture_name_list li:nth-of-type(2) {

  margin: 19.6rem 0 0 27rem;

}

.texture_name_list li:nth-of-type(3) {

  margin: 25rem 0 0 22.5rem;

}

.texture_name_list li:nth-of-type(4) {

  margin: 29.8rem 0 0 19rem;

}

.texture_img_wrap .to_textureMap {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 10rem;

  height: 10rem;

  margin: 0 -5rem -5rem 0;

}

.texture_img_wrap .to_textureMap a {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  font-size: 1.6rem;

  color: #fff;

}

.texture_img_wrap .to_textureMap a::before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: var(--color_accent_01);

  content: "";

  animation: circle 3s infinite;

}

@keyframes circle {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.16);

  }

  100% {

    transform: scale(1);

  }

}

body.no_scroll {

  height: 100vh;

  overflow: hidden;

}

.LP_page.modalOpen,

#FooterWrap.modalOpen {

  overflow-y: scroll;

  height: 100%;

}

header.hide,

.to_menu.hide,

#share.hide {

  opacity: 0;

  pointer-events: none;

  transition: opacity 0s !important;

}

.modal_outside.hide {

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  overflow-y: auto;

}

.modal_outside {

  position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

  transition: opacity .5s;

  overflow-y: scroll;

  visibility: visible;

}

.modal_outside::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  opacity: .4;

  content: "";

}

.modal_overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.modal_wrap {

  margin: 0 auto;

  max-height: 100%;

  padding: 5rem 0;

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}

.modal_wrap::-webkit-scrollbar {

  display:none;

}

.modal_inner {

  position: relative;

  background-color: #fff;

  width: 120rem;

  margin: 0 auto;

}

.modal_close {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  width: 3rem;

  height: 3rem;

  border: none;

  margin: 2.5rem 3rem 0 0;

  background: none;

  cursor: pointer;

}

.modal_close::before,

.modal_close::after {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%) rotate(45deg);

  width: .1rem;

  height: 4.2rem;

  background: #c5927f;

  content: "";

}

.modal_close::after {

  transform: translateX(-50%) rotate(-45deg);

}

.textureMap_wrap {

  position: relative;

  width: 120rem;

  background: #fff;

}

.textureMap {

  width: 100%;

}

.textureMap_wrap .itm_wrap {

  position: absolute;

  top: 0;

  left: 0;

  width: 10rem;

}

.textureMap_wrap .itm_wrap.itm_01 {

  margin: 39.5rem 0 0 86.5rem;

}

.textureMap_wrap .itm_wrap.itm_02 {

  left: 50%;

  transform: translateX(-50%);

  margin: 30.7rem 0 0 0;

}

.textureMap_wrap .itm_wrap.itm_03 {

  margin: 19.2rem 0 0 72rem;

}

.textureMap_wrap .itm_wrap.itm_04 {

  margin: 19.2rem 0 0 38rem;

}

.textureMap_wrap .itm_wrap .itm_img {

  margin-bottom: 1.1rem;

}

.textureMap_wrap .itm_wrap .itm_name {

  font-size: 1.2rem;

  font-weight: 400;

  line-height: 1.8;

  text-align: center;

}

/*---------------Series Selection*/

/*Engraving Service--------------*/

#EngravingService {

  padding-bottom: 8.2rem;

}

#EngravingService .sec_ttl_wrap {

  width: 70rem;

  height: 36rem;

  margin: 0 auto 3rem;

  background: url(../img/bnr_001.jpg) center center / cover no-repeat;

  text-align: center;

  color: #fff;

}

#EngravingService .sec_ttl_wrap a {

  width: 100%;

  height: 100%;

}

#EngravingService .sec_ttl_inner {

  width: 40rem;

  padding-top: 13rem;

}

#EngravingService .sec_ttl {

  margin-bottom: 2.5rem;

  font-size: 2.2rem;

  letter-spacing: .075em;

}

#EngravingService .sec_ttl .txt_S {

  display: block;

  margin-top: 1.5rem;

  font-size: 1.5rem;

}

#EngravingService .sec_lead {

  font-size: 1.2rem;

  line-height: 2;

}

#EngravingService .to_link_wrap {

  text-align: center;

}

#EngravingService .to_link {

  width: 26rem;

  margin: 0 auto 1.8rem;

  color: var(--color_accent_01);

}

#EngravingService .to_link a {

  position: relative;

  width: 100%;

  border-bottom: solid var(--color_accent_02);

  border-width: .1rem;

  padding-bottom: .8rem;

  font-size: 1.6rem;

  letter-spacing: .075em;

}

#EngravingService .to_link a::before {

  position: absolute;

  bottom: 0;

  right: 0;

  width: .1rem;

  height: 1.3rem;

  border-radius: 0 0 1rem 1rem;

  margin-bottom: -.05rem;

  background: var(--color_accent_02);

  transform: rotate(-50deg);

  transform-origin: bottom center;

  content: "";

}

#EngravingService .notes {

  font-size: 1rem;

  color: var(--color_weak);

}

/*--------------Engraving Service*/

/*Color Selection----------------*/

#ColorSelection {

  background: var(--color_bg_01);

}

#ColorSelection .thumbnail_list li a::before {

  width: calc(100% - 3rem);

}

.color_ttl {

  margin-bottom: 3.8rem;

  font-family: var(--font_eng-serif);

  font-size: 4.2rem;

  font-weight: 400;

  letter-spacing: .035em;

  text-align: center;

  color: var(--color_accent_01);

}

#ColorSelection .switching_area {

  padding: 3rem 0 0;

}

#ColorSelection .item_list {

  max-width: 90rem;

  margin: 0 auto;

}

.item_list__inner {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 6rem;

}

.item_list__item {

  position: relative;

  display: flex;

  flex-direction: column;

  text-align: center;

  width: 18rem;

  height: auto;

}

#ColorSelection .icn_rank {

  display: none;

}

.item_list__img {

  margin-bottom: 1.5rem;

}

.item_list__title {

  flex-grow: 1;

  margin-bottom: 1.6rem;

}

.item_list__title a {

  font-size: 1.3rem;

  line-height: 2;

}

.item_list__price {

  margin-bottom: 2.2rem;

  font-size: 1.2rem;

}

.item_list__item .to_link {

  width: 12rem;

  height: 2.4rem;

  margin: 0 auto;

}

.item_list__item .to_link a {

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  background: var(--color_accent_01);

  font-size: 1.2rem;

  letter-spacing: .075em;

  color: #fff;

}

.item_list__item .soldout {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 100%;

  height: 18rem;

  background: rgba(255, 255, 255, .6);

  font-size: 1.5rem;

  pointer-events: none;

}

.accordion_wrap {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 1s;

}

.accordion_outside.open .accordion_wrap {

  grid-template-rows: 1fr;

}

.accordion_outside.accordion_unset .accordion_wrap {

  display: block;

}

.accordion_inner {

  min-height: 18rem;

  overflow: hidden;

}

.accordion_btn {

  width: fit-content;

  margin: 6rem auto 0;

  font-size: 1.4rem;

  text-align: center;

  cursor: pointer;

}

.accordion_outside.accordion_unset .accordion_btn {

  display: none;

}

.accordion_btn .to_open,

.accordion_outside.open .accordion_btn .to_close {

  opacity: 1;

  font-size: inherit;

  transition: opacity .3s;

}

.accordion_outside.open .accordion_btn .to_open,

.accordion_btn .to_close {

  opacity: 0;

  font-size: 0;

}

/*----------------Color Selection*/

/*Ranking------------------------*/

#Ranking {

  background: var(--color_bg_02);

}

#Ranking .item_list__inner {

  justify-content: flex-start;

  flex-wrap: nowrap;

  gap: 2rem;

}

#Ranking .swiper-wrapper {

  transition-timing-function: linear;

}

#Ranking .item_list__item {

  width: 24rem !important;

  padding: 2rem 3.5rem 3rem;

  background: #fff;

}

.item_list__item .icn_rank {

  position: absolute;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 4.2rem;

  height: 5rem;

  margin-left: 1rem;

  border-radius: 0 0 10rem 10rem;

  background: var(--color_lower);

  font-size: 2rem;

  color: #fff;

}

.item_rank1 .icn_rank {

  background: var(--color_1st);

}

.item_rank2 .icn_rank {

  background: var(--color_2nd);

}

.item_rank3 .icn_rank {

  background: var(--color_3rd);

}

/*------------------------Ranking*/

/*CHECK ALL ITEMS----------------*/

.btn_wrapup {

  width: 96rem;

  height: 6.6rem;

  margin: 8rem auto 0;

}

.btn_wrapup a {

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  background: var(--color_accent_01);

}

.btn_wrapup a span {

  margin-top: .1rem;

  font-size: 2.4rem;

  letter-spacing: .075em;

  color: #fff;

}

/*----------------CHECK ALL ITEMS*/

/*menu---------------------------*/

.to_menu {

  position: fixed;

  z-index: 5;

  bottom: 0;

  right: 0;

  margin: 0 3rem 3rem 0;

  width: 8rem;

  height: 8rem;

}

.to_menu a {

  display: grid;

  place-items: center;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: var(--color_accent_03);

  box-shadow: 4px 4px 4px rgba(0, 0, 0, .08);

}

.menu_wrap {

  width: 100rem;

  padding: 2.2rem 7rem 1.5rem;

  background: #fff;

}

.each_menu {

  padding: 4rem 0 3.6rem;

}

.each_menu:nth-of-type(n+2) {

  border-top: solid var(--color_accent_02);

  border-width: .1rem;

}

.each_menu .sec_ttl {

  margin-bottom: 0;

  font-size: 2.4rem;

}

.each_menu .sec_ttl a {

  position: relative;

  padding-bottom: 4.7rem;

}

.each_menu .thumbnail_list {

  gap: 5rem;

  margin-top: 3rem;

}

.each_menu .thumbnail_list li a {

  width: 8rem;

  padding-bottom: 2rem;

}

.each_menu .thumbnail_list li a::before {

  display: none;

}

.each_menu .thumbnail_list li a::after,

.each_menu .sec_ttl a::after {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 1.2rem;

  height: 1.2rem;

  background: url(../img/arrow_001.svg) center center / cover no-repeat;

  content: "";

}

.each_menu .sec_ttl a::after {

  width: 2.4rem;

  height: 2.4rem;

  background: url(../img/arrow_003.svg) center center / cover no-repeat;

}

/*---------------------------menu*/

/*Smart phone---------------------------------------------*/

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

/*all----------------------------*/

.LP_page .only_pc {

  display: none;

}

#share {

  right: auto !important;

  left: 5%;

  z-index: 5 !important;

}

.share-txt {

  margin: 0 !important;

  padding-bottom: calc(40 * (100vw / 780));

  background: #fff;

}

.LP_page {

  padding-bottom: calc(120 * (100vw / 780));

}

.LP_page sup {

  font-size: calc(20 * (100vw / 780));

}

/*----------------------------all*/

/*first view---------------------*/

.firstview_area {

  padding-bottom: calc(120 * (100vw / 780));

}

.main_ttl_wrap {

  margin-bottom: calc(110 * (100vw / 780));

  padding: calc(374 * (100vw / 780)) 0;

}

.main_ttl_wrap::before,

.main_ttl_wrap::after {

  height: calc(324 * (100vw / 780));

}

.main_ttl_wrap::before {

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

}

.main_ttl_wrap::after {

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

}

@keyframes loop {

  0% {

      background-position: 0 0;

  }

  100% {

      background-position: calc(-1680 * (100vw / 780)) 0;

  }

}

.main_ttl {

  font-size: calc(64 * (100vw / 780));

}

.main_ttl .sub_ttl {

  margin-top: calc(31.5 * (100vw / 780));

  font-size: calc(28 * (100vw / 780));

}

.main_lead {

  margin-bottom: calc(95 * (100vw / 780));

}

.main_lead p {

  font-size: calc(24 * (100vw / 780));

}

.main_lead p:nth-of-type(n+2) {

  margin-top: calc(30.5 * (100vw / 780));

}

.navigation_list {

  flex-wrap: wrap;

  margin-left: 0;

  border-top: solid var(--color_accent_02);

  border-bottom: solid var(--color_accent_02);

  border-width: calc(2 * (100vw / 780));

}

.navigation_list li {

  width: 50%;

}

.navigation_list li:nth-of-type(n+2) {

  border: none;

}

.navigation_list li:nth-of-type(even) {

  border-left: solid var(--color_accent_02);

  border-width: calc(2 * (100vw / 780));

}

.navigation_list li:nth-last-of-type(1) {

  width: 100%;

  border-top: solid var(--color_accent_02);

  border-width: calc(2 * (100vw / 780));

}

.navigation_list li a {

  height: calc(90 * (100vw / 780));

  padding: 0;

}

.navigation_list li a span {

  padding-right: calc(40 * (100vw / 780));

  font-size: calc(32 * (100vw / 780));

}

.navigation_list li a span::before {

  width: calc(24 * (100vw / 780));

  height: calc(24 * (100vw / 780));

  margin: 0 calc(-5 * (100vw / 780)) 0 0;

}

/*---------------------first view*/

/*Series Selection---------------*/

.each_sec {

  padding: calc(120 * (100vw / 780)) 0;

}

#SeriesSelection {

  padding-bottom: calc(160 * (100vw / 780));

}

.sec_ttl {

  margin-bottom: calc(80 * (100vw / 780));

  font-size: calc(54 * (100vw / 780));

}

.thumbnail_list_wrap {

  padding-bottom: calc(54 * (100vw / 780));

}

.thumbnail_list {

  overflow-x: scroll;

  justify-content: flex-start;

  gap: calc(20 * (100vw / 780));

  padding: 0 calc(20 * (100vw / 780));

  -ms-overflow-style: none;

  scrollbar-width: none;

}

.thumbnail_list::-webkit-scrollbar {

  display:none;

}

.thumbnail_list li a {

  width: calc(180 * (100vw / 780));

  padding-bottom: calc(23 * (100vw / 780));

}

.thumbnail_list li .thumbnail_img {

  margin-bottom: calc(16 * (100vw / 780));

}

.thumbnail_list li .thumbnail_txt {

  font-size: calc(22 * (100vw / 780));

}

.thumbnail_list li a::before {

  width: calc(100% - calc(40 * (100vw / 780)));

  height: calc(4 * (100vw / 780));

}

.scrl-bar {

  width: calc(156 * (100vw / 780));

  height: calc(4 * (100vw / 780));

  margin-top: calc(30 * (100vw / 780));

  background: #D8D8D8;

}

.switching_area {

  padding: calc(50 * (100vw / 780)) 0 calc(80 * (100vw / 780));

}

.series_ttl {

  margin-bottom: calc(38 * (100vw / 780));

  font-size: calc(26 * (100vw / 780));

}

.series_ttl .txt_L {

  margin-bottom: calc(32 * (100vw / 780));

  font-size: calc(74 * (100vw / 780));

}

.series_price {

  margin-bottom: calc(80 * (100vw / 780));

  font-size: calc(28 * (100vw / 780));

}

#SeriesSelection .each_content > div {

  display: block;

}

.series_img_list {

  width: calc(750 * (100vw / 780));

  padding: 0 calc(55 * (100vw / 780));

}

#SeriesSelection .slider_area {

  height: calc(390 * (100vw / 780));

  margin: 0 auto;

}

.slick-arrow {

  width: calc(30 * (100vw / 780));

  height: calc(90 * (100vw / 780));

  margin-top: calc(25 * (100vw / 780));

}

.slick-prev {

  margin-left: calc(2 * (100vw / 780));

}

.slick-next {

  margin-right: calc(2 * (100vw / 780));

}

.slick-arrow::before {

  background: url(../img/arrow_002_sp.svg) center center / cover no-repeat;

}

.each_img {

  margin: 0 calc(20 * (100vw / 780));

}

.each_img a {

  align-items: flex-end;

  gap: calc(40 * (100vw / 780));

}

.makeup_img {

  width: calc(340 * (100vw / 780));

}

.series_img_list .itm_img {

  width: calc(260 * (100vw / 780));

}

.series_detail {

  display: block;

  width: calc(640 * (100vw / 780));

  margin: calc(50 * (100vw / 780)) auto 0;

  padding-top: 0;

}

.variation_name_list {

  margin-bottom: calc(60 * (100vw / 780));

}

.variation_name_list li {

  font-size: calc(28 * (100vw / 780));

}

.series_caption {

  margin-bottom: calc(38 * (100vw / 780));

  font-size: calc(30 * (100vw / 780));

}

.evaluation_list {

  border-width: calc(2 * (100vw / 780));

  margin-bottom: calc(50 * (100vw / 780));

  padding: calc(4 * (100vw / 780)) 0 calc(6 * (100vw / 780));

}

#Series04 .evaluation_list {

  padding: calc(4 * (100vw / 780)) calc(60 * (100vw / 780)) calc(6 * (100vw / 780));

}

.evaluation_list li {

  padding: 0 calc(20 * (100vw / 780));

  font-size: calc(24 * (100vw / 780));

}

.evaluation_list li:nth-of-type(n+2)::before {

  margin-left: calc(-2 * (100vw / 780));

  font-size: calc(24 * (100vw / 780));

}

.color_list {

  gap: calc(20 * (100vw / 780));

}

.color_list.column3 {

  max-width: calc(310 * (100vw / 780));

}

.color_list.column4,

.color_list.column5,

.color_list.column6 {

  max-width: calc(420 * (100vw / 780));

}

.color_list li {

  width: calc(90 * (100vw / 780));

}

.color_list li p {

  margin: 0 0 0 calc(2 * (100vw / 780));

  font-size: calc(26 * (100vw / 780));

}

.color_list li::after {

  width: calc(46 * (100vw / 780));

  height: calc(46 * (100vw / 780));

}

#SeriesSelection .each_content .to_link {

  width: calc(540 * (100vw / 780));

  height: calc(86 * (100vw / 780));

  margin: calc(78 * (100vw / 780)) auto 0;

}

#SeriesSelection .each_content .to_link::before {

  height: calc(2 * (100vw / 780));

}

#SeriesSelection .each_content .to_link a {

  font-size: calc(32 * (100vw / 780));

  letter-spacing: .125em;

}

.texture_img_wrap {

  width: calc(640 * (100vw / 780));

  margin: calc(80 * (100vw / 780)) auto 0;

}

.texture_name_list li {

  font-size: calc(24 * (100vw / 780));

}

.texture_name_list li:nth-of-type(1) {

  margin: calc(214 * (100vw / 780)) 0 0 calc(480 * (100vw / 780));

}

.texture_name_list li:nth-of-type(2) {

  margin: calc(302 * (100vw / 780)) 0 0 calc(420 * (100vw / 780));

}

.texture_name_list li:nth-of-type(3) {

  margin: calc(392 * (100vw / 780)) 0 0 calc(356 * (100vw / 780));

}

.texture_name_list li:nth-of-type(4) {

  margin: calc(470 * (100vw / 780)) 0 0 calc(310 * (100vw / 780));

}

.texture_img_wrap .to_textureMap {

  width: calc(160 * (100vw / 780));

  height: calc(160 * (100vw / 780));

  margin: 0 calc(-40 * (100vw / 780)) calc(-40 * (100vw / 780)) 0;

}

.texture_img_wrap .to_textureMap a {

  font-size: calc(28 * (100vw / 780));

}

.modal_wrap {

  padding: calc(20 * (100vw / 780)) 0;

  width: calc(650 * (100vw / 780));

}

.modal_close {

  width: calc(50 * (100vw / 780));

  height: calc(50 * (100vw / 780));

  margin: calc(20 * (100vw / 780)) calc(30 * (100vw / 780)) 0 0;

}

.modal_close::before,

.modal_close::after {

  width: calc(2 * (100vw / 780));

  height: calc(70 * (100vw / 780));

}

.textureMap_wrap {

  width: calc(720 * (100vw / 780));

}

.textureMap_wrap .itm_wrap {

  width: calc(140 * (100vw / 780));

}

.textureMap_wrap .itm_wrap.itm_01 {

  margin: calc(1190 * (100vw / 780)) 0 0 calc(150 * (100vw / 780));

}

.textureMap_wrap .itm_wrap.itm_02 {

  margin: calc(620 * (100vw / 780)) 0 0 0;

}

.textureMap_wrap .itm_wrap.itm_03 {

  margin: calc(920 * (100vw / 780)) 0 0 calc(430 * (100vw / 780));

}

.textureMap_wrap .itm_wrap.itm_04 {

  margin: calc(318 * (100vw / 780)) 0 0 calc(430 * (100vw / 780));

}

.textureMap_wrap .itm_wrap .itm_img {

  margin-bottom: calc(18 * (100vw / 780));

}

.textureMap_wrap .itm_wrap .itm_name {

  font-size: calc(20 * (100vw / 780));

  line-height: 1.7;

}

/*---------------Series Selection*/

/*Engraving Service--------------*/

#EngravingService {

  padding-bottom: calc(126 * (100vw / 780));

}

#EngravingService .sec_ttl_wrap {

  width: calc(640 * (100vw / 780));

  height: calc(740 * (100vw / 780));

  margin: 0 auto calc(50 * (100vw / 780));

  background: url(../img/bnr_001_sp.jpg) center center / cover no-repeat;

}

#EngravingService .sec_ttl_inner {

  width: 100%;

  padding-top: calc(40 * (100vw / 780));

}

#EngravingService .sec_ttl {

  margin-bottom: calc(458 * (100vw / 780));

  font-size: calc(46 * (100vw / 780));

}

#EngravingService .sec_ttl .txt_S {

  margin-top: calc(25 * (100vw / 780));

  font-size: calc(30 * (100vw / 780));

}

#EngravingService .sec_lead {

  font-size: calc(22 * (100vw / 780));

  line-height: 1.8;

}

#EngravingService .to_link {

  width: calc(500 * (100vw / 780));

  margin: 0 auto calc(28 * (100vw / 780));

}

#EngravingService .to_link a {

  border-width: calc(2 * (100vw / 780));

  padding-bottom: calc(15 * (100vw / 780));

  font-size: calc(34 * (100vw / 780));

  letter-spacing: .125em;

}

#EngravingService .to_link a::before {

  width: calc(2 * (100vw / 780));

  height: calc(24 * (100vw / 780));

  border-radius: 0 0 calc(2 * (100vw / 780)) calc(2 * (100vw / 780));

  margin: 0 calc(-1 * (100vw / 780)) calc(-1 * (100vw / 780)) 0;

}

#EngravingService .notes {

  font-size: calc(20 * (100vw / 780));

}

/*--------------Engraving Service*/

/*Color Selection----------------*/

#ColorSelection .thumbnail_list li a {

  width: calc(172 * (100vw / 780));

}

#ColorSelection .thumbnail_list li a::before {

  width: calc(100% - calc(40 * (100vw / 780)));

}

.color_ttl {

  margin-bottom: calc(70 * (100vw / 780));

  font-size: calc(74 * (100vw / 780));

}

#ColorSelection .switching_area {

  padding: calc(50 * (100vw / 780)) 0 0;

}

#ColorSelection .item_list {

  max-width: unset;

}

.item_list__inner {

  gap: 0 calc(40 * (100vw / 780));

}

.item_list__item {

  width: calc(320 * (100vw / 780));

}

#ColorSelection .item_list__item:nth-of-type(n+3) {

  padding-top: calc(90 * (100vw / 780));

}

.item_list__img {

  margin-bottom: calc(25 * (100vw / 780));

}

.item_list__title {

  margin-bottom: calc(34 * (100vw / 780));

}

.item_list__title a {

  font-size: calc(24 * (100vw / 780));

}

.item_list__price {

  margin-bottom: calc(42 * (100vw / 780));

  font-size: calc(24 * (100vw / 780));

}

.item_list__item .to_link {

  width: calc(200 * (100vw / 780));

  height: calc(50 * (100vw / 780));

}

.item_list__item .to_link a {

  font-size: calc(24 * (100vw / 780));

  letter-spacing: .125em;

}

.item_list__item .soldout {

  height: calc(320 * (100vw / 780));

  font-size: calc(30 * (100vw / 780));

}

#ColorSelection .item_list__item:nth-of-type(n+3) .soldout {

  margin-top: calc(90 * (100vw / 780));

}

.accordion_outside.accordion_unset .accordion_wrap {

  display: block;

}

.accordion_inner {

  min-height: calc(320 * (100vw / 780));

}

.accordion_btn {

  margin: calc(88 * (100vw / 780)) auto 0;

  font-size: calc(28 * (100vw / 780));

}

/*----------------Color Selection*/

/*Ranking------------------------*/

#Ranking .item_list__inner {

  gap: calc(30 * (100vw / 780));

}

#Ranking .item_list__item {

  width: calc(400 * (100vw / 780)) !important;

  padding: calc(40 * (100vw / 780)) calc(40 * (100vw / 780)) calc(60 * (100vw / 780));

}

#Ranking .item_list__img {

  margin-bottom: calc(8 * (100vw / 780));

}

#Ranking .item_list__title {

  margin-bottom: calc(30 * (100vw / 780));

}

#Ranking .item_list__price {

  margin-bottom: calc(46 * (100vw / 780));

}

.item_list__item .icn_rank {

  width: calc(66 * (100vw / 780));

  height: calc(76 * (100vw / 780));

  margin-left: calc(20 * (100vw / 780));

  border-radius: 0 0 calc(100 * (100vw / 780)) calc(100 * (100vw / 780));

  font-size: calc(34 * (100vw / 780));

}

.item_list__item .icn_rank span {

  margin-top: calc(-8 * (100vw / 780));

}

/*------------------------Ranking*/

/*CHECK ALL ITEMS----------------*/

.btn_wrapup {

  width: calc(660 * (100vw / 780));

  height: calc(110 * (100vw / 780));

  margin: calc(120 * (100vw / 780)) auto 0;

}

.btn_wrapup a span {

  margin-top: calc(-5 * (100vw / 780));

  font-size: calc(40 * (100vw / 780));

  letter-spacing: .125em;

}

/*----------------CHECK ALL ITEMS*/

/*menu---------------------------*/

.to_menu {

  margin: 0 calc(30 * (100vw / 780)) calc(30 * (100vw / 780)) 0;

  width: calc(120 * (100vw / 780));

  height: calc(120 * (100vw / 780));

}

.menu_wrap {

  width: calc(720 * (100vw / 780));

  padding: calc(40 * (100vw / 780)) calc(30 * (100vw / 780)) calc(40 * (100vw / 780));

}

.each_menu {

  padding: calc(60 * (100vw / 780)) 0 calc(50 * (100vw / 780));

}

.each_menu:nth-of-type(n+2) {

  border-width: calc(2 * (100vw / 780));

}

.each_menu .sec_ttl {

  font-size: calc(44 * (100vw / 780));

}

.each_menu .sec_ttl a {

  padding-bottom: calc(74 * (100vw / 780));

}

.each_menu .thumbnail_list {

  flex-wrap: wrap;

  justify-content: center;

  gap: calc(44 * (100vw / 780)) calc(60 * (100vw / 780));

  margin-top: calc(50 * (100vw / 780));

  padding: 0;

}

.menu_ColorSelection .thumbnail_list {

  gap: calc(30 * (100vw / 780));

}

.each_menu .thumbnail_list li a {

  width: calc(140 * (100vw / 780));

  padding-bottom: calc(35 * (100vw / 780));

}

.each_menu .thumbnail_list li a::after,

.each_menu .sec_ttl a::after {

  width: calc(24 * (100vw / 780));

  height: calc(24 * (100vw / 780));

}

.each_menu .sec_ttl a::after {

  width: calc(46 * (100vw / 780));

  height: calc(46 * (100vw / 780));

}

/*---------------------------menu*/

}

/*---------------------------------------------Smart phone*/

/*PC------------------------------------------------------*/

@media screen and  (min-width:769px) {

  .only_sp {

    display: none;

  }

}

/*------------------------------------------------------PC*/

/*レスポンシブ＆タブレット対応-------------------------------*/

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

  html {

    font-size: calc(10 * (100vw / 1400));

  }

}

/*-------------------------------レスポンシブ＆タブレット対応*/

/* ===========### ///////////////////////////////////////////////// ###=========== */

/* ===========### ///////////////////////////////////////////////// ###=========== */

/* ===========### ///////////////////////////////////////////////// ###=========== */

/* ===========### ///////////////////////////////////////////////// ###=========== */

/* ===========### ///////////////////////////////////////////////// ###=========== */

/* ===========### bodycare2024 ###=========== */

#Wrap {

  width: 100%;

  /* padding-bottom: 6rem; */

}

/*  */

.bg01 {

  background-color: #dab3a0;

  padding-bottom: 6rem;

}

.main_view {

  width: 100rem;

  margin: 0 auto 8rem;

}

.main_lead {

  color: #fff;

  font-size: 1.6rem;

  line-height: 2.25;

  letter-spacing: 0.075em;

  text-align: center;

  margin-bottom: 8rem;

  font-weight: 200;

}

.category_button {

  width: 56rem;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.category_button_in {

  width: 27rem;

}

/*  */

.category_top {

  width: 98rem;

  padding-top: 8rem;

  margin: 0 auto;

}

.bg02 {

  background-color: #fcf9f8;

}

.category_top_ja {

  font-size: 1.2rem;

  letter-spacing: 0.075em;

  text-align: center;

  margin-bottom: 1rem;

}

.category_top_ttl {

  font-family: var(--font_eng);

  font-size: 3rem;

  letter-spacing: 0.075em;

  text-align: center;

  margin-bottom: 5rem;

}

.tab_name {

  display: flex;

  justify-content: space-between;

  margin: 0 auto 3rem;

}

.tab_name01 {

  width: 23rem;

  text-align:center;

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0.075em;

  color: #c5927f;

}

.tab_name02 {

  width: 50rem;

  text-align:center;

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0.075em;

  color: #c5927f;

}

.tab_name03 {

  width: 25rem;

  text-align:center;

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0.075em;

  color: #c5927f;

}

.tab_area {

  display: flex;

  justify-content: space-between;

}

.tab , .tab_2 {

  pointer-events: auto;

  cursor: pointer;

  padding-bottom: 4rem;

  position: relative;

}

.tab01 {

  width: 23rem;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.tab01::before {

  content: "";

  width: 1px;

  height: 8rem;

  background: #c5927f;

  position: absolute;

  right: 0;

  top: 0;

}

.tab01.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -20%;

}

.tab01_img {

  width: 8rem;

  margin-bottom: 1.5rem;

}

.tab_item_ttl {

  width: 100%;

  text-align: center;

  font-size: 1.3rem;

  letter-spacing: 0.075em;

}

.tab03 {

  width: 25rem;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.tab03::before {

  content: "";

  width: 1px;

  height: 8rem;

  background: #c5927f;

  position: absolute;

  left: 0;

  top: 0;

}

.tab03.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -20%;

}

.tab03_img {

  width: 7rem;

  margin-bottom: 1.5rem;

}

.tab02-1 {

  width: 10rem;

  margin-left: 7rem;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.tab02-1.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -20%;

}

.tab02-1_img {

  width: 3rem;

  margin-bottom: 1.5rem;

}

.tab02-2 {

  width: 10rem;

  margin-left: 3rem;

  margin-right: 3rem;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.tab02-2.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -20%;

}

.tab02-2_img {

  width: 7rem;

  margin-bottom: 1.5rem;

}

.tab02-3 {

  width: 10rem;

  margin-right: 7rem;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.tab02-3.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -20%;

}

.tab02-3_img {

  width: 7rem;

  margin-bottom: 1.5rem;

}

.panel , .panel_2 {

  display: none !important;

}

.panel.active , .panel_2.active {

  display: block !important;

  width: 100%;

  height: auto;

}

.panel_look1 {

  background-color: #f6ede8;

}

.panel_look2-1 {

  background-color: #e8e3e0;

}

.panel_look2-2 {

  background-color: #f0edeb;

}

.panel_look2-3 {

  background-color: #f3f1f0;

}

.panel_look3 {

  background-color: #f1edea;

}

.item_inner {

  width: 102rem;

  margin: 0 auto;

  padding-top: 8rem;

  padding-bottom: 8rem;

}

.item_flex {

  display: flex;

  margin-bottom: 6rem

}

.item_img {

  width: 54rem;

  margin-right: 6rem;

}

.item_detail {

  margin-top: 7.4rem;

  position: relative;

}

.item_ex {

  position: absolute;

  width: 15rem;

}

.item01 .item_ex {

  top: -11rem;

  right: -8rem;

}

.item_name {

  font-size: 5rem;

  font-family: var(--font_eng);

  letter-spacing: 0.075em;

  margin-bottom: 4rem;

  line-height: 1.2;

}

.item01 .item_name {

  color: #dfc1b0;

}

.item_lead {

  font-family: var(--font_jpn);

  font-size: 1.8rem;

  letter-spacing: 0.075em;

  line-height: 2;

  margin-bottom: 2rem;

}

.item_lead span {

  font-weight: 600;

}

.item01 .item_lead span {

  background: linear-gradient(transparent 60%, #dfc1b0 30%);

  display: inline-block;

}

.item_feature {

  display: flex;

  width: 25rem;

  flex-wrap: wrap;

}

.item_feature.mb01 {

  margin-bottom: 1.5rem;

}

.item_feature_in {

  padding: 0.5rem 1.5rem;

  color: #fff;

  font-size: 1.2rem;

  letter-spacing: 0.075em;

  margin-right: 1.5rem;

}

.item01 .item_feature_in {

  background: #c6afa4;

}

.item_point_area {

  width: 38rem;

  margin: 0 auto 3rem;

  background-color: #fff;

  border-radius: 30px;

  padding-bottom: 3rem;

}

.item_point_img {

  margin: 0 auto 2rem;

  padding-top: 3rem;

}

.item01 .item_point_img {

  width: 20rem;

}

.item_point_obi {

  display: flex;

}

.item_point_obi p {

  color: #fff;

  font-size: 1.3rem;

  letter-spacing: 0.075em;

  text-align: center;

  display: inline-block;

  border-radius: 20px;

  margin: 0 auto 2rem;

  padding: 0.7rem 1.5rem;

  font-weight: 200;

}

.item01 .item_point_obi p {

  background-color: #dcb3b3;

}

.item_point_ttl {

  font-size: 1.6rem;

  letter-spacing: 0.075em;

  margin-bottom: 1.5rem;

  text-align: center;

  font-weight: 600;

}

.item_point_ml {

  font-family: var(--font_eng);

  font-size: 1.2rem;

  letter-spacing: 0.075em;

  margin-bottom: 1.5rem;

  text-align: center;

}

.text_underline {

  border-bottom: solid 1px #000;

  padding-bottom: 0.5rem;

  width: fit-content;

  margin: 0 auto;

}

.text_underline p {

  font-size: 1.3rem;

  letter-spacing: 0.075em;

  text-align: center;

}

.acordion_area {

  width: 53.4rem;

  margin: 0 auto;

  background: #e5dad4;

  padding: 3rem 4rem;

}

.accordion_flex {

  display: flex;

  justify-content: space-between;

}

.acordion__ttl {

  width: 18rem;

  border-bottom: solid 1px #aa9f99;

  padding-bottom: 0.2rem;

}

.acordion__ttl p {

  text-align: center;

  font-size: 1.5rem;

  letter-spacing: 0.075em;

}

.acordion_button {

  display: block;

  width: 14px;

  height: 14px;

  background: url(../img_w/plus.svg) center center / contain no-repeat;

  transition: 0.3s;

}

.js-accordion_trigger.active .acordion_button {

  background: url(../img_w/minus.svg) center center / contain no-repeat;

}

.acordion_hide_text {

  margin-top: 2rem;

  width: 40rem;

  /* opacity: 0;

  visibility: hidden; */

  display: none;

}

.acordion_hide_text.open {

  /* opacity: 1;

  visibility: visible; */

  display: block;

}

.acordion__lead {

  width: 18.1rem;

}

.acordion__lead p {

  text-align: center;

  font-size: 1.3rem;

  letter-spacing: 0.075em;

  line-height: 2;

}

.tab_2 {

  width: 18rem;

}

.tab_2.active::after {

  content: url(../img_w/arrow.svg);

  width: 8rem;

  height: 3rem;

  position: absolute;

  bottom: -11%;

  left: 28%;

}

.tab_2_1 {

}

.tab_2_img {

  margin-bottom: 2rem;

}

.tab_2_item_ttl {

  font-family: var(--font_eng);

  font-size: 1.6rem;

  text-align: center;

  letter-spacing: 0.075em;

}

.panel_look02_1 {

  background-color: #f7f0ef;

}

.tab_area02 {

  width: 66rem;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

}

.tab_2_item_ttl.width_max {

  width: 20rem;

  margin-left: -1rem;

}

.item_name.item_name02 {

  text-align: center;

}

.item02_1 .item_name.item_name02 {

  color: #e1c8c4;

}

.item02_subttl {

  text-align: center;

  font-size: 1.8rem;

  letter-spacing: 0.075em;

  line-height: 2;

  margin-bottom: 4rem;

  font-weight: 600;

}

.item02_1 .item02_subttl span {

  color: #d88885;

}

.item02_img {

  width: 40rem;

  margin: 0 auto 6rem;

}

.item02_flex {

  display: flex;

  justify-content: space-between;

  width: 88rem;

  margin: 0 auto;

}

.item02_flex_in {

  width: 28rem;

  border-radius: 20px;

  background-color: #fff;

  padding: 3rem 0;

}

.item02_color_ttl {

  width: 18rem;

  margin: 0 auto 2rem;

  border-radius: 20px;

  padding: 0.5em 0 0.4em;

  text-align: center;

}

.item02_color_ttl p {

  font-size: 1.2rem;

  letter-spacing: 0.075em;

}

.item02_1 .item02_color_ttl {

  border: solid 1px #bebebe;

}

.item02_1 .item02_color_ttl p {

  color: #bebebe;

}

.item02_item_img {

  width: 21.2rem;

  margin: 0 auto 2rem;

}

.item02_item_ttl {

  font-size: 1.3rem;

  text-align: center;

  letter-spacing: 0.075em;

  line-height: 1.75;

  margin-bottom: 1.5rem;

}

.item_point_ml.item02_ml {

  margin-bottom: 2rem;

}

.cart_button {

  width: 20rem;

  margin: 0 auto 1.5rem;

  background: #303030;

  color: #fff;

  text-align: center;

  padding: 1rem 0;

}

.view_all {

  width: 40rem;

  margin: 8rem auto 14rem;

  background: #787878;

  padding: 0.5rem 0;

  text-align: center;

  letter-spacing: 0.075em;

  font-family: var(--font_eng);

  color: #fff;

  font-size: 2.2rem;

}

#item , #fragrance {

  /* padding-top: 12.5rem; */

  /* margin-top: -12.5rem; */

}

/* ボディオイル */

.item02 .item_ex {

  top: -11rem;

  right: -8rem;

}

.item02 .item_name {

  color: #cfc5be;

}

.item02 .item_lead span {

  background: linear-gradient(transparent 60%, #cfc5be 30%);

  display: inline-block;

}

.item02 .item_point_img {

  width: 20rem;

}

.item02 .item_point_obi p {

  background-color: #debbba;

}

.item02 .item_feature_in {

  background: #b0a8a3;

}

.item02 .item_feature {

  width: 31rem;

}

.item02 .acordion_area {

  background: #d7cfc9;

}

/* ボディミルク */

.item03 .item_ex {

  top: -11rem;

  right: -8rem;

}

.item03 .item_name {

  color: #d7cfc9;

}

.item03 .item_lead span {

  background: linear-gradient(transparent 60%, #d7cfc9 30%);

  display: inline-block;

}

.item03 .item_point_img {

  width: 16.6rem;

}

.item03 .item_point_obi p {

  background-color: #debbba;

}

.item03 .item_point_obi.color2 p {

  background-color: #b1c0a9;

}

.item03 .item_feature_in {

  background: #c2bcb8;

}

.item03 .item_feature {

  width: 25rem;

}

.item03 .acordion_area {

  background: #dfd9d5;

}

/* ハンドクリーム */

.item04 .item_ex {

  top: -11rem;

  right: -9rem;

}

.item04 .item_name {

  color: #d9d2cf;

}

.item04 .item_lead span {

  background: linear-gradient(transparent 60%, #d9d2cf 30%);

  display: inline-block;

}

.item04 .item_point_img {

  width: 20rem;

}

.item04 .item_point_obi p {

  background-color: #debbba;

}

.item04 .item_point_obi.color2 p {

  background-color: #b1c0a9;

}

.item04 .item_feature_in {

  background: #bcb4b1;

}

.item04 .item_feature {

  width: 33rem;

}

.item04 .acordion_area {

  background: #e2dcda;

}

/* リップ */

.item05 .item_ex {

  top: -11rem;

  right: -7rem;

  width: 18.6rem;

}

.item05 .item_name {

  color: #d9cfc7;

}

.item05 .item_lead span {

  background: linear-gradient(transparent 60%, #d9cfc7 30%);

  display: inline-block;

}

.item05 .item_point_img {

  width: 20rem;

}

.item05 .item_point_obi p {

  background-color: #fff;

  border: solid 1px #92a269;

  color: #92a269;

}

.item05 .item_point_obi.color2 p {

  background-color: #fff;

  border: solid 1px #d58e85;

  color: #d58e85;

}

.item05 .item_feature_in {

  background: #bbb1aa;

}

.item05 .item_feature {

  width: 36rem;

}

.item05 .acordion_area {

  background: #e1d9d2;

}

/* Lemonglass & Juniper */

.panel_look02_2 {

  background: #eef1ec;

}

.item02_2 .item_name.item_name02 {

  color: #c6d0bf;

}

.item02_2 .item02_subttl span {

  color: #6d7d3d;

}

.item02_2 .item02_flex {

  width: 58rem;

}

.item02_2 .item02_color_ttl {

  border: solid 1px #bebebe;

}

.item02_2 .item02_color_ttl p {

  color: #bebebe;

}

.item02_2 .item02_item_img {

  width: 22rem;

}

/* Bulgarian Rose & True Lavender */

.panel_look02_3 {

  background: #f7eeee;

}

.item02_3 .item_name.item_name02 {

  color: #e8cccc;

}

.item02_3 .item02_subttl span {

  color: #e09b9b;

}

.item02_3 .item02_flex {

  width: 28rem;

}

.item02_3 .item02_color_ttl {

  border: solid 1px #bebebe;

}

.item02_3 .item02_color_ttl p {

  color: #bebebe;

}

.item02_3 .item02_item_img {

  width: 22rem;

}

.item02_3_flex {

  display: flex;

  justify-content: center;

}

.item02_3_flex_left {

  width: 50%;

  background-color: #e9e9e1;

  padding: 8rem 0;

}

.item02_3_flex_right {

  width: 50%;

  background-color: #f5ebe8;

  padding: 8rem 0;

}

.item02_3_flex_left_in {

  width: 30rem;

  margin-left: auto;

  margin-right: 14rem;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.item02_3_flex .item02_3_flex_left .item_name.item_name02 {

  color: #c7cbb8;

}

.item02_3_flex .item02_3_flex_left .item02_subttl span {

  color: #92a269;

}

.item02_3_flex .item02_3_flex_left .item02_img {

  width: 30rem;

}

.item02_3_flex .item02_3_flex_left .item02_item_img {

  width: 22rem;

}

.item02_3_flex_right_in {

  width: 38rem;

  margin-right: auto;

  margin-left: 10rem;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.item02_3_flex .item02_3_flex_right .item_name.item_name02 {

  color: #e3c7bf;

}

.item02_3_flex .item02_3_flex_right .item02_subttl span {

  color: #d58e85;

}

.item02_3_flex .item02_3_flex_right .item02_img {

  width: 30rem;

}

.item02_3_flex .item02_3_flex_right .item02_item_img {

  width: 22rem;

}

.item02_3_flex .item02_color_ttl {

  border: solid 1px #bebebe;

}

.item02_3_flex .item02_color_ttl p {

  color: #bebebe;

}

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

    slick

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

.slide .item_point_obi p {

  margin: 0 auto 1.5rem;

  width: 20rem;

}

.slide .text_underline {

  margin: 0 auto 6.6rem;

}

.slide .item_point_area {

  padding-bottom: 1.5rem;

}

.slide {

  display: block;

  width: 100%; /* スライダー全体の幅を100%に設定 */

}

.slide .slick-track {

  display: block; /* slick-trackは通常block表示 */

  overflow: hidden; /* スライドが横並びになるように隠す */

}

.slide .slick-slide {

  display: inline-block; /* スライドはインラインブロック */

  margin: 0 auto; /* スライドアイテムを中央に配置 */

}

.slide .item_point_img img {

  width: 100%; /* 画像がスライダー内で正しく表示されるように */

}

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

    slick 矢印

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

.slick-arrow {

  display: block;

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  padding: 0;

  width: 15px;

  height: 40px;

  color: #aa9f99;

  z-index: 1;

  transition: opacity 0.5s;

  z-index: 1;

}

.slick-arrow:hover {

  opacity: 0.7;

}

.slick-next::before,

.slick-next::after,

.slick-prev::before,

.slick-prev::after {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  content: "";

  vertical-align: middle;

}

/* next */

.slick-next {

  right: 26px;

}

.slick-next::after {

  right: 4px;

  transform: rotate(45deg);

}

/* prev */

.slick-prev {

  left: 26px;

}

.slick-prev::after {

  left: 4px;

  transform: rotate(-135deg);

}

.slide .slick-dots {

  bottom: 3rem;

  left: 0.7rem;

}

.slide .slick-dots li.slick-active button:before {

  /* opacity: 1; */

  /* color: #aa9f99; */

  border: solid 1px #aa9f99;

  border-radius: 50%;

  width: 7px;

  height: 7px;

  background: #aa9f99;

  color: transparent;

  opacity: 1;

}

.slide .slick-dots li {

  margin: 0 0px;

}

.slide .slick-dots li button:before {

  border: solid 1px #aa9f99;

  border-radius: 50%;

  width: 7px;

  height: 7px;

  background: #fff;

  color: transparent;

  opacity: 1;

}

/* .slide .slick-dots li button:after {

  content: "";

  display: block;

  position: absolute;

  top: 7px;

  left: 7px;

  width: 6px;

  height: 6px;

  border: solid 1px #aa9f99;

  border-radius: 100%;

} */

.slide.slick-dotted.slick-slider {

  margin-bottom: 0px;

}

.modal_width {

  width: 86rem;

  margin: 0 auto;

  padding-bottom: 8rem;

}

.modal_wrap .category_top {

  width: 86rem;

}

.modal_wrap .modal_tab, .modal_wrap .modal_tab_2 {

  padding-bottom: 0;

}

.modal_wrap .modal_tab::after, .modal_wrap .modal_tab_2::after {

  content: url(../img_w/modal_arrow.svg);

  width: 2.5rem;

  height: 1.1rem;

  position: absolute;

  bottom: -20%;

}

.modal_wrap .modal_tab_2::after {

  left: 43%;

  bottom: -15%;

}

.modal_wrap .tab02-3 {

  width: 11rem;

}

.modal_tab, .modal_tab_2 {

  pointer-events: auto;

  cursor: pointer;

  padding-bottom: 4rem;

  position: relative;

}

.modal_tab_2 {

  width: 18rem;

}

.pc_on {

  display: block;

}

.sp_on {

  display: none;

}

.arrange01 {

  position: relative;

  /* left: 0.4rem; */

  min-width: 10.2rem;

  display: flex;

  justify-content: center;

}

/*Smart phone---------------------------------------------*/

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

  /* .sp_arrange {

    position: relative;

    left: calc(5* (100vw /750));

    justify-content: flex-start !important;

  } */

  .arrange01 {

    /* left: calc(7* (100vw /750)); */

    min-width: calc(86* (100vw /375));

  }

  /* .arrange02 {

    position: relative;

    right: calc(2* (100vw /750));

  } */

  .pc_on {

    display: none;

  }

  .sp_on {

    display: block;

  }

.main_view {

  width: 100%;

  margin: 0 auto calc(80* (100vw /750));

}

.main_lead {

  color: #fff;

  font-size: calc(25* (100vw /750));

  line-height: 2;

  letter-spacing: 0.1em;

  margin-bottom: calc(100* (100vw /750));

}

.category_button {

  width: calc(700* (100vw /750));

}

.category_button_in {

  width: calc(340* (100vw /750));

}

.bg01 {

  padding-bottom: calc(80* (100vw /750));

}

.category_top {

  width: 100%;

  padding-top: calc(80* (100vw /750));

  padding-bottom: calc(50*(100vw / 750));

}

.category_top_ja {

  font-size: calc(22* (100vw /750));

  margin-bottom: calc(20* (100vw /750));

}

.category_top_ttl {

  font-size: calc(50* (100vw /750));

  margin-bottom: calc(60* (100vw /750));

}

.item_category_wrap {

  width: 100%;

  overflow-x: auto;

  overflow-scrolling: touch;

  -webkit-overflow-scrolling: touch;

  overflow-y: clip;

  margin: 0 auto;

}

.fragrance_category_wrap {

  width: 100%;

  overflow-x: auto;

  overflow-scrolling: touch;

  -webkit-overflow-scrolling: touch;

  overflow-y: clip;

  margin: 0 auto;

}

.tab_area {

  width: calc(1380* (100vw /750));

}

.tab_name {

  margin: 0 auto calc(30*(100vw / 750));

  width: calc(1380* (100vw /750));

}

.tab_name01 {

  width: calc(300*(100vw / 750));

  font-size: calc(30*(100vw / 750));

}

.tab_name02 {

  width: calc(780*(100vw / 750));

  font-size: calc(30*(100vw / 750));

}

.tab_name03 {

  width: calc(300*(100vw / 750));

  font-size: calc(30*(100vw / 750));

}

.tab01 {

  width: calc(300*(100vw / 750));

}

.tab01_img {

  width: calc(140*(100vw / 750));

  margin-bottom: calc(30*(100vw / 750));

}

.tab01::before {

  height: calc(160*(100vw / 750));

}

.tab02-1 {

  width: calc(180*(100vw / 750));

  margin-left: calc(60*(100vw / 750));

}

.tab02-1_img {

  width: calc(52.5*(100vw / 750));

  margin-bottom: calc(30*(100vw / 750));

}

.tab_item_ttl {

  font-size: calc(24*(100vw / 750));

}

.tab02-2 {

  width: calc(180*(100vw / 750));

  margin-left: calc(60*(100vw / 750));

  margin-right: calc(60*(100vw / 750));

}

.tab02-2_img {

  width: calc(125*(100vw / 750));

  margin-bottom: calc(30*(100vw / 750));

}

.tab02-3 {

  width: calc(180*(100vw / 750));

  margin-right: calc(60*(100vw / 750));

}

.tab02-3_img {

  width: calc(122.5*(100vw / 750));

  margin-bottom: calc(30*(100vw / 750));

}

.tab03::before {

  height: calc(160*(100vw / 750));

}

.tab03 {

  width: calc(300*(100vw / 750));

}

.tab03_img {

  width: calc(125*(100vw / 750));

  margin-bottom: calc(30*(100vw / 750));

}

.tab, .tab_2 {

  padding-bottom: calc(80*(100vw / 750));

}

.tab.active::after {

  /* content: url(../img_w/arrow.svg); */

  content: "";

  background: #c5927f;

  width: calc(172*(100vw / 750));

  height: 2px;

  position: absolute;

  bottom: 20%;

  z-index: 50;

}

.item_inner {

  width: 100%;

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

  padding-bottom: calc(80* (100vw /750));

}

.item_flex {

  margin-bottom: calc(80* (100vw /750));

  flex-wrap: wrap;

}

.item_img {

  width: 100%;

  margin-right: 0;

  order: 2;

}

.item_detail {

  margin-top: 0;

  width: 100%;

  margin-bottom: calc(50* (100vw /750));

}

.item_name {

  font-size: calc(60* (100vw /750));

  margin-bottom: calc(50* (100vw /750));

  text-align: center;

}

.item_lead {

  font-family: var(--font_jpn);

  font-size: calc(28* (100vw /750));

  margin-bottom: calc(30* (100vw /750));

  text-align: center;

}

.item_feature {

  margin: 0 auto;

  justify-content: center;

  width: calc(370* (100vw /750));

  gap: calc(20* (100vw /750));

}

.item_feature.mb01 {

  margin-bottom: calc(15* (100vw /750));

}

.item_feature_in {

  padding: calc(10* (100vw /750)) calc(20* (100vw /750));

  color: #fff;

  font-size: calc(22* (100vw /750));

  margin-right: 0;

}

.item_ex {

  width: calc(160* (100vw /750));

}

.item01 .item_ex {

  top: calc(-70* (100vw /750));

  right: calc(30* (100vw /750));

}

.item_point_area {

  width: calc(580* (100vw /750));

  margin: 0 auto calc(60* (100vw /750));

  border-radius: 20px;

  padding-bottom: calc(60* (100vw /750));

}

.item_point_img {

  margin: 0 auto calc(40* (100vw /750));

  padding-top: calc(60* (100vw /750));

}

.item01 .item_point_img {

  width: calc(320* (100vw /750));

}

.item_point_obi p {

  font-size: calc(21* (100vw /750));

  border-radius: 20px;

  margin: 0 auto calc(30* (100vw /750));

  padding: calc(10* (100vw /750)) calc(25* (100vw /750));

}

.item_point_ttl {

  font-size: calc(26* (100vw /750));

  margin-bottom: calc(25* (100vw /750));

}

.item_point_ml {

  font-size: calc(24* (100vw /750));

  margin-bottom: calc(25* (100vw /750));

}

.text_underline p {

  font-size: calc(22* (100vw /750));

}

.accordion_mb {

  margin-bottom: calc(30* (100vw /750));

}

.acordion_area {

  width: calc(480* (100vw /750));

  padding: calc(40* (100vw /750)) calc(60* (100vw /750));

}

.accordion_flex {

  justify-content: center;

  border-bottom: solid 2px #aa9f99;

  padding-bottom: calc(15* (100vw /750));

}

.acordion_button_sp {

  width: calc(25* (100vw /750));

  height: calc(25* (100vw /750));

  font-size: calc(26*(100vw / 750));

  line-height: 1.85;

  position: relative;

  top: calc(10*(100vw / 750));

}

.acordion_button_sp::before, .acordion_button_sp::after {

  content: "";

  background-color: #aa9f99;

  display: block;

  width: calc(20 * (100vw / 750));

  height: calc(2 * (100vw / 750));

  margin-right: calc(22 * (100vw / 750));

  transition: 0.3s;

}

.acordion_button_sp::after {

  transform: translateY(-50%) rotate(90deg);

}

.js-accordion_trigger.active .acordion_button_sp::after {

  transform: translateY(-50%) rotate(0);

}

.acordion__ttl {

  width: calc(335* (100vw /750));

  border-bottom: none;

  padding-bottom: 0;

}

.acordion__ttl p {

  font-size: calc(26* (100vw /750));

}

.acordion__lead {

  width: calc(360* (100vw /750));

}

.acordion_hide_text {

  margin-top: calc(40* (100vw /750));

  width: calc(360* (100vw /750));

}

.acordion__lead p {

  font-size: calc(22* (100vw /750));

}

.item02 .item_feature {

  width: calc(350* (100vw /750));

}

.item02 .item_ex {

  top: calc(-70* (100vw /750));

  right: calc(30* (100vw /750));

}

.item02 .item_point_img {

  width: calc(320* (100vw /750));

}

.item03 .item_feature {

  width: calc(350* (100vw /750));

}

.item03 .item_ex {

  top: calc(-70* (100vw /750));

  right: calc(30* (100vw /750));

}

.item03 .item_point_img {

  width: calc(320* (100vw /750));

}

.slide .item_point_obi p {

  margin: 0 auto calc(25* (100vw /750));

  width: calc(320* (100vw /750));

}

.slide .text_underline {

  margin: 0 auto calc(82* (100vw /750));

}

.slide .slick-dots {

  bottom: calc(20* (100vw /750));

  left: calc(13* (100vw /750));

}

.panel_look2-2 .item_point_ml , .panel_look2-3 .item_point_ml , .panel_look3 .item_point_ml {

  margin-bottom: calc(0* (100vw /750));

}

.item04 .item_ex {

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

  right: calc(10* (100vw /750));

  width: calc(150* (100vw /750));

}

.item04 .item_feature {

  width: calc(360* (100vw /750));

}

.item04 .item_point_img {

  width: calc(320* (100vw /750));

}

.item05 .item_ex {

  width: calc(212* (100vw /750));

  top: calc(-70* (100vw /750));

  right: calc(30* (100vw /750));

}

.item05 .item_feature {

  width: calc(400* (100vw /750));

}

.item05 .item_point_img {

  width: calc(320* (100vw /750));

}

.tab_area02 {

  width: calc(950* (100vw /750));

  margin: 0 10rem;

  padding-right: 10rem;

}

.tab_2 {

  width: calc(260* (100vw /750));

}

.tab_2_img {

  margin-bottom: calc(30* (100vw /750));

}

.tab_2_item_ttl {

  font-size: calc(24* (100vw /750));

  line-height: 1.5;

}

.tab_2_item_ttl.width_max {

  width: auto;

  margin-left: 0;

}

.item_name.item_name02 {

  line-height: 1.2;

  margin-bottom: calc(40*(100vw / 750));

}

.item02_subttl {

  font-size: calc(28*(100vw / 750));

  margin-bottom: calc(50*(100vw / 750));

}

.item02_img {

  width: 100%;

  margin: 0 auto calc(80*(100vw / 750));

}

.item02_flex {

  width: calc(1660*(100vw / 750));

  margin-left: calc(85*(100vw / 750));

  margin-right: calc(85*(100vw / 750));

}

.item02_flex_in {

  width: calc(500*(100vw / 750));

  border-radius: 10px;

  padding: calc(60*(100vw / 750)) 0;

  margin-bottom: calc(40*(100vw / 750));

}

.scroll_area02 {

  width: calc(680*(100vw / 750));

  margin: 0 auto;

  overflow-x: auto;

  overflow-scrolling: touch;

  -webkit-overflow-scrolling: touch;

  overflow-y: clip;

}

.item02_color_ttl {

  width: calc(320*(100vw / 750));

  margin: 0 auto calc(30*(100vw / 750));

  padding: calc(7*(100vw / 750)) 0;

}

.item02_color_ttl p {

  font-size: calc(22*(100vw / 750));

}

.item02_item_img {

  width: calc(340*(100vw / 750));

  margin: 0 auto calc(40*(100vw / 750));

}

.item02_item_ttl {

  font-size: calc(24*(100vw / 750));

  margin-bottom: calc(20*(100vw / 750));

}

.item_point_ml.item02_ml {

  margin-bottom: calc(30* (100vw /750));

}

.cart_button {

  font-size: calc(22*(100vw / 750));

  width: calc(340*(100vw / 750));

  margin: 0 auto calc(20*(100vw / 750));

  padding: calc(15*(100vw / 750)) 0;

}

.item02_2 .item02_flex {

  width: calc(1080*(100vw / 750));

}

.item02_2 .item02_item_img {

  width: calc(340*(100vw / 750));

}

.panel_look02_3 .item02_flex_in {

  margin-bottom: calc(0*(100vw / 750));

}

.item02_3 .item02_flex {

  width: calc(500*(100vw / 750));

  margin: 0 auto;

}

.item02_3 .item02_item_img {

  width: calc(360*(100vw / 750));

}

.item02_3_flex {

  flex-wrap: wrap;

}

.item02_3_flex_left {

  width: 100%;

  background-color: #e9e9e1;

  padding: calc(80* (100vw /750)) 0;

  display: flex;

  justify-content: center;

}

.item02_3_flex_left_in {

  width: 100%;

  margin-left: unset;

  margin-right: unset;

  display: block;

}

.item02_3_flex .item02_flex_in {

  margin-left: auto;

  margin-right: auto;

}

.item02_3_flex .item02_3_flex_left .item02_img {

  width: 100%;

}

.item02_3_flex .item02_3_flex_left .item02_item_img {

  width: calc(340*(100vw / 750));

}

.item02_3_flex_right {

  background-color: #f5ebe8;

  width: 100%;

  padding: calc(80* (100vw /750)) 0;

  display: flex;

  justify-content: center;

}

.item02_3_flex_right_in {

  width: 100%;

  margin-left: unset;

  margin-right: unset;

  display: block;

}

.item02_3_flex .item02_3_flex_right .item02_img {

  width: 100%;

}

.item02_3_flex .item02_3_flex_right .item02_item_img {

  width: calc(340*(100vw / 750));

}

.LP_page {

  padding-bottom: calc(0 * (100vw / 780));

}

.view_all {

  width: calc(620*(100vw / 750));

  margin: calc(80*(100vw / 750)) auto calc(160*(100vw / 750));

  padding: calc(15*(100vw / 750)) 0;

  font-size: calc(38*(100vw / 750));

}

.modal_width {

  width: calc(600*(100vw / 750));

}

.modal_wrap .tab_name {

  margin: 0 auto calc(30*(100vw / 750));

  width: calc(240*(100vw / 750));

  justify-content: center;

  background: #e1b09e;

  border-radius: 20px;

  padding: calc(8*(100vw / 750)) 0;

}

.modal_wrap .tab_name01 , .modal_wrap .tab_name02 , .modal_wrap .tab_name03 {

  font-size: calc(24*(100vw / 750));

  color: #fff;

}

.modal_wrap .tab_area {

  width: 100%;

  justify-content: center;

  margin: 0 auto;

}

.modal_wrap .category_top {

  width: calc(600* (100vw /750));

}

.modal_wrap .modal_tab, .modal_wrap .modal_tab_2 {

  margin-bottom: calc(80*(100vw / 750));

}

.modal_wrap .modal_tab::after, .modal_wrap .modal_tab_2::after {

  content: url(../img_w/modal_arrow.svg);

  width: calc(30*(100vw / 750));

  height: calc(10*(100vw / 750));

  bottom: -15%;

  left: 41%;

}

.modal_wrap .tab01_img {

  width: calc(120*(100vw / 750));

  margin-bottom: calc(20*(100vw / 750));

}

.modal_wrap .tab02-1_img {

  width: calc(45*(100vw / 750));

  margin-bottom: calc(20*(100vw / 750));

}

.modal_wrap .tab02-1 {

  width: calc(140*(100vw / 750));

  margin-left: calc(0*(100vw / 750));

}

.modal_wrap .tab02-2 {

  width: calc(150*(100vw / 750));

  margin-left: calc(30*(100vw / 750));

  margin-right: calc(30*(100vw / 750));

}

.modal_wrap .tab02-2_img {

  width: calc(107*(100vw / 750));

  margin-bottom: calc(20*(100vw / 750));

}

.modal_wrap .tab02-3 {

  width: calc(150*(100vw / 750));

  margin-right: calc(0*(100vw / 750));

}

.modal_wrap .tab02-3_img {

  width: calc(105*(100vw / 750));

  margin-bottom: calc(20*(100vw / 750));

}

.modal_wrap .tab_item_ttl {

  font-size: calc(20*(100vw / 750));

}

.modal_wrap .tab01::before {

  content: none;

}

.modal_wrap .tab03::before {

  content: none;

}

.modal_wrap .category_top {

  padding-top: calc(110* (100vw /750));

}

.modal_wrap .category_top:nth-of-type(2) {

  padding-top: calc(30* (100vw /750));

}

.modal_wrap .tab_area02 {

  width: calc(540* (100vw /750));

  padding-right: 0;

  margin: 0 auto;

}

.modal_tab_2 {

  width: calc(160* (100vw /750));

}

.modal_wrap .tab_2_item_ttl {

  font-size: calc(21* (100vw /750));

}

.modal_wrap .modal_tab_2::after {

  left: 35%;

}

.modal_wrap .modal_tab.tab02-1::after, .modal_wrap .modal_tab.tab02-2::after, .modal_wrap .modal_tab.tab02-3::after  {

  left: 35%;

}

.panel.active, .panel_2.active {

  position: relative;

}

.panel.active::after {

  content: "";

  background: url(../img_w/sp/arrow.svg);

  background-size: contain;

  width: calc(100*(100vw / 750));

  height: calc(40*(100vw / 750));

  position: absolute;

  top: 0%;

  left: 45%;

}

/* .panel.panel_look2-1.active::after {

  left: 31%;

}

.panel.panel_look2-2.active::after {

  left: 44%;

}

.panel.panel_look2-3.active::after {

  left: 60%;

}

.panel.panel_look3.active::after {

  left: 77%;

} */

.panel_2.active::after {

  content: "";

  background: url(../img_w/sp/arrow.svg);

  background-size: contain;

  width: calc(100*(100vw / 750));

  height: calc(40*(100vw / 750));

  position: absolute;

  top: 0%;

  left: 45%;

}

/* .panel_2.panel_look02_2.active::after {

  left: 43%;

}

.panel_2.panel_look02_3.active::after {

  left: 68%;

} */

.slide .slick-dots li button:after {

  top: 7px;

  left: 7px;

  width: 5px;

  height: 5px;

}

.modal_inner {

  width: unset;

  overflow: hidden;

}

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

scrollbar

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

/*スクロールバー全体の高さ*/

.item_category_wrap::-webkit-scrollbar , .fragrance_category_wrap::-webkit-scrollbar , .scroll_area02::-webkit-scrollbar {

  height: calc(4* (100vw /750));

}

/*スクロールバー全体の背景*/

.item_category_wrap::-webkit-scrollbar-track , .fragrance_category_wrap::-webkit-scrollbar-track  {

  background: #e8e5e3;

}

.scroll_area02::-webkit-scrollbar-track {

  background: #f8f9f7;

}

/*スクロールバーの動く部分*/

.item_category_wrap::-webkit-scrollbar-thumb , .fragrance_category_wrap::-webkit-scrollbar-thumb , .scroll_area02::-webkit-scrollbar-thumb {

  background: #cec7c3;

  border: none;

}

/*スクロールバーの動く部分のホバー（マウスオーバー）*/

.item_category_wrap::-webkit-scrollbar-thumb:hover , .fragrance_category_wrap::-webkit-scrollbar-thumb:hover , .scroll_area02::-webkit-scrollbar-thumb:hover {

  background: #cec7c3;

}

.acordion_button {

  background: url(../img_w/sp/plus.svg) center center / contain no-repeat;

}

.js-accordion_trigger.active .acordion_button {

  background: url(../img_w/sp/minus.svg) center center / contain no-repeat;

}

/* #item, #fragrance {

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

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

} */

.tab_2.active::after {

  /* content: url(../img_w/arrow.svg); */

  content: "";

  background: #c5927f;

  width: calc(183*(100vw / 750));

  height: 2px;

  position: absolute;

  bottom: 12%;

  left: 15%;

  z-index: 50;

}

}