@charset "UTF-8";

/* ▽ 初期設定 ▽ */

html {
  font-size: 62.5%;
}

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

#Header,
#Foot {
  display: none;
}

#Wrap {
  width: 100%;
}

#Contents {
  margin-bottom: 0;
  color: #393736;
}

.all_wrap a {
  text-decoration: none;
}

.all_wrap img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
}

.all_wrap p,
.all_wrap ul,
.all_wrap ol,
.all_wrap dl {
  margin: 0;
}

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

#Contents .section {
  padding: 0;
}

/* PC */
@media only screen and (min-width: 769px) {

.sp_only {
    display: none;
}

}

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

  .pc_only {
    display: none;
  }

}

/* △ 初期設定 △ */

/* ▽ 共通 ▽ */

.all_wrap {
  position: relative;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 300;
  background-color: #9b9a51;
  z-index: 0;
}

/* .all_wrap::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/page_bg_pc.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
} */

/* .all_wrap::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgb(242,241,244);
  background: linear-gradient(0deg, rgba(242,241,244,1) 0%, rgba(255,255,255,1) 50%);
  z-index: -1;
} */

.font_jp {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 300;
}

.font_en {
  margin: 0 auto;
  width: 29.1rem;
}

.font_Old {
  font-family: 'Zen Old Mincho', serif;
  font-weight: 300;
}

/* アニメーション */

.fade {
  opacity: 0;
  transition: 2s;
}

.mv_wrap .active {
  opacity: 0;
  animation: fade 2s ease .2s forwards;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade.active {
  opacity: 1;
}


/*---------- nav__list ----------*/
/*リンクを右下に固定*/
#page-top {
  width: 100%;
  position: fixed;
  right: 0;
  bottom: 2rem;
  z-index: 2;
  opacity: 0;
}

#page-top .check_blk {
position: relative;
width: 18rem;
height: 18rem;
z-index: 0;
}


/*　上に上がる動き　*/

#page-top.UpMove{
  animation: UpAnime 1s forwards;
}
@keyframes UpAnime{
from {
  opacity: 1;
  transform: translateY(250px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}

/*　下に下がる動き　*/

#page-top.DownMove{
  animation: DownAnime 1s forwards;
}
@keyframes DownAnime{
from {
  opacity: 1;
  transform: translateY(0);
}
to {
  opacity: 1;
  transform: translateY(250px);
}
}
/* △ 共通 △ */

/* ▽ mv ▽ */
.all_wrap .mv_wrap {
  margin-bottom: 7.5rem;
  padding-top: 10.5rem;
  text-align: center;
}

.all_wrap .mv_ttl {
  margin: 0 auto;
  width: 65rem;
}

.all_wrap .mv_ttl > span {
  position: relative;
  display: block;
  padding-top: 3rem;
  font-size: 3.8rem;
  letter-spacing: 0.75rem;
}

.all_wrap .mv_padding {
  padding-right: 3.5rem;
  letter-spacing: 0;
}

.all_wrap .mv_ttl .mv_num {
  position: absolute;
  display: inline-block;
  top: 1.5rem;
  left: 31.2rem;
  width: 1.9rem;
}

.all_wrap .mv_logo {
  width: 20.2rem;
  margin: 0 auto;
  padding-top: 4.7rem;
}

.all_wrap .mv_deco {
  width: 4.9rem;
  margin: 0 auto;
  padding-top: 2rem;
}

.all_wrap .mv_lead {
  padding-top: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.5;
  color: #FAF7E8;
}

.all_wrap .mv_lead span {
  display: block;
  padding-bottom: 2rem;
  font-size: 4rem;
  line-height: 1;
  font-style: italic;
}

/* △ mv △ */

/* ▽ menu ▽ */

.all_wrap .menu_wrap {
  width: 104rem;
  height: 16rem;
  margin: 0 auto;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0px 1px 8px #cca78a;
}

.all_wrap .menu_wrap .Part04_box {
  position: relative;
  z-index: 0;
}

.all_wrap .menu_wrap ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 3.5rem 3rem;
  gap: 3rem 5rem;
}

