@charset "UTF-8";



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

html {

  font-size: 62.5%;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



html::-webkit-scrollbar {

  display:none;

}



body {

  -webkit-tap-highlight-color: transparent;

}



#Wrap {

  width: auto;

}



#FooterWrap {

  position: relative;

  background: #fff;

  z-index: 4;

}



:root {

  --font_regular: "Noto Sans JP", sans-serif;

  --font_serif_01: "Noto Serif JP", serif;

  --font_serif_02: "Hina Mincho", serif;

  --font_eng: "Alice", serif;

  --font_cursive: "Tangerine", cursive;

  --color_regular: #4E3C27;

  --color_01: #907054;

  --color_02: #FCF8F2;

  --color_03: #FFFEFC;

  --color_morning_01: #DEAA7D;

  --color_morning_02: #F5E4D9;

  --color_morning_03: #FFFCFA;

  --color_night_01: #8193B4;

  --color_night_02: #D9DEE8;

  --color_night_03: #FAFDFF;

  --color_1st: #A36F0C;

  --color_2nd: #818181;

  --color_3rd: #B16213;

  --color_accent: #D83939;

}



.LP_page * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 1;

  letter-spacing: .1em;

}



.LP_page {

  width: 100%;

  font-family: var(--font_regular);

  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:not(.timeline_list a) {

  opacity: 1 !important;

}



.LP_page img {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.LP_page sup {

  font-size: 1.1rem;

}



.LP_page_inner {

  padding-bottom: 7rem;

  background: #fff;

}



.LP_page .activePoint,

.LP_page .activeDelay {

  opacity: 0;

  transition: opacity 1s;

}



.LP_page .activeDelay.delay1 {

  transition-delay: .2s;

}



.LP_page .activeDelay.delay2 {

  transition-delay: .4s;

}



.LP_page .activeDelay.delay3 {

  transition-delay: .6s;

}



.LP_page .activeDelay.delay4 {

  transition-delay: .8s;

}



.LP_page .activeDelay.delay5 {

  transition-delay: 1s;

}



.LP_page .activeDelay.delay6 {

  transition-delay: 1.2s;

}



.LP_page .activeDelay.delay7 {

  transition-delay: 1.4s;

}



.LP_page .activeDelay.delay8 {

  transition-delay: 1.6s;

}



.LP_page .activeDelay.delay9 {

  transition-delay: 1.8s;

}



.LP_page .activeDelay.delay10 {

  transition-delay: 2s;

}



.LP_page .activePoint.active,

.LP_page .activePoint.active > .activeDelay {

  opacity: 1;

}

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



/*mv,lead------------------------*/

.main_ttl {

  margin-bottom: 5rem;

}



.main_lead_wrap {

  position: relative;

  z-index: 1;

  margin-bottom: 5.5rem;

  padding: 3rem 3rem 5rem 5rem;

}



.main_lead_wrap::before,

.main_lead_wrap::after {

  position: absolute;

  z-index: -1;

  content: "";

}



.main_lead_wrap::before {

  top: 0;

  right: 0;

  width: 33.4rem;

  height: 23rem;

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

}



.main_lead_wrap::after {

  bottom: 0;

  left: 0;

  width: 13.5rem;

  height: 20.4rem;

  margin-left: 3rem;

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

}



.main_lead_wrap h3 {

  position: relative;

  width: fit-content;

  margin-bottom: 2rem;

  padding-bottom: 1rem;

  font-family: var(--font_serif_02);

  font-size: 3.2rem;

  font-weight: 400;

  color: var(--color_01);

}



.main_lead_wrap h3::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: calc(100% + 4rem);

  height: .15rem;

  background: linear-gradient(to right, transparent, var(--color_01) 15%, var(--color_01) 85%, transparent);

  content: "";

}



.main_lead {

  position: relative;

  width: fit-content;

  font-family: var(--font_serif_01);

  font-size: 1.8rem;

  line-height: 2;

}



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

  margin-top: 8rem;

}



.main_lead:nth-of-type(2) {

  margin-left: auto;

}



/*------------------------mv,lead*/



/*modal--------------------------*/

.btn_campaign {

  position: fixed;

  z-index: 3;

  bottom: 0;

  width: fit-content;

  margin: 0 0 2.5rem 2.5rem;

  transition: translate .5s, transform .5s;

}



.btn_campaign.move {

  translate: 0 -3.7rem;

}



.btn_campaign.move2 {

  transform: translateY(-18rem);

}



.btn_campaign a {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  width: 9rem;

  height: 9rem;

}



.btn_campaign a::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background: var(--color_01);

  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .15));

  animation: circle 4s infinite;

  content: "";

}



@keyframes circle {

  0% {

    scale: 1;

  }



  50% {

    scale: 1.08;

  }



  100% {

    scale: 1;

  }

}



.btn_campaign a span {

  position: relative;

  padding: 1rem 0 2.6rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  line-height: 1.2;

  text-align: center;

  color: #fff;

}



.btn_campaign a span::before,

.btn_campaign a span::after {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: .15rem;

  height: 1.6rem;

  margin-bottom: .5rem;

  background:#fff;

  content: "";

  transition: rotate .5s;

}



.btn_campaign a span::after {

  rotate: 90deg;

}



.btn_campaign a:hover span::before {

  rotate: 90deg;

}



.btn_campaign a:hover span::after {

  rotate: 180deg;

}



body.no_scroll {

  height: 100vh;

  overflow: hidden;

}



header.hide {

  opacity: 0;

  pointer-events: none;

  transition: opacity 0s !important;

}



.modal_outside.hide {

  opacity: 0;

  pointer-events: none;

}



.modal_outside {

  position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  display: flex;

  /*align-items: center;*/

  width: 100%;

  height: 100%;

  padding-top: 8rem;

  transition: opacity .5s;

}



.modal_outside::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(144, 112, 84, .5);

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  content: "";

}



.modal_overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.modal_wrap {

  margin: 0 auto;

  max-height: 100%;

  /*padding: 4rem 0;*/

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.modal_wrap::-webkit-scrollbar {

  display:none;

}



.modal_inner {

  position: relative;

}



.modal_close.top {

  position: fixed;

  top: 0;

  z-index: 2;

  width: 8rem;

  height: 8rem;

  margin-left: 52rem;

  border: none;

  background: var(--color_01);

  cursor: pointer;

}



.modal_close.top::before,

.modal_close.top::after {

  position: absolute;

  top: 50%;

  left: 50%;

  translate: -50% -50%;

  background: #fff;

  rotate: 45deg;

  content: "";

  transition: rotate .5s;

}



.modal_close.top:hover::before,

.modal_close.top:hover::after {

  rotate: 135deg;

}



.modal_close.top::before {

  width: 5rem;

  height: .15rem;

}



.modal_close.top::after {

  width: .15rem;

  height: 5rem;

}



.modal_close.bottom {

  position: fixed;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  z-index: 2;

  margin-bottom: 2.5rem;

  padding-right: 2rem;

  border: none;

  background: transparent;

  cursor: pointer;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .2));

  color: #fff;

}



.modal_close.bottom::before,

.modal_close.bottom::after {

  position: absolute;

  top: 50%;

  right: 0;

  width: 1.2rem;

  height: .1rem;

  background: #fff;

  content: "";

  transition: rotate .5s;

}



.modal_close.bottom::before {

  rotate: 45deg;

}



.modal_close.bottom::after {

  rotate: 135deg;

}



.modal_close.bottom:hover::before {

  rotate: 135deg;

}



.modal_close.bottom:hover::after {

  rotate: 225deg;

}



.modal_ttl {

  position: fixed;

  top: 0;

  display: flex;

  align-items: center;

  width: 60rem;

  height: 8rem;

  padding-left: 3rem;

  border-bottom: solid var(--color_01) .15rem;

  font-family: var(--font_eng);

  font-size: 3.6rem;

  font-weight: 400;

  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .2));

  color: #fff;

}



