@import url("https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
.wrapper_ {
  padding-top: 0 !important;
}

.contents {
  font-family: "Shippori Mincho", serif;
  background-color: #F4EFE4;
  color: #382E17;
}
.contents img {
  height: auto;
}
.contents .u-en {
  font-family: "Lusitana", serif;
}
.contents .c-wrap {
  max-width: 1440px;
  margin: 0 auto;
}
.contents .c-note {
  text-align: right;
  color: #B29A7A;
}
@media screen and (min-width: 768px) {
  .contents .c-note {
    font-size: clamp(6.6px, 0.7638888889vw, 11px);
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-note {
    font-size: calc(11 / 390 * 100vw);
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-note {
    margin-top: min(8px, 0.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .c-note {
    margin-top: 2.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-note.pc-ta-l {
    text-align: left;
  }
}
.contents .c-product {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .contents .c-product {
    margin-top: min(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product {
    width: 83.0769230769vw;
    margin: 4.1025641026vw auto 0;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product.pc-fd-c {
    flex-direction: column;
    row-gap: min(8px, 0.5555555556vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product.pc-ai-fe {
    align-items: flex-end;
  }
}
.contents .c-product.jc-sb {
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .contents .c-product.sp-jc-fe {
    justify-content: flex-end;
  }
}
.contents .c-product.jc-fe {
  justify-content: flex-end;
}
.contents .c-product__tips {
  font-family: "Zen Kaku Gothic New", sans-serif;
  background-color: #C9A06C;
  color: #fff;
  display: flex;
  align-items: center;
  width: max-content;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .contents .c-product__tips {
    font-size: clamp(6.6px, 0.7638888889vw, 11px);
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__tips {
    font-size: calc(11 / 390 * 100vw);
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product__tips {
    padding: 0 min(6px, 0.4166666667vw);
    height: min(22px, 1.5277777778vw);
    border-radius: min(2px, 0.1388888889vw);
    margin-top: min(2px, 0.1388888889vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__tips {
    padding: 0 1.5384615385vw;
    height: 5.641025641vw;
    border-radius: 0.5128205128vw;
    margin-top: 0.5128205128vw;
  }
}
.contents .c-product__text-name {
  text-decoration: underline;
  display: block;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-name {
    font-size: clamp(8.4px, 0.9722222222vw, 14px);
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__text-name {
    font-size: calc(13 / 390 * 100vw);
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
.contents .c-product__text-name:not(a) {
  text-decoration: none;
}
.contents .c-product__text-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-price {
    column-gap: min(4px, 0.2777777778vw);
    margin-top: min(8px, 0.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__text-price {
    column-gap: 0.7692307692vw;
    margin-top: 2.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-price.pc-jc-fs {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-yen {
    font-size: clamp(7.8px, 0.9027777778vw, 13px);
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__text-yen {
    font-size: calc(13 / 390 * 100vw);
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-num {
    font-size: clamp(8.4px, 0.9722222222vw, 14px);
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__text-num {
    font-size: calc(14 / 390 * 100vw);
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .contents .c-product__text-tax {
    font-size: clamp(6px, 0.6944444444vw, 10px);
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .contents .c-product__text-tax {
    font-size: calc(10 / 390 * 100vw);
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 500;
  }
}
.contents .p-kv {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents .p-kv {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
.contents .p-kv__title {
  position: absolute;
  color: #fff;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .contents .p-kv__title {
    left: min(48px, 3.3333333333vw);
    bottom: min(24px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-kv__title {
    left: 6.1538461538vw;
    bottom: 6.1538461538vw;
  }
}
.contents .p-kv__title-main {
  display: block;
}
@media screen and (min-width: 768px) {
  .contents .p-kv__title-main {
    font-size: clamp(22.8px, 2.6388888889vw, 38px);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-kv__title-main {
    font-size: calc(28 / 390 * 100vw);
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
}
.contents .p-kv__title-sub {
  display: block;
}
@media screen and (min-width: 768px) {
  .contents .p-kv__title-sub {
    font-size: clamp(8.4px, 0.9722222222vw, 14px);
    line-height: 2;
    letter-spacing: 0.08em;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-kv__title-sub {
    font-size: calc(10 / 390 * 100vw);
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 400;
  }
}
.contents .p-kv.is-loaded .p-kv__img img {
  transform: scale(1);
  opacity: 1;
}
.contents .p-kv__img {
  display: flex;
  overflow: hidden;
}
.contents .p-kv__img img {
  transition: 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.3s;
  will-change: transform;
  width: 100%;
  object-fit: cover;
  transform: scale(1.1);
  opacity: 0;
}
.contents .js-image-anime {
  overflow: hidden;
}
.contents .js-image-anime img {
  transition: 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: transform, opacity;
  width: 100%;
  object-fit: cover;
  transform: scale(1.05);
  opacity: 0;
}
.contents .js-image-anime.is-inview img {
  transform: scale(1);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .contents .p-sec1 {
    margin-bottom: min(80px, 5.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1 {
    margin-bottom: 20.5128205128vw;
  }
}
.contents .p-sec1__inner {
  display: flex;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__inner {
    max-width: min(1274px, 88.4722222222vw);
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: min(80px, 5.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__inner {
    flex-direction: column;
    max-width: 87.1794871795vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__text {
    width: min(577px, 40.0694444444vw);
    padding: min(24px, 1.6666666667vw) 0 0 min(156px, 10.8333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__text {
    padding: 20.5128205128vw 0 28.7179487179vw 10.7692307692vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__text-title {
    font-size: clamp(16.8px, 1.9444444444vw, 28px);
    line-height: 1.55;
    letter-spacing: 0.09em;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__text-title {
    font-size: calc(28 / 390 * 100vw);
    line-height: 1.55;
    letter-spacing: 0.09em;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__text-title {
    margin-bottom: min(32px, 2.2222222222vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__text-title {
    margin-bottom: 6.1538461538vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__text-txt {
    font-size: clamp(8.4px, 0.9722222222vw, 14px);
    line-height: 2.3;
    letter-spacing: 0.11em;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__text-txt {
    font-size: calc(14 / 390 * 100vw);
    line-height: 2.3;
    letter-spacing: 0.11em;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__product01 {
    width: min(577px, 40.0694444444vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__product01 {
    width: 100%;
    margin-bottom: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec1__product02 {
    width: min(577px, 40.0694444444vw);
    margin-top: max(-515px, -35.7638888889vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec1__product02 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec2 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec2 {
    margin-bottom: 20.5128205128vw;
  }
}
.contents .p-sec2__inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contents .p-sec2__inner {
    max-width: min(1234px, 85.6944444444vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec2__inner {
    max-width: 87.6923076923vw;
  }
}
.contents .p-sec2__product {
  display: flex;
}
@media screen and (min-width: 768px) {
  .contents .p-sec2__product {
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: flex-start;
    column-gap: min(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec2__product {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec2__product-img {
    width: min(848px, 58.8888888889vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec2__product-img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec3 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec3 {
    margin-bottom: 16.4102564103vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec3__product {
    width: min(1086px, 75.4166666667vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec3__product-textwrap {
    display: flex;
    justify-content: flex-end;
    column-gap: min(36px, 2.5vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec3__product-text .c-product {
    column-gap: min(24px, 1.6666666667vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec4 {
    margin-bottom: min(80px, 5.5555555556vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec4 {
    margin-bottom: 16.4102564103vw;
  }
}
.contents .p-sec4__inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  .contents .p-sec4__inner {
    align-items: flex-end;
    justify-content: space-between;
    padding-left: min(123px, 8.5416666667vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec4__inner {
    flex-direction: column-reverse;
    row-gap: 16.4102564103vw;
    max-width: 87.6923076923vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec4__product01 {
    width: min(462px, 32.0833333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec4__product01 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec4__product02 {
    width: min(739px, 51.3194444444vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec4__product02 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec4__product02-text {
    width: min(536px, 37.2222222222vw);
    margin-left: auto;
    margin-right: min(48px, 3.3333333333vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec5 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec5 {
    margin-bottom: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec5__product {
    width: min(768px, 53.3333333333vw);
    margin-left: auto;
    margin-right: min(162px, 11.25vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec5__product {
    width: 87.6923076923vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec5__product-text {
    width: min(536px, 37.2222222222vw);
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec6 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec6 {
    margin-bottom: 16.4102564103vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec6__product-text {
    width: min(516px, 35.8333333333vw);
    margin-left: min(48px, 3.3333333333vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec7 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec7 {
    margin-bottom: 16.4102564103vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec7__product {
    display: flex;
    align-items: flex-end;
    padding-left: min(123px, 8.5416666667vw);
    column-gap: min(16px, 1.1111111111vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec7__product {
    width: 87.6923076923vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec7__product-img {
    width: min(577px, 40.0694444444vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec8 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec8 {
    margin-bottom: 16.4102564103vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec8__product-text {
    width: min(577px, 40.0694444444vw);
    margin-left: min(48px, 3.3333333333vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec9 {
    margin-bottom: min(120px, 8.3333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec9 {
    margin-bottom: 16.4102564103vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec9__product {
    width: min(740px, 51.3888888889vw);
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec9__product {
    width: 87.6923076923vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec9__product-text {
    max-width: min(461px, 32.0138888889vw);
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec10__product-text {
    display: flex;
    justify-content: center;
    column-gap: min(36px, 2.5vw);
    margin-bottom: min(24px, 1.6666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec10__product-text {
    margin-bottom: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec10__product-text .c-product {
    column-gap: min(24px, 1.6666666667vw);
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents .p-sec10__product-text .c-product {
    width: 87.1794871795vw;
  }
}
@media screen and (min-width: 768px) {
  .contents .p-sec10__product-text .c-product:first-of-type {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .is-sp {
    display: none;
  }
}