/* .all_wrap .menu_wrap ul::before ,
.all_wrap .menu_wrap ul::after ,
.all_wrap .menu_wrap .Part04_box::after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 3.6rem;
  top: 2.5rem;
  background: url(../img/menu_deco.png) no-repeat;
  background-size: cover;
} */

.all_wrap .menu_wrap ul::before {
  left: 34.3rem;
}

.all_wrap .menu_wrap ul::after {
  right: 32rem;
}

.all_wrap .menu_wrap .Part04_box::after {
  top: 0.5rem;
  right: -3.7rem;
}

/* ======= menu_wrap.active ======= */
.UpMove ul::before ,
.UpMove ul::after ,
.UpMove .Part04_box::after {
  display: none;
}

#page-top .menu_wrap {
  width: 65rem;
  height: auto;
  margin: auto;
  gap: 1.5rem 2.5rem;
  padding: unset;
  display: flex;
  justify-content: center;
  background: unset;
  border-radius: unset;
  box-shadow: unset;
}

#page-top ul li a {
 display: flex;
}

#page-top .menu_img {
  height: 3.5rem;
}

/* 
#page-top {
  position: fixed;
  bottom: 1.5rem;
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
} */

#page-top .menu_wrap ul {
  gap: 1.5rem 3rem;
  background: #FFFFFF;
  border-radius: 2rem;
  box-shadow: 0px 1px 8px #cca78a;
  padding: 1.5rem 0rem 1.2rem;
}

.UpMove .menu_ttl {
  padding-top: .4rem;
  padding-left: 1rem;
  font-size: 1.2rem;
}

.UpMove .menu_ttl::before {
  top: -.3rem;
  bottom: auto;
  clip-path: polygon(100% 100%, 0 100%, 50% 0);
}
/* // ======= menu_wrap.active ======= */

.all_wrap .menu_wrap a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.all_wrap .menu_wrap p {
  display: inline-block;
}

.all_wrap .menu_img {
  height: 4.3rem;
}

.all_wrap .menu_img img {
  width: auto;
  height: 100%;
}

.all_wrap .menu_ttl {
  position: relative;
  padding-left: 1.5rem;
  color: #343434;
  font-family: 'Zen Old Mincho', serif;
  font-size: 1.4rem;
  line-height: 1.5;
}

.all_wrap .menu_wrap[data-color="Part01"] .Part01_box .menu_ttl,
.all_wrap .menu_wrap[data-color="Part02"] .Part02_box .menu_ttl,
.all_wrap .menu_wrap[data-color="Part03"] .Part03_box .menu_ttl,
.all_wrap .menu_wrap[data-color="Part04"] .Part04_box .menu_ttl,
.all_wrap .menu_wrap[data-color="Part05"] .Part05_box .menu_ttl {
  color: #76B1C2;
}

.all_wrap .menu_wrap[data-color="Part01"] .Part01_box .menu_ttl::before,
.all_wrap .menu_wrap[data-color="Part02"] .Part02_box .menu_ttl::before,
.all_wrap .menu_wrap[data-color="Part03"] .Part03_box .menu_ttl::before,
.all_wrap .menu_wrap[data-color="Part04"] .Part04_box .menu_ttl::before,
.all_wrap .menu_wrap[data-color="Part05"] .Part05_box .menu_ttl::before {
  background-color: #76B1C2;
}

.all_wrap .menu_ttl::before {
  content: "";
  position: absolute;
  width: 1.2rem;
  height: .5rem;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  background-color: #76B1C2;
  background-size: contain;
}

/* △ menu △ */


/* ▽ part ▽ */

.all_wrap .part_wrap {
  margin-top: 10rem;
  padding-top: 0;
  padding-bottom: 3.5rem;
}

.all_wrap .part {
  position: relative;
  padding: 7rem 9.6rem 7.5rem 12.1rem;
  width: 110rem;
  margin: 0 auto 8rem;
  padding-bottom: 8rem;
  background: #ffff;
  box-shadow: 2px 1px 6px -6px rgba(0,0,0,1);
  box-sizing: border-box;
}