#SpecialCampaign .modal_ttl .txt_S {

  margin-left: 1.2rem;

  padding: .5rem 1rem;

  border-radius: .3rem;

  background: var(--color_01);

  font-size: 1.6rem;

}



#LimitedKit .modal_ttl .txt_S {

  margin-left: 2rem;

  padding-top: .6rem;

  font-family: var(--font_serif_02);

  font-size: 1.5rem;

}



.modal_content {

  position: relative;

  z-index: 3;

  width: 60rem;

  margin-bottom: 7rem;

  border-bottom: solid var(--color_01) .15rem;

  background: #fff;

}



#SpecialCampaign .modal_content {

  padding: 3.5rem 0 5rem;

  border-bottom: solid var(--color_01) .15rem;

  background: var(--color_02);

}



#SpecialCampaign .modal_subttl {

  position: relative;

  margin-bottom: 1rem;

  padding-bottom: 1rem;

  font-family: var(--font_eng);

  font-size: 2rem;

  text-align: center;

  color: var(--color_01);

}



#SpecialCampaign .modal_subttl::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: 35rem;

  height: .15rem;

  background: linear-gradient(to right, transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

  content: "";

}



#LimitedKit .kit_list {

  border: none;

  box-shadow: none;

}



/*--------------------------modal*/



/*navigation---------------------*/

.navigation_area {

  margin-bottom: 5rem;

}



.navigation_list {

  display: flex;

  flex-wrap: wrap;

  border-top: solid var(--color_01) .15rem;

  border-bottom: solid var(--color_01) .15rem;

}



.navigation_list li {

  position: relative;

  width: 50%;

}



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

  border-left: solid var(--color_01) .15rem;

}



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

  border-top: solid var(--color_01) .15rem;

}



.navigation_list li a {

  position: relative;

  display: grid;

  place-items: center;

  height: 9rem;

  background: #fff;

  transition: background-color .5s;

}



.navigation_list li a:hover {

  background: var(--color_02);

}



.navigation_list li a::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: 1.4rem;

  height: 1rem;

  margin-bottom: .7rem;

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

  content: "";

  transition: margin-bottom .5s;

}



.navigation_list li a:hover::before {

  margin-bottom: .3rem;

}



.navigation_list li a p {

  padding-bottom: 1.3rem;

  font-family: var(--font_serif_02);

  font-size: 1.5rem;

  text-align: center;

}



.navigation_list li a p .txt_eng {

  display: block;

  margin-bottom: .8rem;

  font-family: var(--font_eng);

  font-size: 2.5rem;

}



.navigation_list li a p .txt_eng .txt_S {

  font-size: 1.5rem;

}



.navigation_list li a .txt_corner {

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 7.5rem;

  height: 7.5rem;

}



.navigation_list li a .txt_corner::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: solid var(--color_01) 3.75rem;

  border-top-color: transparent;

  border-right-color: transparent;

  box-sizing: border-box;

  content: "";

}



.navigation_list li a .txt_corner > span {

  padding-top: 4rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  line-height: .8;

  text-align: center;

  color: #fff;

  rotate: 45deg;

}

/*---------------------navigation*/



/*about--------------------------*/

.each_area {

  padding: 5rem 0;

}



.area_ttl {

  margin-bottom: 3rem;

  font-family: var(--font_serif_02);

  font-size: 1.5rem;

  font-weight: 400;

  text-align: center;

}



.area_ttl .txt_eng {

  display: block;

  margin-bottom: 1rem;

  font-family: var(--font_eng);

  font-size: 4rem;

}



.area_ttl .txt_eng .txt_S {

  font-size: 2.8rem;

}





.about_list .slick-track {

  display: flex;

}



.about_list .slick-slide {

  height: auto;

}



.about_list .slick-arrow {

  z-index: 2;

  top: auto;

  bottom: 0;

  width: 4.2rem;

  height: 2.4rem;

  margin-bottom: .5rem;

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

  content: "";

  transform: unset;

}



.about_list .slick-prev {

  left: 0;

  margin-left: 3rem;

  scale: -1 1;

}



.about_list .slick-next {

  right: 0;

  margin-right: 3rem;

}



.about_list .slick-arrow::before {

  display: none;

}



.about_list.slick-dotted.slick-slider {

  margin-bottom: 0;

}



.about_list .slick-dots {

  position: static;

  margin-top: 2rem;

}



.about_list .slick-dots li {

  width: fit-content;

  height: fit-content;

  margin: 0;

}



.about_list .slick-dots li:nth-of-type(n+2) {

  margin-left: 1.5rem;

}



.about_list .slick-dots li button {

  width: 7rem;

  padding: 1rem 0;

}



.about_list .slick-dots li button::before {

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: 100%;

  height: .2rem;

  background: linear-gradient(to right, transparent, var(--color_01) 20%, var(--color_01) 80%, transparent);

  content: "";

  opacity: .3;

  transition: opacity .5s;

}



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

  opacity: 1;

}



.each_about {

  width: 50rem;

  border: solid var(--color_01) .15rem;

  border-right: none;

  background: var(--color_03);

}



.about_txt_wrap {

  padding: 2.5rem 3rem 3.5rem;

}



.about_txt_wrap h4 {

  position: relative;

  width: fit-content;

  margin-bottom: 2rem;

  padding-bottom: .8rem;

  font-family: var(--font_serif_02);

  font-size: 2.5rem;

  font-weight: 400;

  color: var(--color_01);

}



.about_txt_wrap h4::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: calc(100% + 4rem);

  height: .15rem;

  background: linear-gradient(to right, transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

  content: "";

}



.about_txt {

  font-family: var(--font_serif_01);

  font-size: 1.8rem;

  line-height: 1.75;

}



.about_txt .notes {

  display: block;

  margin-top: .8rem;

  font-size: 1.5rem;

}



.about_txt .txt_S {

  display: block;

  margin-top: 1.2rem;

  font-size: 1.5rem;

  text-align: right;

}



.about_txt .txt_S .txt_name {

  font-size: 2rem;

}

/*--------------------------about*/



/*life with ---------------------*/

.area_lead {

  font-family: var(--font_serif_01);

  font-size: 1.7rem;

  line-height: 1.75;

  text-align: center;

}



.lifewith_area .timeline_list_wrap {

  display: flex;

}



.lifewith_area .timeline_list {

  position: sticky;

  top: 10rem;

  display: flex;

  flex-direction: column;

  gap: 9rem;

  width: 6rem;

  height: fit-content;

  padding-top: 11.5rem;

}



.lifewith_area .timeline_list::before,

.lifewith_area .timeline_list::after {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: .2rem;

  height: calc(100% - 11.5rem);

  opacity: 0;

  transition: opacity .5s;

  content: "";

}



.lifewith_area .timeline_list::before {

  background: linear-gradient(var(--color_morning_01), var(--color_night_02));

}



.lifewith_area .timeline_list::after {

  background: linear-gradient(var(--color_morning_02), var(--color_night_01));

}



.lifewith_area .timeline_list.active_morning::before {

  opacity: 1;

}



.lifewith_area .timeline_list.active_night::after {

  opacity: 1;

}



.lifewith_area .timeline_list li a {

  position: relative;

  font-family: var(--font_eng);

  font-size: 2.6rem;

  letter-spacing: .05em;

  writing-mode: vertical-lr;

  opacity: .3;

}



.lifewith_area .timeline_list li:nth-of-type(1) a {

  color: var(--color_morning_01);

}



.lifewith_area .timeline_list li:nth-of-type(2) a {

  color: var(--color_night_01);

}



.lifewith_area .timeline_list li.selected a {

  opacity: 1;

}



.lifewith_area .itm_area {

  flex: 1;

}