.all_wrap .part::before {
  position: absolute;
  content: "";
  width: 6rem;
  height: 6rem;
  top: 0.5rem;
  right: 0.5rem;
  background: url(../img/triangle.svg)no-repeat;
  background-size: contain;
}

.all_wrap .part__title {
  display: flex;
  align-items: center;
  column-gap: 4rem;
}

.all_wrap .part_mainttl {
  height: 7.25rem;
}

.all_wrap .part_mainttl img {
  width: auto;
  height: 100%;
}

.part_subttl {
  font-size: 2.9rem;
  letter-spacing: 0.055em;
  line-height: 1.344;
}

.all_wrap .part_lead {
  padding-top: 3.5rem;
  font-size: 1.4rem;
  line-height: 1.75;
}

.all_wrap .item_wrap ,
.all_wrap .pont_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.all_wrap .item_wrap {
  justify-content: space-between;
  width: 81.5rem;
  margin: 0 auto;
}

.all_wrap .item_wrap01 {
  padding-top: 6rem;
}

.all_wrap .item_wrap01 {
  padding-top: 6rem;
}

.all_wrap .line {
  width: 90rem;
  margin: 0 auto;
  padding: 4.5rem 0;
}

.all_wrap .item_imgcontents {
  width: 39rem;
}

.all_wrap .item_img {
  width: 35rem;
  margin: 0 auto;
  line-height: 1;
}

.all_wrap .pont_wrap {
  align-items: center;
  justify-content: center;
}

.all_wrap .point_img {
  width: 10rem;
}

.all_wrap .point_lead {
  width: 28rem;
  margin-left: 1rem;
  font-size: 1.6rem;
  color: #573E2C;
}

.all_wrap .point_lead span {
  font-size: 1rem;
}

.all_wrap .item_brandname {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.all_wrap .item_brandname.deco__line-height {
  line-height: .7;
}

.all_wrap .item_brandname.deco__line-height span {
  font-weight: 400;
}

.all_wrap .item_brandname span {
  font-size: 3rem;
}

.all_wrap .item_category {
  width: auto;
  height: 2.6rem;
  padding-top: 2rem;
}

.all_wrap .item_category img{
  width: auto;
  height: 100%;
}

.all_wrap .item_productname {
  padding-top: 2rem;
  font-size: 2.2rem;
  line-height: 1.25;
  font-weight: 400;
}

.all_wrap .item_variation {
  display: grid;
  padding-top: 0.5rem;
  row-gap: 0.5rem;
  font-weight: 400;
}

.all_wrap .item_variation span {
  text-decoration: underline;
}

.all_wrap .item_price {
  display: inline-block;
  width: fit-content;
  padding-top: 1.5rem;
  font-size: 2rem;
  font-weight: bold;
}

.all_wrap span {
  font-weight: 400;
}

.all_wrap .item_yenmark {
  font-size: 1.5rem;
}

.all_wrap .item_tax {
  font-size: 1rem;
}

.all_wrap .item_button {
  position: relative;
  display: inline-block;
  width: 18.2rem;
  height: 3.8rem;
  margin-top: 2rem;
  margin-left: 3rem;
}

.all_wrap .item_button a {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #E0E0E0;
  border-radius: 4rem;
}

.all_wrap .item_button a:hover {
  border: 1px solid #E6D3C4;
  background: #E6D3C4;
}


.all_wrap .item_button span {
  display: block;
  width: 10rem;
  margin: 0 auto;
  padding-top: 0.9rem;
}

.all_wrap .item_lead {
  padding-top: 2rem;
  color: #696969;
  font-size: 1.2rem;
  font-weight: 400;
  width: 40rem;
}

.all_wrap .item_lead span {
  display: inline-block;
  margin-top: 0.7rem;
  font-size: 1rem;
}

.all_wrap .all_button {
  width: 35rem;
  height: 5rem;
  margin: 4rem auto 0;
}

.all_wrap .all_button a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 5rem;
  text-align: center;
  border: 1px solid;
  background: #e6b893;
  border-radius: 4rem;
  text-indent: -0.8rem;
}

.all_wrap .all_button a:hover {
  color: #343434;
  border: 1px solid #343434;
  background: #fff;
}

.all_wrap .all_button a span {
  position: absolute;
  display: inline-block;
  transition: background-color .25s ease-in-out;
  width: 0.5rem;
  height: 1.2rem;
  top: 2rem;
  right: 2.5rem;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #fff;
  background-size: contain;
}

.all_wrap .all_button a:hover span {
  background-color: #E6D3C4;
}

.all_wrap .page_all_button {
  width: 50rem;
  height: 6rem;
  margin: 4rem auto;
}

.all_wrap .page_all_button a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  text-align: center;
  border: 1px solid;
  background: #8baeb8;
  border-radius: 4rem;
  text-indent: -0.8rem;
}

/* △ part △ */

/* pc */
@media only screen and (min-width: 769px) {
  .all_wrap .part02 .item_wrap03 {
    width: 85rem;
  }

  .all_wrap .part01 .item_wrap01 .item_txtcontents {
    width: 36.7rem;
    margin-right: 1rem;
  }

  .all_wrap .part01 .item_wrap02 .item_txtcontents {
    width: 42rem;
  }

  .all_wrap .part01 .item_wrap03 .item_txtcontents {
    width: 36.7rem;
    margin-right: 1rem;
  }

  .all_wrap .part02 .item_wrap01 .item_txtcontents {
    width: 36.7rem;
    margin-right: 1rem;
  }

  .all_wrap .part02 .item_wrap02 .item_txtcontents {
    width: 36.5rem;
    margin-left: 1.5rem;
  }

  .all_wrap .part02 .item_wrap03 .item_txtcontents {
    width: 39rem;
  }

  .all_wrap .part03 .item_wrap01 .item_txtcontents {
    width: 38rem;
  }

  .all_wrap .part03 .item_wrap02 .item_txtcontents {
    width: 38rem;
  }

  .all_wrap .part03 .item_wrap03 .item_txtcontents {
    width: 36rem;
  }

  .all_wrap .item_wrap02 .item_imgcontents {
    position: relative;
  }

  .all_wrap .part01 .item_wrap02 .item_imgcontents {
    left: 2.5rem;
  }

  .all_wrap .part012.item_wrap02 .item_imgcontents {
    left: .5rem;
  }

}

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

/* ▽ 共通 ▽ */

.all_wrap {
  overflow: hidden;
}

.font_en {
  width: calc(292*(100vw / 428));
}

.all_wrap .all_button a,
.all_wrap .item_yenmark,
.all_wrap .item_tax,
.all_wrap .part_lead {
 font-weight: 400;
}

.all_wrap .menu_wrap a:not(.all_wrap .menu_wrap.active a) {
 flex-wrap: unset;
 white-space: nowrap;
}

.all_wrap #Part01 .item_wrap01 .point_lead,
.all_wrap #Part01 .item_wrap02 .point_lead {
 white-space: nowrap;
}

/* △ 共通 △ */

/* ▽ mv ▽ */
.all_wrap .mv_wrap {
  margin-bottom: calc(45*(100vw / 428));
  padding-top: 0;
}

.all_wrap .mv_ttl {
  padding-top: calc(70*(100vw / 428));
  width: calc(390*(100vw / 428));
}

.all_wrap .mv_ttl > span {
  padding-top: calc(30*(100vw / 428));
  font-size: calc(35*(100vw / 428));
  line-height: 1.25;
}

.all_wrap .mv_padding {
  padding-right: calc(35*(100vw / 428));
}

.all_wrap .mv_ttl .mv_num {
  top: calc(13*(100vw / 428));
  left: auto;
  right: calc(50*(100vw / 428));
  width: calc(20*(100vw / 428));
}

.all_wrap .mv_logo {
  width: calc(179*(100vw / 428));
  padding-top: calc(40*(100vw / 428));
}

.all_wrap .mv_deco {
  width: calc(49*(100vw / 428));
  padding-top: calc(20*(100vw / 428));
}

.all_wrap .mv_lead {
  padding-top: calc(10*(100vw / 428));
  font-size: calc(16*(100vw / 428));
}