.lifewith_area .timeline_list li a::before,

.lifewith_area .timeline_list li a::after {

  position: absolute;

  left: 100%;

  width: 2.4rem;

  height: 2.4rem;

  margin-left: -.4rem;

  border-radius: 50%;

  content: "";

}



.lifewith_area .timeline_list li:nth-of-type(1) a::before,

.lifewith_area .timeline_list li:nth-of-type(1) a::after {

  bottom: 100%;

}



.lifewith_area .timeline_list li:nth-of-type(2) a::before,

.lifewith_area .timeline_list li:nth-of-type(2) a::after {

  top: 100%;

}



.lifewith_area .timeline_list li:nth-of-type(1) a::before {

  background: var(--color_morning_01);

}



.lifewith_area .timeline_list li:nth-of-type(1) a::after {

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

}



.lifewith_area .timeline_list li:nth-of-type(2) a::before {

  background: var(--color_night_01);

}



.lifewith_area .timeline_list li:nth-of-type(2) a::after {

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

}



.lifewith_area .timeline_list li a span {

  display: block;

  margin-left: -.4rem;

}



.lifewith_area .morning_wrap,

.lifewith_area .night_wrap {

  padding-top: 3.5rem;

}



.lifewith_area .itm_list_wrap {

  position: relative;

  z-index: 1;

  padding-top: 3rem;

}



.lifewith_area .outside_wrap {

  z-index: 2;

}



.lifewith_area .inside_wrap {

  z-index: 1;

}



.lifewith_area .itm_list_wrap::before {

  position: absolute;

  z-index: -1;

  top: 0;

  width: 22rem;

  height: 10rem;

  margin-top: -.8rem;

  content: "";

}



.lifewith_area .outside_wrap::before {

  left: 0;

}



.lifewith_area .inside_wrap::before {

  right: 0;

  margin-right: 2.5rem;

}



.lifewith_area .morning_wrap .outside_wrap::before {

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

}



.lifewith_area .morning_wrap .inside_wrap::before {

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

}



.lifewith_area .night_wrap .outside_wrap::before {

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

}



.lifewith_area .night_wrap .inside_wrap::before {

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

}



.lifewith_area .itm_list_ttl {

  margin-bottom: -1rem;

  padding: 0 3rem;

  font-family: var(--font_eng);

  font-size: 6rem;

  font-weight: 400;

  letter-spacing: 0;

  opacity: .3;

}



.lifewith_area .itm_list_ttl .txt_S {

  font-size: 3rem;

  letter-spacing: 0;

}



.lifewith_area .morning_wrap .itm_list_ttl {

  color: var(--color_morning_01);

}



.lifewith_area .night_wrap .itm_list_ttl {

  color: var(--color_night_01);

}



.lifewith_area .outside_wrap .itm_list_ttl {

  text-align: right;

}



.lifewith_area .itm_list {

  padding: 0 2.5rem;

  border: solid var(--color_01) .15rem;

  border-right: none;

}



.lifewith_area .morning_wrap .itm_list {

  background: var(--color_morning_03);

}



.lifewith_area .night_wrap .itm_list {

  background: var(--color_night_03);

}



.lifewith_area .night_outside .itm_list {

  background: var(--color_night_03);

}



.lifewith_area .itm_list li {

  padding: 2rem 0;

}



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

  border-top: solid var(--color_01) .15rem;

}



.lifewith_area .itm_list li .itm_cat {

  margin-bottom: 1.5rem;

  font-family: var(--font_eng);

  font-size: 3rem;

}



.lifewith_area .itm_list li .itm_cat .txt_S {

  margin-left: 1rem;

  font-family: var(--font_serif_01);

  font-size: 1.5rem;

  vertical-align: .3rem;

}



.lifewith_area .itm_list li .content_wrap {

  display: flex;

  align-items: center;

  gap: 2rem;

}



.lifewith_area .itm_list li .itm_img {

  position: relative;

  width: 12rem;

}



.lifewith_area .itm_list li .itm_img p {

  position: absolute;

  top: 0;

  left: 0;

  margin: 2.5rem 0 0 -1.5rem;

  padding: .3rem 1.5rem;

  background: linear-gradient(to right, transparent, rgba(216, 57, 57, .6) 10%, rgba(216, 57, 57, .6) 90%, transparent);

  font-family: var(--font_eng);

  font-size: 1.6rem;

  letter-spacing: .02em;

  color: #fff;

  rotate: -5deg;

  pointer-events: none;

}



.lifewith_area .itm_list li .txt_wrap {

  flex: 1;

}



.lifewith_area .itm_list li .itm_catch {

  margin-bottom: 1.5rem;

  font-family: var(--font_serif_01);

  font-size: 1.6rem;

  line-height: 1.5;

  color: var(--color_01);

}



.lifewith_area .itm_list li .itm_name {

  margin-bottom: 1.2rem;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1.4;

}



.itm_price_wrap {

  position: relative;

  display: flex;

  align-items: center;

  gap: 2rem;

}



.itm_list li .itm_price {

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0;

}



.itm_list li .itm_price .txt_tax {

  margin-left: .5rem;

  font-family: var(--font_regular);

  font-size: 1.2rem;

}



.itm_price .txt_capacity {

  margin-right: 1rem;

  font-family: var(--font_regular);

  font-size: 1.6rem;

}



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

  margin-top: .8rem;

}



.itm_price_wrap_list .itm_price_wrap:nth-of-type(1) {

  padding-top: 1.3rem;

}



.itm_price_wrap .itm_feature {

  position: absolute;

  top: 0;

  left: 0;

  padding: 0 1.2rem;

  font-size: 1.3rem;

  color: #ADA399;

}



.itm_price_wrap .itm_feature::before,

.itm_price_wrap .itm_feature::after {

  position: absolute;

  bottom: 0;

  width: .1rem;

  height: 1.2rem;

  background: #ADA399;

  content: "";

}



.itm_price_wrap .itm_feature::before {

  left: 0;

  margin-left: .5rem;

  transform-origin: bottom left;

  rotate: -30deg;

}



.itm_price_wrap .itm_feature::after {

  right: 0;

  margin-right: .5rem;

  transform-origin: bottom right;

  rotate: 30deg;

}



.LP_page .itm_link {

  width: fit-content;

}



.LP_page .itm_link a {

  display: grid;

  place-items: center;

  width: 9rem;

  height: 2.6rem;

  border-radius: 10rem;

  border: solid var(--color_01) .15rem;

  background: var(--color_01);

  color: #fff;

  transition: background-color .5s, color .5s;

}



.LP_page .itm_link a:hover {

  background: #fff;

  color: var(--color_01);

}



.LP_page .itm_link span {

  position: relative;

  padding-right: 2.4rem;

  font-family: var(--font_eng);

  font-size: 1.8rem;

  letter-spacing: 0;

}



.LP_page .itm_link span::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.8rem;

  height: 1.8rem;

  mask-image: url(../img/250315/icon_cart.svg);

  mask-size: cover;

  mask-position: center center;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../img/250315/icon_cart.svg);

  -webkit-mask-size: cover;

  -webkit-mask-position: center center;

  -webkit-mask-repeat: no-repeat;

  background: #fff;

  content: "";

  transition: background-color .5s;

}



.LP_page .itm_link a:hover span::before {

  background: var(--color_01);

}



.lifewith_area .itm_list li .link_kit {

  width: fit-content;

  margin-top: 1.6rem;

}



.lifewith_area .itm_list li .link_kit a {

  position: relative;

  padding-right: 1.5rem;

  font-family: var(--font_serif_01);

  font-size: 1.5rem;

  letter-spacing: .05em;

  color: var(--color_01);

  text-decoration: underline;

  text-decoration-skip-ink: none;

  white-space: nowrap;

}



.lifewith_area .itm_list li .link_kit a::before,