.all_wrap .mv_lead span {
  padding-bottom: calc(30*(100vw / 428));
  font-size: calc(40*(100vw / 428));
}

/* △ mv △ */

/* ▽ menu ▽ */

.all_wrap .menu_wrap:not(.all_wrap .menu_wrap.active) {
  width: calc(380*(100vw / 428));
  height: auto;
  margin: 0 auto;
  border-radius: calc(20*(100vw / 428));
}

.all_wrap .menu_wrap a:not(.all_wrap .menu_wrap.active a) {
  padding-left: 0;
  justify-content: unset;
}

.all_wrap .menu_wrap ul:not(.all_wrap .menu_wrap.active ul) {
  padding: calc(24*(100vw / 428)) calc(30*(100vw / 428)) calc(30*(100vw / 428));
  gap: calc(0*(100vw / 428));
}

.all_wrap .menu_wrap ul::before,
.all_wrap .menu_wrap ul::after {
  opacity: 0;
}

.all_wrap .menu_wrap ul li:not(:last-of-type) {
  padding-bottom: calc(15*(100vw / 428));
  border-bottom: 1px solid #F0F0FA;
}

.all_wrap .menu_wrap.active ul li:not(:last-of-type) {
  padding-bottom: 0;
  border: none;
}

.all_wrap .menu_wrap ul li:not(:first-of-type) {
  padding-top: calc(19*(100vw / 428));
}

.all_wrap .menu_wrap.active ul li:not(:first-of-type) {
  padding-top: 0;
}

.all_wrap .menu_wrap ul li:not(.all_wrap .menu_wrap.active ul li) {
  position: relative;
  width: 100%;
  z-index: 0;
}

.all_wrap .menu_wrap ul li::before {
  position: absolute;
  content: "";
  transform: translateX(-50%);
  width: calc(12*(100vw / 428));
  height: calc(5*(100vw / 428));
  bottom: calc(7*(100vw / 428));
  left: 50%;
  transform: none;
  background-size: contain;
  background-color: #76B1C2;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  z-index: 1;
}

.all_wrap .menu_wrap_contents.active .menu_wrap ul li::before {
  position: static;
}

.all_wrap .menu_img:not(.all_wrap .menu_wrap.active .menu_img) {
  height: calc(42*(100vw / 428));
}

.all_wrap .menu_ttl:not(.all_wrap .menu_wrap.active .menu_ttl) {
  margin-top: calc(-5*(100vw / 428));
  padding-left: calc(15*(100vw / 428));
  font-size: calc(15*(100vw / 428));
  line-height: 1.26;
}

.all_wrap .menu_ttl::before {
  position: static;
}

.all_wrap .menu_wrap_contents.active .menu_ttl::before {
  position: absolute;
}

.UpMove {
  position: fixed;
  padding-top: 1rem;
  overflow-x: scroll;
  bottom: calc(0*(100vw / 428));
  width: 100%;
  height: 8rem;
  z-index: 5;
}

.UpMove .menu_wrap ul::before,
.UpMove .menu_wrap ul::after {
  opacity: 1;
}


.UpMove {
  width: calc(1400*(100vw / 428));
  margin-inline: calc(18*(100vw / 428)) calc(36*(100vw / 428));
  position: relative;
  transform: unset;
  left: 0;
  bottom: 0;
  border-radius: calc(50*(100vw / 428));
  box-shadow: 0px 1px 4px #d2bcac;
}

/* △ menu △ */


/* ▽ part ▽ */

.all_wrap .part_wrap {
  margin-top: calc(63*(100vw / 428));
  padding-top: calc(0*(100vw / 428));
  padding-bottom: calc(15*(100vw / 428));
}

.all_wrap .part {
  width: calc(388*(100vw / 428));
  margin: 0 auto calc(65*(100vw / 428));
  padding: calc(40*(100vw / 428)) calc(24*(100vw / 428)) calc(55*(100vw / 428));
  padding-bottom: calc(55*(100vw / 428));
}

.all_wrap .part::before {
  width: calc(50*(100vw / 428));
  height: calc(50*(100vw / 428));
  top: calc(3*(100vw / 428));
  right: calc(3*(100vw / 428));
}

.all_wrap .part__title {
  flex-direction: column;
  justify-content: center;
  column-gap: 0;
  row-gap: calc(23*(100vw / 428));
}

.all_wrap .part_mainttl {
  height: calc(70.5*(100vw / 428));
  margin: 0 auto;
  padding-top: calc(0*(100vw / 428));
}

.part_subttl {
  margin-left: 0;
  margin-right: auto;
  font-size: calc(22*(100vw / 428));
  text-align: left;
}

.all_wrap .part_lead {
  margin: 0 auto;
  padding: calc(11*(100vw / 428)) 0 0;
  font-size: calc(15*(100vw / 428));
  text-align: justify;
}

.all_wrap .item_wrap {
  width: calc(340*(100vw / 428));
  padding-top: calc(12*(100vw / 428));
  gap: calc(10*(100vw / 428));
}

.all_wrap .item_wrap01 {
  padding-top: calc(35*(100vw / 428));
}

.all_wrap .line {
  width: calc(334*(100vw / 428));
  padding: calc(35*(100vw / 428)) 0;
}

.all_wrap .item_wrap02 .item_txtcontents {
  order: 2;
}

.all_wrap .part01 .item_wrap01 .item_txtcontents {
  width: 100%;
  padding-top: calc(10*(100vw / 428));
  margin-right: 0;
}

.all_wrap .part01 .item_wrap02 .item_txtcontents {
  width: 100%;
}

.all_wrap .part01 .item_wrap03 .item_txtcontents {
  width: 100%;
  padding-top: calc(10*(100vw / 428));
  margin-right: 0;
}

.all_wrap .item_imgcontents {
  width: 100%;
}

.all_wrap .item_img {
  width: 100%;
}

.all_wrap .part01 .item_wrap02 .item_img {
  /* padding-top: 2rem; */
}

.all_wrap .part01 .item_wrap03 .item_img {
  /* padding-top: 2rem; */
}

.all_wrap .pont_wrap {
  justify-content: space-between;
  padding-top: calc(30*(100vw / 428));
}

.all_wrap .point_img {
  width: calc(76*(100vw / 428));
}

.all_wrap #Part02 .item_wrap01 .point_lead,
.all_wrap #Part03 .item_wrap02 .point_lead {
  white-space: nowrap;
}

.all_wrap .point_lead {
  width: calc(257*(100vw / 428));
  margin-left: 0;
  font-size: calc(16*(100vw / 428));
  font-weight: 500;
}

.all_wrap .point_lead span {
  font-size: calc(11*(100vw / 428));
  font-weight: 500;
}

.all_wrap .item_brandname {
  font-size: calc(40*(100vw / 428));
  line-height: 1.2;
}

.all_wrap .item_brandname.deco__line-height {
  line-height: 1;
}

.all_wrap .part02 .item_wrap03 .item_brandname ,
.all_wrap .part03 .item_wrap02 .item_brandname {
  white-space: nowrap;
    font-size: calc(52*(100vw / 428));
}

.all_wrap .item_brandname span {
  display: block;
  padding-top: 0;
  font-size: calc(30*(100vw / 428));
}

.all_wrap .item_category {
  height: calc(26*(100vw / 428));
  padding-top: calc(17*(100vw / 428));
}

.all_wrap .item_productname {
  padding-top: calc(13*(100vw / 428));
  font-size: calc(22*(100vw / 428));
  line-height: 1.2;
}

.all_wrap .item_variation {
  padding-top: calc(5*(100vw / 428));
  row-gap: calc(3*(100vw / 428));
}

.all_wrap .item_price {
  padding-top: 0;
  font-size: calc(25*(100vw / 428));
}

.all_wrap .item_yenmark {
  font-size: calc(15*(100vw / 428));
}

.all_wrap .item_tax {
  font-size: calc(10*(100vw / 428));
}