.lifewith_area .itm_list li .link_kit a::after {

  position: absolute;

  top: 50%;

  right: 0;

  width: 1.2rem;

  height: .1rem;

  background: var(--color_01);

  content: "";

  transition: rotate .5s;

}



.lifewith_area .itm_list li .link_kit a::after {

  rotate: 90deg;

}



.lifewith_area .itm_list li .link_kit a:hover::before {

  rotate: 90deg;

}



.lifewith_area .itm_list li .link_kit a:hover::after {

  rotate: 180deg;

}



.lifewith_area .itm_list li .notes {

  margin-top: 1rem;

  font-size: 1.3rem;

}

/*--------------------- life with*/



/*limited items -----------------*/

.limited_area {

  padding-bottom: 8rem;

}



.limited_area .cat_list {

  display: flex;

  flex-wrap: wrap;

  margin: 4.5rem 0 5rem;

  border-top: solid var(--color_01) .15rem;

  border-bottom: solid var(--color_01) .15rem;

}



.limited_area .cat_list li {

  width: calc(100% / 3);

}



.limited_area .cat_list li:nth-of-type(1) {

  width: 100%;

  border-bottom: solid var(--color_01) .15rem;

}



.limited_area .cat_list li a {

  display: grid;

  place-items: center;

  width: 100%;

  height: 5rem;

  background: #fff;

  transition: background-color .5s;

}



.limited_area .cat_list li:nth-of-type(n+3) {

  border-left: solid var(--color_01) .15rem;

}



.limited_area .cat_list li a:hover {

  background: var(--color_02);

}



.limited_area .cat_list li a span {

  position: relative;

  padding-right: 2.5rem;

  font-family: var(--font_eng);

  font-size: 2.2rem;

}



.limited_area .cat_list li a span::before {

  position: absolute;

  top: 50%;

  right: 0%;

  translate: 0 -50%;

  width: 1.4rem;

  height: 1rem;

  margin-top: .2rem;

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

  content: "";

  transition: transform .5s;

}



.limited_area .cat_list li a:hover span::before {

  transform: translateY(.5rem);

}



.limited_area .each_cat {

  position: relative;

  z-index: 1;

  padding-top: 6rem;

}



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

  margin-top: 5rem;

}



.limited_area .each_cat::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 14.6rem;

  height: 12rem;

  content: "";

}



.limited_area .each_cat:nth-of-type(even)::before {

  margin-left: 6rem;

}



.limited_area .each_cat:nth-of-type(1)::before {

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

}



.limited_area .each_cat:nth-of-type(2)::before {

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

}



.limited_area .each_cat:nth-of-type(3)::before {

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

}



.limited_area .cat_ttl {

  margin-left: 16rem;

  font-family: var(--font_eng);

  font-size: 4rem;

  font-weight: 400;

  color: var(--color_01);

}



.limited_area .each_cat:nth-of-type(even) .cat_ttl {

  margin-left: 22rem;

}



.limited_area .cat_ttl .txt_S {

  margin-left: .5rem;

  font-family: var(--font_serif_01);

  font-size: 1.5rem;

  vertical-align: .3rem;

}



.limited_area .itm_list_wrap {

  display: flex;

  margin-top: 1rem;

  border-top: solid var(--color_01) .15rem;

  border-bottom: solid var(--color_01) .15rem;

}



.limited_area .itm_list_wrap > p {

  display: grid;

  place-items: center;

  width: 5rem;

  background: var(--color_02);

  font-family: var(--font_serif_01);

  font-size: 1.6rem;

  letter-spacing: .3em;

  color: var(--color_01);

  writing-mode: vertical-lr;

  text-orientation: upright;

}



.limited_area .each_cat:nth-of-type(odd) .itm_list_wrap > p {

  border-left: solid var(--color_01) .15rem;

}



.limited_area .each_cat:nth-of-type(even) .itm_list_wrap > p {

  border-right: solid var(--color_01) .15rem;

}



.limited_area .each_cat:nth-of-type(odd) .itm_list_wrap > p {

  order: 2;

}



.limited_area .itm_list {

  flex: 1;

  position: relative;

  background: #fff;

}



.limited_area .itm_list li {

  display: flex;

  align-items: center;

  gap: 1rem;

}



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

  border-top: solid var(--color_01) .15rem;

}



.limited_area .itm_list li .itm_img {

  width: 20rem;

}



.limited_area .itm_list li:nth-of-type(even) .itm_img {

  order: 2;

}



.limited_area .itm_list li .txt_wrap {

  flex: 1;

}



.limited_area .itm_list li:nth-of-type(odd) .txt_wrap {

  padding-right: 3rem;

}



.limited_area .itm_list li:nth-of-type(even) .txt_wrap {

  padding-left: 5rem;

}



.limited_area .itm_list li .itm_catch {

  margin-bottom: 1.5rem;

  font-family: var(--font_serif_01);

  font-size: 1.6rem;

  line-height: 1.5;

}



.limited_area .itm_list li .itm_name {

  margin-bottom: 1.2rem;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1.4;

}



.limited_area .each_cat .btn_catAll {

  width: fit-content;

  margin: 2rem auto 0;

}



.limited_area .each_cat .btn_catAll a {

  display: grid;

  place-items: center;

  width: 43rem;

  height: 7.3rem;

  border-radius: 10rem;

  border: solid var(--color_01) .15rem;

  background: var(--color_01);

  color: #fff;

  transition: background-color .5s, color .5s;

}



.limited_area .each_cat .btn_catAll a:hover {

  background: var(--color_02);

  color: var(--color_01);

}



.limited_area .each_cat .btn_catAll a p {

  font-family: var(--font_eng);

  font-size: 2.6rem;

  text-align: center;

}



.limited_area .each_cat .btn_catAll a p .txt_S {

  display: block;

  margin-top: .5rem;

  font-family: var(--font_serif_02);

  font-size: 1.4rem;

}



.limited_area .each_cat .notes {

  margin-top: 1rem;

  font-size: 1.3rem;

  text-align: center;

}



.kit_area {

  margin-bottom: 5rem;

}



.kit_area > h3 {

  position: relative;

  padding-top: 2rem;

  height: 10rem;

  background: rgba(144, 112, 84, .45);

  font-family: var(--font_serif_02);

  font-size: 2rem;

  font-weight: 400;

  text-align: center;

  color: #fff;

}



.kit_area > h3::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 4.2rem;

  margin-bottom: -.2rem;

  background-image: url(../img/250315/txt_specialkit.svg);

  background-repeat: repeat-x;

  background-size: auto 100%;

  opacity: .3;

  animation: loop 10s linear infinite;

  content: "";

}



@keyframes loop {

  0% {

    background-position: 0 0;

  }



  100% {

    background-position: -40.4rem 0;

  }

}



.kit_list {

  padding: 2rem 0 3rem;

  border-top: solid var(--color_01) .15rem;

  box-shadow: 0 3px 10px rgba(144, 112, 84, .1);

}



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

  margin-top: 5rem;

}



.kit_list .content_wrap {

  display: flex;

  align-items: flex-end;

  gap: 1.2rem;

}



.kit_list .kit_img_wrap {

  position: relative;

  width: fit-content;

}



.kit_list .kit_img {

  width: 24rem;

}



.kit_list .kit_img_wrap a {

  position: absolute;

  top: 0;

  left: 0;

}



.kit_list li:nth-of-type(1) .kit_img_wrap a:nth-of-type(1) {

  width: 6rem;

  height: 14.5rem;

  margin: 8rem 0 0 3.2rem;

}



.kit_list li:nth-of-type(1) .kit_img_wrap a:nth-of-type(2) {

  width: 12rem;

  height: 22rem;

  margin: .7rem 0 0 9.5rem;

}



.kit_list li:nth-of-type(2) .kit_img_wrap a:nth-of-type(1) {

  width: 10rem;

  height: 22rem;

  margin: 1rem 0 0 3rem;

}



.kit_list li:nth-of-type(3) .kit_img_wrap a:nth-of-type(1) {

  width: 19.2rem;

  height: 12rem;

  margin: 2.3rem 0 0 1.5rem;

}



.kit_list .txt_wrap {

  flex: 1;

  padding-right: 3rem;

}



.kit_list .kit_num {

  position: relative;

  z-index: 1;

  display: grid;

  place-items: center;

  height: 2.8rem;

  margin-bottom: 1.6rem;

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0;

  color: var(--color_01);

}



.kit_list .kit_num::before {

  position: absolute;

  z-index: -1;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: 100%;

  height: .15rem;

  margin-top: .1rem;

  background: linear-gradient(to right, transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

  content: "";

}



.kit_list .kit_num::after {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 50%;

  translate: -50% 0;

  width: 2.8rem;

  height: 100%;

  border: solid var(--color_01) .15rem;

  background: #fff;

  content: "";

  rotate: 45deg;

}



.kit_list .kit_catch {

  margin-bottom: 2rem;

  font-family: var(--font_serif_01);

  font-size: 2.3rem;

  font-weight: 600;

  line-height: 1.5;

}



.kit_list .kit_name {

  margin-bottom: 1rem;

  font-size: 2rem;

  font-weight: 400;

  line-height: 1.4;

}



.kit_list .kit_price_wrap {

  display: flex;

  align-items: center;

  gap: 2rem;

}



.kit_list .kit_price {

  position: relative;

  width: fit-content;

  font-family: var(--font_eng);

  font-size: 2.8rem;

  letter-spacing: 0;

}



.kit_list .kit_price .txt_tax {

  margin-left: .5rem;

  font-family: var(--font_regular);

  font-size: 1.3rem;

}



.kit_list .kit_price.strikethrough::before {

  position: absolute;

  top: 50%;

  left: 50%;

  translate: -50% -50%;

  width: 100%;

  height: .1rem;

  margin-top: .2rem;

  background: var(--color_01);

  rotate: 5deg;

  content: "";

}



.kit_list .discount_price_wrap {

  display: flex;

  justify-content: center;

  align-items: flex-end;

  gap: 1.5rem;

  margin-top: .5rem;

}



.kit_list .discount_rate {

  position: relative;

  width: fit-content;

  padding: .6rem 1rem;

  border-radius: .3rem;

  background: rgba(216, 57, 57, .7);

  font-family: var(--font_eng);

  font-size: 5.3rem;

  line-height: .5;

  letter-spacing: 0;

  color: #fff;

}



.kit_list .discount_rate span {

  letter-spacing: 0;

}



.kit_list .discount_rate .txt_jpn {

  font-family: var(--font_serif_01);

  font-size: 1.5rem;

  vertical-align: .4rem

}



.kit_list .discount_rate .txt_S {

  position: absolute;

  top: 0;

  right: 0;

  margin: .6rem 1.6rem 0 0;

  font-size: 2rem;

}



.kit_list .discount_rate .txt_SS {

  margin-left: .2rem;

  font-size: 1.5rem;

}



.kit_list .discount_price {

  position: relative;

  padding-left: 3.5rem;

  font-family: var(--font_eng);

  font-size: 5rem;

  letter-spacing: 0;

  color: var(--color_accent);

}



.kit_list .discount_price .txt_tax {

  margin-left: .5rem;

  font-size: 1.6rem;

  vertical-align: .3rem;

}



.kit_list .discount_price::before {

  position: absolute;

  top: 50%;

  left: 0;

  translate: 0 -50%;

  width: 2.7rem;

  height: 1.5rem;

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

  content: "";

}



.kit_list .discount_price_wrap .itm_link {

  margin-bottom: .8rem;

}



.kit_list .kitContents_list_wrap {

  position: relative;

  width: 54rem;

  margin: 2.5rem auto 0;

  padding: 1.5rem 3rem 1.5rem 5rem;

  background: var(--color_02);

}



.kit_list .kitContents_list_wrap > p {

  position: relative;

  z-index: 1;

  position: absolute;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 7.2rem;

  height: 7.2rem;

}



.kit_list .kitContents_list_wrap > p::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: solid rgba(144, 112, 84, .5) 3.6rem;

  border-bottom-color: transparent;

  border-right-color: transparent;

  box-sizing: border-box;

  content: "";

}



.kit_list .kitContents_list_wrap > p span {

  padding-bottom: 3.5rem;

  font-family: var(--font_serif_01);

  font-size: 1.4rem;

  line-height: 1.1;

  letter-spacing: 0;

  text-align: center;

  rotate: -45deg;

  color: #fff;

}



.kit_list .kitContents_list > li {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 1.6rem;

  padding: 1.5rem 0;

}



.kit_list .kitContents_list > li:nth-of-type(n+2) {

  border-top: dashed rgba(144, 112, 84, .5) .15rem;

}



.kit_list .kitContents_list > li > p {

  position: relative;

  font-size: 1.4rem;

  line-height: 1.5;

  text-indent: -2em;

  padding-left: 2em;

}



.kit_list .kitContents_list > li > p .txt_eng {

  margin-right: .5rem;

  font-family: var(--font_eng);

  font-size: 1.4rem;

}



.kit_list .kitContents_list > li > a {

  position: relative;

  display: inline-block;

  height: fit-content;

  padding-right: 2rem;

  font-family: var(--font_eng);

  font-size: 1.7rem;

  letter-spacing: 0;

  color: var(--color_01);

  text-decoration: underline;

  text-decoration-skip-ink: none;

}



.kit_list .kitContents_list > li > a::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.4rem;

  height: 1rem;

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

  rotate: -90deg;

  content: "";

  transition: margin .5s;

}



.kit_list .kitContents_list > li > a:hover::before {

  margin-right: -.5rem;

}



.kit_list .kitContents_list > li > p .icon_present {

  position: absolute;

  top: 0;

  left: 100%;

  display: block;

  width: 4.2rem;

  margin: -.6rem 0 0 .5rem;

}



.kit_list .kitContents_list > li > p .icon_present img {

  display: block;

}



.kit_list .notes {

  margin-top: 1rem;

  padding-right: 3rem;

  font-size: 1.3rem;

  text-align: right;

}

/*----------------- limited items*/



/*special comment----------------*/

.review_area {

  padding-bottom: 3rem;

}



.comment_list {

  padding-bottom: 5rem;

  box-shadow: 0 3px 10px rgba(144, 112, 84, .1)

}



.comment_list li {

  position: relative;

  border-top: solid var(--color_01) .15rem;

}



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

  margin-top: 8rem;

}



.comment_list li .comment_num {

  position: absolute;

  top: 0;

  display: grid;

  place-items: center;

  width: 11.2rem;

  height: 11.2rem;

  margin-top: -4rem;

  padding-bottom: .5rem;

  border-radius: 50%;

  border: solid var(--color_01) .15rem;

  background: var(--color_03);

  font-family: var(--font_eng);

  font-size: 4.2rem;

  letter-spacing: 0;

  color: var(--color_01);

}



.comment_list li:nth-of-type(odd) .comment_num {

  left: 0;

  margin-left: 1.5rem;

}



.comment_list li:nth-of-type(even) .comment_num {

  right: 0;

  margin-right: 1.5rem;

}



.comment_list li .comment_num::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  content: "";

  animation: rotate 20s linear infinite;

}



@keyframes rotate {

  0% {

    rotate: 0%;

  }



  100% {

    rotate: 360deg;

  }

}



.comment_list li .content_wrap {

  display: flex;

  align-items: center;

  margin-bottom: 2rem;

  background: rgba(144, 112, 84, .4);

}



.comment_list li .content_wrap .txt_wrap {

  flex: 1;

  padding: 2rem 2.5rem 0;

}