.all_wrap .item_button {
  width: calc(182*(100vw / 428));
  height: calc(40*(100vw / 428));
  margin-top: calc(20*(100vw / 428));
  margin-left: calc(40*(100vw / 428));
  border-radius: calc(20*(100vw / 428));
}

.all_wrap .item_button span {
  width: calc(100*(100vw / 428));
  padding-top: calc(10*(100vw / 428));
}

.all_wrap .item_lead {
  padding-top: calc(15*(100vw / 428));
  font-size: calc(15*(100vw / 428));
  font-weight: 400;
  width: 100%;
  line-height: 1.7;
}

.all_wrap .all_button {
  width: calc(344*(100vw / 428));
  height: auto;
  margin: calc(40*(100vw / 428)) auto 0;
}

.all_wrap .all_button a {
  padding: calc(15*(100vw / 428)) 0;
  font-size: calc(17*(100vw / 428));
  line-height: 1.25;
  border-radius: calc(40*(100vw / 428));
}

.all_wrap .all_button a span {
  width: calc(5*(100vw / 428));
  height: calc(12*(100vw / 428));
  top: calc(20*(100vw / 428));
  right: calc(20*(100vw / 428));
  background-size: contain;
}

.all_wrap .all_button a:hover span {
  background-size: contain;
}

.all_wrap .menu_wrap .Part04_box::after {
  display: none;
}

.all_wrap .page_all_button {
  width: calc(380*(100vw / 428));
  height: auto;
  margin: calc(0*(100vw / 428)) auto calc(45*(100vw / 428));
}

.all_wrap .page_all_button a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  font-size: calc(16*(100vw / 428));
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  border: 1px solid;
  background: #90c1ce;
  border-radius: calc(40*(100vw / 428));
  text-indent: 0;
  padding: calc(20*(100vw / 428)) 0;
}

.all_wrap .menu_wrap.active ul {
  gap: calc(15*(100vw / 428));
  padding: calc(15*(100vw / 428)) calc(20*(100vw / 428));
}

/* △ part △ */

/* ======= menu_wrap.active ======= */
.UpMove ul::before ,
.UpMove ul::after ,
.UpMove .Part04_box::after {
  display: none;
}

#page-top .menu_wrap {
  width: 100%;
  height: auto;
  margin: 0 0 0 calc(20*(100vw / 428));
  gap: calc(20*(100vw / 428)) calc(20*(100vw / 428));
  padding: unset;
  display: flex;
  justify-content: flex-start;
  background: unset;
  border-radius: unset;
  box-shadow: unset;
}

#page-top ul li a {
 display: flex;
}

#page-top .menu_img {
  height: calc(40*(100vw / 428));
}

#page-top {
  position: fixed;
  bottom: calc(10*(100vw / 428));
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(85*(100vw / 428));
  border-radius: unset;
  box-shadow: unset;
  margin-inline: unset;
}

#page-top .menu_wrap ul {
  gap: calc(15*(100vw / 428)) calc(20*(100vw / 428));
  flex-wrap: nowrap;
  background: #FFFFFF;
  border-radius: calc(20*(100vw / 428));
  box-shadow: 0px 1px 8px #cca78a;
  padding: calc(15*(100vw / 428)) calc(20*(100vw / 428)) calc(10*(100vw / 428)) calc(20*(100vw / 428));
}

.UpMove .menu_ttl {
  padding-top: .4rem;
  padding-left: 1rem;
  font-size: 1.2rem;
}

.UpMove .menu_ttl::before {
  top: -.3rem;
  bottom: auto;
  clip-path: polygon(100% 100%, 0 100%, 50% 0);
}

#page-top .menu_wrap ul li:not(:first-of-type) {
  padding-top: 0;
}

.all_wrap .menu_wrap ul li:not(:first-of-type) {
  padding-top: calc(15*(100vw / 428));
}

.all_wrap .menu_wrap ul .Part05_box::before {
  bottom: calc(-7*(100vw / 428));
}

#page-top .menu_wrap ul .Part05_box::before {
  bottom: calc(9*(100vw / 428));
}

#page-top .menu_wrap ul li:not(:last-of-type) {
  border-bottom: unset;
}
/* // ======= menu_wrap.active ======= */

}