.comment_list li:nth-of-type(1) .content_wrap .txt_wrap {

  padding-top: 5rem;

}



.comment_list li:nth-of-type(even) .content_wrap .txt_wrap {

  order: 2;

}



.comment_list li .famousPerson_name {

  margin-bottom: 1.5rem;

  font-family: var(--font_serif_02);

  font-size: 3rem;

  font-weight: 400;

}



.comment_list li .famousPerson_sns {

  position: relative;

  padding-left: 2.2rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  color: #fff;

}



.comment_list li .famousPerson_sns::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 1.6rem;

  height: 1.6rem;

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

  content: "";

}



.comment_list li .famousPerson_profile {

  margin-top: 2rem;

  font-family: var(--font_serif_01);

  font-size: 1.4rem;

  line-height: 1.5;

  letter-spacing: .05em;

  text-align: justify;

}



.comment_list li:nth-of-type(1) .famousPerson_img {

  width: 32rem;

}



.comment_list li:nth-of-type(2) .famousPerson_img {

  width: 25.2rem;

}



.comment_list li .famousPerson_comment {

  padding: 0 3rem;

  font-family: var(--font_serif_01);

  font-size: 1.7rem;

  line-height: 1.75;

  text-align: justify;

}



.accordion_wrap {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows .6s;

}



.open .accordion_wrap {

  grid-template-rows: 1fr;

}



.accordion_inner {

  position: relative;

  min-height: 22rem;

  overflow: hidden;

}



.accordion_inner::before {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 10rem;

  background: linear-gradient(transparent, #fff 90%);

  content: "";

  pointer-events: none;

}



.open .accordion_inner::before {

  display: none;

}



.accordion_btn {

  position: relative;

  width: fit-content;

  margin: 1.2rem auto 0;

  padding-right: 2rem;

  cursor: pointer;

  font-family: var(--font_eng);

  font-size: 1.6rem;

  color: var(--color_01);

}



.accordion_btn .to_open,

.open .accordion_btn .to_close {

  display: block;

}



.open .accordion_btn .to_open,

.accordion_btn .to_close {

  display: none;

}



.accordion_btn::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.4rem;

  height: 1rem;

  margin-top: -.2rem;

  mask-image: url(../img/250315/arrow_001.svg);

  mask-size: cover;

  mask-position: center center;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../img/250315/arrow_001.svg);

  -webkit-mask-size: cover;

  -webkit-mask-position: center center;

  -webkit-mask-repeat: no-repeat;

  background: var(--color_01);

  content: "";

}



.open .accordion_btn::before {

  scale: -1;

}



.comment_list li .relatedItem_wrap {

  position: relative;

  display: flex;

  align-items: center;

  gap: 2rem;

  width: 54rem;

  margin: 3rem auto 0;

  padding: 1.5rem 3rem 1.5rem 2.5rem;

  background: var(--color_02);

}



.comment_list li .relatedItem_wrap > p {

  position: absolute;

  top: 0;

  right: 0;

  margin: -1rem -1rem 0 0;

  font-family: var(--font_cursive);

  font-size: 3rem;

  font-weight: 700;

  letter-spacing: 0;

  rotate: 5deg;

  color: var(--color_01);

}



.comment_list li .relatedItem_wrap .txt_wrap {

  flex: 1;

}



.comment_list li .relatedItem_wrap .itm_img {

  position: relative;

  width: 12rem;

}



.comment_list li .relatedItem_wrap .itm_img p {

  position: absolute;

  top: 0;

  left: 0;

  margin: 2.5rem 0 0 -1.5rem;

  padding: .3rem 1.5rem;

  background: linear-gradient(to right, transparent, rgba(216, 57, 57, .6) 10%, rgba(216, 57, 57, .6) 90%, transparent);

  font-family: var(--font_eng);

  font-size: 1.6rem;

  letter-spacing: .02em;

  color: #fff;

  rotate: -5deg;

  pointer-events: none;

}



.comment_list li .relatedItem_wrap .itm_catch {

  margin-bottom: 1.5rem;

  font-family: var(--font_serif_01);

  font-size: 1.6rem;

  line-height: 1.5;

  color: var(--color_01);

}



.comment_list li .relatedItem_wrap .itm_name {

  margin-bottom: 1.2rem;

  font-size: 1.5rem;

  font-weight: 400;

  line-height: 1.4;

}



.comment_list li .relatedItem_wrap .itm_price {

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0;

}



.comment_list li .relatedItem_wrap .itm_price .txt_tax {

  margin-left: .5rem;

  font-family: var(--font_regular);

  font-size: 1.2rem;

}

/*----------------special comment*/



/*staff--------------------------*/

.area_ttl.small {

  margin-bottom: 2rem;

}



.area_ttl.small .txt_eng {

  font-size: 3rem;

}



.staff_list.swiper-wrapper {

  transition-timing-function: linear;

}



.staff_list_wrap {

  border-top: solid var(--color_01) .15rem;

  border-bottom: solid var(--color_01) .15rem;

}



.staff_list .each_list {

  position: relative;

  width: 26rem !important;

  height: auto;

  border-left: solid var(--color_01) .15rem;

  background: var(--color_02);

}



.staff_list .each_list a {

  height: 100%;

  padding: 1rem 1rem 4rem;

}



.staff_list .each_list figure {

  margin-bottom: 1.5rem;

}



.staff_list .each_list figure img {

  height: calc(24rem - .15rem);

  object-fit: cover;

}



.staff_list .each_list .staff_detail_wrap {

  display: flex;

  align-items: center;

  gap: 1rem;

}



.staff_list .each_list .staff_detail_wrap .staff_img {

  width: 8rem;

  height: 8rem;

  border-radius: 50%;

  overflow: clip;

}



.staff_list .each_list .staff_detail_wrap .staff_img img {

  height: 100%;

  object-fit: cover;

}



.staff_list .each_list .staff_detail_wrap .txt_wrap {

  flex: 1;

}



.staff_list .each_list .staff_detail_wrap .txt_wrap p {

  font-size: 1.5rem;

  line-height: 1.5;

}



.staff_list .each_list .link_detail {

  position: absolute;

  bottom: 0;

  right: 0;

  margin: 0 1rem 2rem 0;

  padding-right: 2rem;

  font-family: var(--font_eng);

  font-size: 1.7rem;

  letter-spacing: 0;

  color: var(--color_01);

  text-decoration: underline;

  text-decoration-skip-ink: none;

}



.staff_list .each_list .link_detail::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.4rem;

  height: 1rem;

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

  rotate: -90deg;

  content: "";

  transition: margin .5s;

}



.staff_list .each_list a:hover .link_detail::before {

  margin-right: -.5rem;

}

/*--------------------------staff*/



/*ranking------------------------*/

.ranking_area .item_list__inner {

  display: flex;

  flex-wrap: wrap;

  border-top: solid var(--color_01) .15rem;

}



.ranking_area .item_list__item {

  position: relative;

  width: calc(100% / 3);

}



.ranking_area .item_list__item {

  border-bottom: solid var(--color_01) .15rem;

}



.ranking_area .item_list__item:nth-of-type(3n),

.ranking_area .item_list__item:nth-of-type(3n-1) {

  border-right: solid var(--color_01) .15rem;

}



.ranking_area .item_list__item a {

  height: 100%;

}



.ranking_area .item_list__item.item_rank1 {

  width: 100%;

}



.ranking_area .item_list__item.item_rank1 .item_list__item_inner {

  display: flex;

  align-items: center;

  gap: 2rem;

}



.ranking_area .item_list__item.item_rank1 .item_list__img {

  width: 28rem;

}



.ranking_area .item_list__item .icn_rank {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  display: grid;

  place-items: center;

  width: 4rem;

  height: 4rem;

}



.ranking_area .item_list__item.item_rank1 .icn_rank {

  width: 6rem;

  height: 6rem;

}



.ranking_area .item_list__item  .icn_rank::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: solid var(--color_01) 2rem;

  border-bottom-color: transparent;

  border-right-color: transparent;

  box-sizing: border-box;

  opacity: .5;

  content: "";

}



.ranking_area .item_list__item.item_rank1 .icn_rank::before {

  border-top-color: var(--color_1st);

  border-left-color: var(--color_1st);

  border-width: 3rem;

}



.ranking_area .item_list__item.item_rank2 .icn_rank::before {

  border-top-color: var(--color_2nd);

  border-left-color: var(--color_2nd);

}



.ranking_area .item_list__item.item_rank3 .icn_rank::before {

  border-top-color: var(--color_3rd);

  border-left-color: var(--color_3rd);

}



.ranking_area .item_list__item .icn_rank span {

  display: inline-block;

  padding-bottom: 2.5rem;

  font-family: var(--font_eng);

  font-size: 2rem;

  line-height: .7;

  letter-spacing: 0;

  color: #fff;

  rotate: -45deg;

}



.ranking_area .item_list__item.item_rank1 .icn_rank span {

  padding-bottom: 4.2rem;

  font-size: 3.3rem;

}



.ranking_area .item_list__item .item_list__item_inner .txt_wrap {

  padding: .8rem 1rem 4.5rem;

}



.ranking_area .item_list__item.item_rank1 .item_list__item_inner .txt_wrap {

  flex: 1;

  padding: 0 3rem 0 0;

}



.ranking_area .item_list__item .item_list__cat {

  margin-bottom: 1rem;

  padding: .3rem 1rem .6rem;

  background: var(--color_02);

  text-align: center;

}



.ranking_area .item_list__item .item_list__cat span {

  font-family: var(--font_serif_01);

  font-size: 1.4rem;

  line-height: 1.3;

  font-weight: 600;

  color: var(--color_01);

}



.ranking_area .item_list__item .item_list__title {

  margin-bottom: 1.2rem;

  font-size: 1.5rem;

  line-height: 1.5;

}



.ranking_area .item_list__item .item_list__price_wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  margin-bottom: 2.5rem;

  padding: 0 1rem;

}



.ranking_area .item_list__item.item_rank1 .item_list__price_wrap {

  position: static;

  justify-content: flex-start;

  gap: 2rem;

  padding: 0;

}



.ranking_area .item_list__item .item_list__price {

  font-family: var(--font_eng);

  font-size: 2rem;

}



.ranking_area .item_list__item .item_list__price span {

  letter-spacing: 0;

}



.ranking_area .item_list__item .item_list__price .txt_tax {

  font-family: var(--font_regular);

  font-size: 1.2rem;

  letter-spacing: 0;

}



.ranking_area .item_list__item .item_list__link {

  display: grid;

  place-items: center;

  width: 7rem;

  height: 2.2rem;

  border-radius: 10rem;

  border: solid var(--color_01) .15rem;

  background: var(--color_01);

  color: #fff;

  transition: background-color .5s, color .5s;

}



.ranking_area .item_list__item a:hover .item_list__link {

  background: #fff;

  color: var(--color_01);

}



.ranking_area .item_list__item .item_list__link span {

  position: relative;

  padding-right: 2rem;

  font-family: var(--font_eng);

  font-size: 1.5rem;

  letter-spacing: 0;

}



.ranking_area .item_list__item .item_list__link span::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.6rem;

  height: 1.6rem;

  mask-image: url(../img/250315/icon_cart.svg);

  mask-size: cover;

  mask-position: center center;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../img/250315/icon_cart.svg);

  -webkit-mask-size: cover;

  -webkit-mask-position: center center;

  -webkit-mask-repeat: no-repeat;

  background: #fff;

  content: "";

  transition: background-color .5s;

}



.ranking_area .item_list__item a:hover .item_list__link span::before {

  background: var(--color_01);

}



.ranking_area .item_list__item .item_list__review,

.ranking_area .item_list__item .item_list__cicon,

.ranking_area .item_list__item .soldout {

  display: none;

}

/*------------------------ranking*/



/*campaign-----------------------*/

.campaign_area {

  margin: 1rem 0 5rem;

  padding: 7rem 0 6rem;

  background: linear-gradient(transparent, var(--color_02) 5%, var(--color_02) 95%, transparent);

}



.campaign_area .area_ttl {

  position: relative;

  margin-bottom: 1rem;

  padding-bottom: 1rem;

  color: var(--color_01);

}



.campaign_area .area_ttl .txt_eng {

  margin-bottom: 0;

}



.campaign_area .area_ttl .txt_S {

  display: block;

  width: fit-content;

  margin: 0 auto 1rem;

  padding: .8rem 1.5rem;

  border-radius: .3rem;

  background: var(--color_01);

  font-family: var(--font_eng);

  font-size: 2rem;

  color: #fff;

}



.campaign_area .area_ttl::before {

  position: absolute;

  bottom: 0;

  left: 50%;

  translate: -50% 0;

  width: 45rem;

  height: .15rem;

  background: linear-gradient(to right, transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

  content: "";

}



.LP_page .campaign_period {

  margin-bottom: 4rem;

  font-family: var(--font_eng);

  font-size: 3.3rem;

  letter-spacing: 0;

  text-align: center;

}



.LP_page .campaign_period .txt_year {

  margin-right: .5rem;

  font-size: 1.7rem;

  letter-spacing: 0;

  vertical-align: 1.2rem;

}



.LP_page .campaign_period .txt_month {

  position: relative;

  margin-right: .8rem;

  font-size: 2.2rem;

  letter-spacing: 0;

  vertical-align: 1.2rem;

}



.LP_page .campaign_period .txt_month::after {

  position: absolute;

  top: 0;

  right: 0;

  width: .1rem;

  height: 3rem;

  margin: .5rem -.3rem 0 0;

  background: var(--color_regular);

  rotate: 30deg;

  content: "";

}



.LP_page .campaign_period .txt_SS {

  margin-left: .5rem;

  font-size: 1.7rem;

  letter-spacing: 0;

}



.LP_page .campaign_period .arrow {

  position: relative;

  padding-left: 5rem;

}



.LP_page .campaign_period .arrow::before {

  position: absolute;

  top: 50%;

  left: 0;

  width: 2.7rem;

  height: 1.5rem;

  margin-left: 1rem;

  mask-image: url(../img/250315/arrow_002.svg);

  mask-size: cover;

  mask-position: center center;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../img/250315/arrow_002.svg);

  -webkit-mask-size: cover;

  -webkit-mask-position: center center;

  -webkit-mask-repeat: no-repeat;

  background: var(--color_regular);

  content: "";

}



.campaign_list {

  padding: 0 3rem;

}



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

  margin-top: 4rem;

}



.campaign_list li > div {

  position: relative;

  padding: 3rem 1rem;

  border: solid var(--color_01) .15rem;

  background: #fff;

  text-align: center;

  font-family: var(--font_serif_01);

}

.campaign_list li .campaign_num {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 50%;

  translate: -50% 0;

  display: grid;

  place-items: center;

  height: 2.8rem;

  margin-top: -1.5rem;

  font-family: var(--font_eng);

  font-size: 2rem;

  letter-spacing: 0;

  color: var(--color_01);

}



.campaign_list li .campaign_num::before {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 50%;

  translate: -50% 0;

  width: 2.8rem;

  height: 100%;

  border: solid var(--color_01) .15rem;

  background: #fff;

  content: "";

  rotate: 45deg;

}



.campaign_list li .campaign_txt {

  font-size: 2.2rem;

  line-height: 1.5;

}



.campaign_list li .campaign_txt .txt_emphasis {

  display: block;

  margin-top: 1rem;

  font-size: 2.6rem;

  line-height: 1.5;

  font-weight: 600;

  text-align: center;

  color: var(--color_01);

}



.campaign_list li .campaign_txt .txt_emphasis .txt_S {

  font-size: 1.6rem;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_emphasis {

  font-size: 12.7rem;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_eng {

  display: block;

  padding-bottom: 1rem;

  font-family: var(--font_eng);

  font-weight: 400;

  line-height: .6;

  letter-spacing: 0;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_SS {

  font-size: 2.6rem;

  letter-spacing: -.3em;

  writing-mode: vertical-lr;

  text-orientation: upright;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_S {

  font-size: 5.8rem;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_emphasis sup {

  margin-left: -5rem;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_jpn {

  position: relative;

  display: block;

  padding-top: 1rem;

  font-size: 2.8rem;

}



.campaign_list li:nth-of-type(1) .campaign_txt .txt_jpn::before {

  position: absolute;

  top: 0;

  left: 50%;

  translate: -50% 0;

  width: 25rem;

  height: .15rem;

  background: linear-gradient(to right, transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

  content: "";

}



.campaign_list li .campaign_txt .itm_img {

  float: left;

  width: 11.3rem;

  margin: -.5rem 1rem 0 1rem;

}



.campaign_list li:nth-of-type(3) .campaign_txt {

  text-align: left;

}



.campaign_list li .img_novelty {

  position: absolute;

  bottom: 0;

  right: 0;

  margin: 0 -1rem -2rem 0;

  rotate: 15deg;

  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .1));

}



.campaign_list li:nth-of-type(2) .img_novelty {

  width: 5.4rem;

}



.campaign_list li:nth-of-type(3) .img_novelty {

  width: 4.2rem;

}



.campaign_list li .icon_present {

  position: absolute;

  bottom: 0;

  right: 0;

  width: 4.2rem;

  margin: 0 5rem 2rem 0;

  rotate: -10deg;

}



.campaign_list li .notes {

  margin-top: 1rem;

  font-size: 1.3rem;

  line-height: 1.4;

}

/*-----------------------campaign*/

.footer_bnr {

  margin-bottom: 7rem;

}



.btn_allItems a {

  display: flex;

  align-items: center;

  width: 100%;

  height: 16.7rem;

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

}



.btn_allItems a p {

  width: fit-content;

  margin: 0 7rem 0 auto;

}



.btn_allItems a .logo {

  display: block;

  width: 9rem;

  margin: 0 auto 1rem;

}



.btn_allItems a .txt {

  position: relative;

  font-family: var(--font_serif_01);

  font-size: 1.8rem;

  color: var(--color_01);

}



.btn_allItems a .txt::before {

  position: absolute;

  top: 50%;

  left: 100%;

  translate: 0 -50%;

  width: 2.8rem;

  height: 1.6rem;

  margin-left: 1rem;

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

  content: "";

  transition: transform .5s;

}



.btn_allItems a:hover .txt::before {

  transform: translateX(1rem);

}



/*fixed nav-----------------------*/

.fixed_nav {

  position: fixed;

  z-index: 2;

  bottom: 0;

  translate: 0 100%;

  transition: translate .5s, transform .5s;

  transform: translateY(3.7rem);

}



.fixed_nav.active {

  transform: unset;

}



.fixed_nav.open {

  translate: 0 0;

}



.fixed_nav .nav_switch {

  position: absolute;

  bottom: 100%;

  display: grid;

  place-items: center;

  width: 100%;

  height: 3.7rem;

  background: rgba(144, 112, 84, .9);

  cursor: pointer;

}



.fixed_nav .nav_switch span {

  position: relative;

  padding-right: 2.5rem;

  font-family: var(--font_eng);

  font-size: 1.6rem;

  color: #fff;

  transition: opacity .5s;

}



.fixed_nav .nav_switch span::before {

  position: absolute;

  top: 50%;

  right: 0;

  translate: 0 -50%;

  width: 1.4rem;

  height: 1rem;

  margin-bottom: .7rem;

  mask-image: url(../img/250315/arrow_001.svg);

  mask-size: cover;

  mask-position: center center;

  mask-repeat: no-repeat;

  -webkit-mask-image: url(../img/250315/arrow_001.svg);

  -webkit-mask-size: cover;

  -webkit-mask-position: center center;

  -webkit-mask-repeat: no-repeat;

  background: #fff;

  content: "";

}



.fixed_nav .nav_switch span::before {

  scale: -1;

}



.fixed_nav.open .nav_switch span::before {

  scale: 1;

}



.fixed_nav.open .nav_switch .to_open,

.fixed_nav .nav_switch .to_close {

  display: none;

}



.fixed_nav .nav_switch .to_open,

.fixed_nav.open .nav_switch .to_close {

  display: block;

}



.fixed_nav .navigation_list {

  border-bottom: none;

}



.fixed_nav .navigation_list li a p {

  padding-bottom: 0;

}



.fixed_nav .navigation_list li a::before {

  display: none;

}



/*-----------------------fixed nav*/



/*shareボタン、shareテキスト---------------------------*/

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

#share {

  z-index: 10 !important;

  left: auto !important;

  right: 5%;

  transition: translate .5s, transform .5s;

}



#share.move {

  translate: 0 -3.7rem;

}



#share.move2 {

  transform: translateY(-18rem);

}



.share-txt {

  display: none;

}



.only_pc {

  display: none;

}



}

/*---------------------------shareボタン、shareテキスト*/





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

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

  .only_sp {

    display: none;

  }



  .LP_page {

    position: relative;

    z-index: 1;

  }



  .LP_page::before {

    position: fixed;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100lvh;

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

    content: "";

  }



  .LP_page_inner {

    position: relative;

    z-index: 1;

    min-height: 100vh;

    margin: 0 auto;

    overflow: clip;

    box-shadow: 0 0 10px rgba(144, 112, 84, .4);

  }



  .LP_page_inner,

  .fixed_nav {

    width: 60rem;

  }



  .fixed_area {

    position: fixed;

    top: 0;

    left: 50%;

    translate: -50% 0;

    z-index: 1;

    display: flex;

    justify-content: space-between;

    width: 100%;

    max-width: 160rem;

    height: 100%;

    margin: 0 auto;

  }

  

  .fixed_left,

  .fixed_right {

    display: grid;

    place-items: center;

    width: calc((100% - 60rem) / 2);

    max-width: calc((160rem - 60rem) / 2);

    height: 100%;

  }



  #BrandID_CK .fixed_left,

  #BrandID_CK .fixed_right {

    padding-top: 7rem;

  }



  #BrandID_BP .fixed_left,

  #BrandID_BP .fixed_right {

    padding-top: 20rem;

  }



  .main_ttl_pc {

    width: 20rem;

  }



  .PCnavigation_list > li {

    position: relative;

  }



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

    margin-top: 4rem;

  }



  .PCnavigation_list > li a {

    position: relative;

    font-family: var(--font_eng);

    font-size: 2.2rem;

    text-align: center;

  }



  .PCnavigation_list > li a.modal_campaign {

    color: var(--color_01);

  }



  .PCnavigation_list > li a .txt_S {

    font-size: 1.5rem;

  }



  .PCnavigation_list > li a .txt_jpn {

    display: block;

    margin-top: 1rem;

    font-family: var(--font_serif_02);

    font-size: 1.2rem;

  }



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

    padding-top: 3rem;

  }



  .PCnavigation_list > li:nth-last-of-type(1)::before {

    position: absolute;

    top: 0;

    left: 50%;

    translate: -50% 0;

    width: calc(100% + 5rem);

    height: .1rem;

    background: linear-gradient(to right,  transparent, var(--color_01) 10%, var(--color_01) 90%, transparent);

    content: "";

  }

}

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





/*レスポンシブ対応-------------------------------*/

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

  html {

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

  }

}



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

  html {

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

  }

}

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