:root {
  --color-pagenation: #ab967b;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(3rem);
            transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.c-breadcrumb {
  display: none;
}

.c-btn__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3rem;
}

.c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(376 * 100vw / 750);
  height: calc(100 * 100vw / 750); /* 2025/05/29 変更 */
  background: var(--color-brand-primary);
  border: 1px solid var(--color-brand-primary);
  color: var(--color-white);
  font-family: var(--font-effra);
  font-weight: var(--fw-bold);
  font-size: calc(26 * 100vw / 750);
  letter-spacing: 0.06em;
  -webkit-transition: all var(--transition-default);
  transition: all var(--transition-default);
}
.c-btn:hover {
  background: var(--color-white);
  color: var(--color-brand-primary);
}

.c-top-title {
  text-align: center;
  margin-bottom: calc(60 * 100vw / 750);
}
.c-top-title .title-en {
  display: block;
  margin-bottom: calc(17 * 100vw / 750);
  font-family: var(--font-orpheus);
  font-weight: var(--fw-regular);
  font-size: calc(60 * 100vw / 750);
}
.c-top-title .title-ja {
  font-family: var(--font-ja);
  font-weight: var(--fw-medium);
  font-size: calc(28 * 100vw / 750);
  display: block;
}
.c-top-title .title-ja-effra {
  font-family: var(--font-effra);
  font-weight: var(--fw-medium);
  letter-spacing: 0.06em;
  font-size: calc(28 * 100vw / 750);
}

@media screen and (min-width: 768px) {
  .c-btn {
    width: 18rem;
    height: 5.2rem;
    font-size: 1.3rem;
  }
  .c-top-title {
    margin-bottom: 5rem;
  }
  .c-top-title .title-en {
    margin-bottom: 1.3rem;
    font-size: 3.6rem;
  }
  .c-top-title .title-ja {
    font-size: 1.7rem;
  }
  .c-top-title .title-ja-effra {
    font-size: 1.7rem;
  }
}
.fadeup {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}
.fadeup.animate {
  -webkit-animation: fadeup 1s forwards;
          animation: fadeup 1s forwards;
}
.fadeup[data-animation-delay="1"] {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
.fadeup[data-animation-delay="2"] {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.fadeup[data-animation-delay="3"] {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.fadeup[data-animation-delay="4"] {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

/* 2025/03/05 追記 */
.section-style[data-section-name=mv] .jk-top__mv--text .fadeup {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* 2025/03/05 追記 */

.section-style[data-section-name=mv] .section__inner {
  padding-bottom: calc(80 * 100vw / 750);
}
.section-style[data-section-name=mv] .block-main-slider {
  position: relative;
}
.section-style[data-section-name=mv] .block-main-slider img {
  max-width: 100%;
  height: auto;
}
.section-style[data-section-name=mv] .block-main-slider .splide__pagination {
  gap: 1.5rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 1.6rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.section-style[data-section-name=mv] .block-main-slider .splide__pagination .splide__pagination__page {
  width: calc(16 * 100vw / 750);
  height: calc(16 * 100vw / 750);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  background-color: var(--color-white); /* 2026/07/31 変更 */
}
.section-style[data-section-name=mv] .block-main-slider .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--color-brand-primary); /* 2026/07/31 変更 */
}
.section-style[data-section-name=mv] .jk-top__mv--text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  color: var(--color-white, #fff);
}
.section-style[data-section-name=mv] .jk-top__mv--heading {
  font-family: var(--font-orpheus);
  font-weight: var(--fw-regular);
  font-size: calc(82 * 100vw / 750);
  margin-bottom: calc(20 * 100vw / 750); /* 2025/05/29 変更 */
  text-shadow: 0px 0px 10px rgba(48, 41, 34, 0.2);
}
.section-style[data-section-name=mv] .jk-top__mv--heading span {
  display: block;
}
.section-style[data-section-name=mv] .jk-top__mv--heading-sub {
  display: block;
  margin-top: calc(20 * 100vw / 750);
  font-family: var(--font-effra);
  font-weight: var(--fw-bold);
  font-size: calc(30 * 100vw / 750);
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  .section-style[data-section-name=mv] .jk-top__mv--heading {
    line-height: 1.2;
  }
  .section-style[data-section-name=mv] .jk-top__mv--heading-sub {
    line-height: 1.6;
  }
}
.section-style[data-section-name=mv] .jk-top__mv--description {
  font-family: var(--font-ja);
  font-weight: var(--fw-semibold);
  font-size: calc(26 * (100vw / 750));
  line-height: 1.6;
  margin-bottom: 2.6rem; /* 2025/05/29 変更 */
  text-shadow: 0px 0px 10px rgba(48, 41, 34, 0.2);
}
.section-style[data-section-name=mv] .jk-top__mv--description span{
  font-family: var(--font-effra);
  font-weight: var(--fw-semibold);
}

@media screen and (max-width: 767px) {
  .section-style[data-section-name=mv] .jk-top__mv--slide-2 .jk-top__mv--heading-sub {
    margin-top: calc(26 * 100vw / 750);
  }
}
.section-style[data-section-name=keyword] {
  overflow: hidden;
}
.section-style[data-section-name=keyword] .section__inner {
  padding: 0 0 calc(124 * 100vw / 750) calc(30 * 100vw / 750);
}
.section-style[data-section-name=keyword] .jk-top__keyword-container {
  overflow: scroll;
  padding-bottom: calc(16 * 100vw / 750);
  padding-right: calc(30 * 100vw / 750);
}
.section-style[data-section-name=keyword] .jk-top__keyword-container:not(:last-of-type) {
  margin-bottom: calc(16 * 100vw / 750);
}
.section-style[data-section-name=keyword] .jk-top__keyword-list--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: calc(20 * 100vw / 750);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.section-style[data-section-name=keyword] .jk-top__keyword-list--link {
  display: block;
  border: 1px solid var(--color-bg-1);
  border-radius: calc(34 * 100vw / 750);
  font-family: var(--font-effra);
  font-size: calc(26 * 100vw / 750);
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  padding: calc(19 * 100vw / 750) calc(36 * 100vw / 750);
  color: var(--color-brand-primary);
}
.section-style[data-section-name=keyword] .jk-top__keyword-list--link:hover {
  border-color: var(--color-brand-primary);
  opacity: 1;
}
/* MASH-35070　調整　*/
/* .section-style[data-section-name=about] .section__inner {
  padding: 0 calc(30 * 100vw / 750) calc(140 * 100vw / 750);
}
.section-style[data-section-name=about] .section__inner.about {
  padding: 0 calc(30 * 100vw / 750) calc(30 * 100vw / 750);
} */
.section-style[data-section-name=about] .jk-top__about-contents {
  position: relative;
  display: block;
}
.section-style[data-section-name=about] .c-top-title {
  position: absolute;
  margin: auto;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section-style[data-section-name=giftguide] .section__inner {
  padding: 0 calc(30 * 100vw / 750) calc(140 * 100vw / 750);
}
.section-style[data-section-name=giftguide] .section__inner.giftguide {
  padding: 0 calc(30 * 100vw / 750) calc(30 * 100vw / 750);
}
.section-style[data-section-name=giftguide] .jk-top__giftguide-contents {
  position: relative;
  display: block;
}
.section-style[data-section-name=giftguide] .c-top-title {
  position: absolute;
  margin: auto;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
/* MASH-35070　調整 ここまで　*/

/* 2025/01/31 追加 */
.section-style[data-section-name=snuggle] .section__inner {
  padding: 0 calc(30 * 100vw / 750) calc(140 * 100vw / 750);
}
.section-style[data-section-name=snuggle] .jk-top__snuggle-contents {
  position: relative;
  display: block;
}
.section-style[data-section-name=snuggle] .c-top-title {
  position: absolute;
  margin: auto;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section-style[data-section-name=snuggle] .c-top-title img {
  margin-bottom: calc(10 * (100vw / 750));
  width: calc(520 * (100vw / 750));
  margin-inline: auto;
}
/* 2025/01/31 追加 */

.section-style[data-section-name=giftguide] .section__inner {
  padding: 0 calc(30 * 100vw / 750) calc(140 * 100vw / 750);
}
.section-style[data-section-name=giftguide] .jk-top__giftguide-contents {
  position: relative;
  display: block;
}
.section-style[data-section-name=giftguide] .c-top-title {
  position: absolute;
  margin: auto;
  color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section-style[data-section-name=popular] .section__inner {
  padding: 0 0 calc(140 * 100vw / 750);
}
.section-style[data-section-name=popular] .section__inner .p-popular__container {
  margin-bottom: calc(60 * 100vw / 750);
  position: relative;
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow {
  position: absolute;
  top: -12rem;
  z-index: 1;
  bottom: 0;
  margin: auto;
  width: calc(68 * 100vw / 750);
  height: calc(68 * 100vw / 750);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: navajowhite;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow svg {
  display: none;
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow--prev {
  left: calc(14 * 100vw / 750);
  background-image: url("../Contents/ImagesPkg/top/arrow_prev.svg");
  background-size: contain;
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow--next {
  right: calc(14 * 100vw / 750);
  background-image: url("../Contents/ImagesPkg/top/arrow_next.svg");
  background-size: contain;
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .c-box {
  display: grid;
  grid-gap: calc(35 * (100vw/750)); /* 2026/07/31 変更 */
}
.section-style[data-section-name=popular] .section__inner .p-popular__container .box-img img {
  width: 100%;
  height: auto;
}
.section-style[data-section-name=popular] .section__inner .c-product-content__image-wrapper {
  position: relative;
  width: calc(234 * (100vw/750)); /* 2026/07/31 追加 */
  height: calc(351 * (100vw/750)); /* 2026/07/31 追加 */
}
.section-style[data-section-name=popular] .section__inner .c-product-content__image .soldout {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(10 * (100vw/750)); /* 2026/07/31 変更 */
  margin: calc(31 * (100vw/750)) 0 0; /* 2026/07/31 変更 */
}
.section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box > a[onclick^=setProductImage] {
  display: none;
}
.section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box .ColorTip {
  width: calc(40 * (100vw/750)); /* 2026/07/31 変更 */
  height: calc(40 * (100vw/750)); /* 2026/07/31 変更 */
  border-radius: 50%;
}
.section-style[data-section-name=popular] .section__inner .c-product-content__text--name {
  font-size: calc(26 * 100vw / 750);
  font-family: var(--font-main);
  letter-spacing: 0.06em;
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
.section-style[data-section-name=popular] .section__inner .c-product-content__price {
  margin-top: calc(11 * (100vw/750)); /* 2026/07/31 変更 */
  font-size: calc(24 * (100vw/750)); /* 2026/07/31 変更 */
  font-family: var(--font-effra);
  letter-spacing: 0.06em;
  font-weight: var(--fw-medium);
}
.section-style[data-section-name=popular] .c-product-content__action-button-container:has(.c-product-content__action-button-container:empty) {
  display: none;
}
.section-style[data-section-name=popular] .p-common-ranking-parts__blank-wrapper {
  text-align: center;
  font-family: var(---font-effra);
  margin-bottom: 4rem;
  letter-spacing: 0.06em;
  font-size: calc(26 * 100vw / 750);
}

/* Best Seller箇所のデザイン変更（SP） | 2026/07/31追加 */
[data-section-name=popular] .p-ranking__tab-container,
[data-section-name=popular] .p-ranking__panel-container {
  width: calc(726 * (100vw/750));
  margin: auto;
}

/* .section-style[data-section-name=popular] .section__inner .p-popular__container {
  margin-bottom: calc(60 * (100vw/750));
  position: relative;
} */

[data-section-name=popular] .p-ranking__tab-wrapper {
  margin-bottom: calc(45 * (100vw/750));
  background-color: #fff;
}

[data-brand-name=general] [data-section-name=popular] .c-top-title {
  margin-bottom: calc(43 * (100vw/750));
}

[data-brand-name=general] [data-section-name=popular] [role=tablist] {
  display: flex;
  justify-content: center;
  align-items: center;

  column-gap: calc(20 * (100vw/750));
  padding: calc(15 * (100vw / 750)) calc(30 * (100vw / 750));
}

[data-section-name=popular] [role=tab],
[data-section-name=popular] [role=button] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(23 * (100vw / 750)) calc(40 * (100vw / 750));
  font-size: calc(24 * (100vw/750));
  font-family: var(--font-ja);
  font-weight: var(--fw-medium);
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--color-brand-primary);
  background: transparent;
  cursor: pointer;
  border-radius: 100vh;
  border: 1px solid var(--color-bg-1);
}

[data-section-name=popular] [role=tab]:hover,
[data-section-name=popular] [role=button]:hover{
  border: calc(1 * (100vw/750)) solid var(--color-brand-primary);
  opacity: 0.7;
}

[data-section-name=popular] [role=tab][aria-selected=true],
[data-section-name=popular] [role=button][aria-selected=true] {
  background-color: var(--color-brand-primary);
  color: var(--color-white);
  line-height: 1;
  letter-spacing: 0.06em;
}

[data-section-name=popular] [role=tabpanel] {
  opacity: 0;
}

[data-section-name=popular] .js-isHidden[role=tabpanel] {
  display: none;
}

[data-section-name=popular] .js-isVisible[role=tabpanel] {
  opacity: 1;
}

[data-section-name=popular] .c-product-content__wrapper {
  display: grid;
  grid-template-columns: repeat(var(--column-num), 1fr);

  --column-num: 3;
  column-gap: calc(13 * (100vw/750));
}

[data-section-name=popular] .c-product-content__wrapper > * {
  --rank-num-position: calc(15 * (100vw/750));
  position: relative;
}

.box-img{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.box-img img{
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  height: 100%!important;
  vertical-align: bottom;
  object-fit: contain;
  object-position: center;
  transform: scale(1.12);
}

[data-section-name=popular] .c-product-content__wrapper > * .box-img::before {
  display: block;
  position: absolute;
  content: "";
  z-index: 2;
  pointer-events: none;
  top: 0;
  left: 0;
  width: calc(75 * (100vw/750));
  height: calc(75 * (100vw/750));
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../Contents/ImagesPkg/JamieKay/ranking/ranking_triangle.png);
}

[data-section-name=popular] .c-product-content__wrapper .rank {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  color: var(--color-brand-primary);
  line-height: 1;
  font-weight: var(--fw-bold);
  font-family: var(--font-effra);

  top: calc(10 * (100vw/750));
  left: calc(12 * (100vw/750));
  font-size: calc(28 * (100vw/750));
}

[data-section-name=popular] .c-product-content__action-button-container {
  display: none;
}
@media (max-width: 767px) {
  [data-section-name=popular] .c-product-content__wrapper {
    row-gap: calc(80 * (100vw / 750));
  }

  [data-section-name=popular] .p-ranking__tab-wrapper {
    overflow: scroll;
    padding-bottom: calc(16 * 100vw / 750);
    padding-right: calc(30 * 100vw / 750);
  }

  [data-brand-name=general] [data-section-name=popular] .c-top-title {
    margin-bottom: calc(43 * (100vw/750));
  }

  [data-brand-name=general] [data-section-name=popular] [role=tablist] {
    width: max-content;
  }
}
/* Best Seller箇所のデザイン変更（SP） | 2026/07/31追加 */


.section-style[data-section-name=pattern] .section__inner {
  padding: 0 calc(30 * 100vw / 750) calc(140 * 100vw / 750);
}
.section-style[data-section-name=pattern] .jk-top__pattern-contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(50 * (100vw / 750));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--item:not(:last-of-type) {
  margin-bottom: calc(55 * 100vw / 750);
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--image {
  display: block;
  text-align: center;
  -webkit-touch-callout: none;
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--name {
  display: block;
  position: relative;
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-effra);
  font-size: calc(26 * 100vw / 750);
  letter-spacing: 0.06em;
  color: var(--color-font-default);
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
  margin-top: calc(40 * 100vw / 750);
  text-transform: uppercase;
  word-break: break-word; /* 2025/08/01 追加 */
  text-align: center; /* 2025/08/01 追加 */
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--name .name-text {
  font-weight: var(--fw-bold);
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--name:hover {
  color: var(--color-brand-primary);
  opacity: 1;
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--more {
  position: relative;
  display: block;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font-effra);
  font-size: calc(26 * 100vw / 750);
  letter-spacing: 0.06em;
  color: var(--color-brand-primary);
  -webkit-transition: opacity var(--transition-default);
  transition: opacity var(--transition-default);
  margin-top: calc(21 * 100vw / 750);
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--more .more-text {
  font-weight: var(--fw-bold);
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--more:after {
  content: "";
  right: 0;
  position: absolute;
  bottom: -1px;
  height: 1px;
  background: rgba(118, 100, 86, 0.1);
  opacity: 0.25;
  -webkit-transition: width var(--transition-default);
  transition: width var(--transition-default);
  left: 0;
  width: 0;
  bottom: calc(-12 * 100vw / 750);
  height: calc(6 * 100vw / 750);
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--more:hover {
  opacity: 1;
}
.section-style[data-section-name=pattern] .jk-top__pattern-list--more:hover:after {
  opacity: 1;
  width: 100%;
}
.section-style[data-section-name=category] .section__inner {
  padding: 0 0 calc(140 * 100vw / 750);
}
.section-style[data-section-name=category] .jk-top__category-contents {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 0.25rem));
  grid-gap: calc(10 * 100vw / 750);
}
@media screen and (max-width: 767px) {
  .section-style[data-section-name=category] .jk-top__category-list--item.grid-large {
    grid-column: 1/3;
  }
}
.section-style[data-section-name=category] .jk-top__category-list--image {
  display: block;
  text-align: center;
  position: relative;
  opacity: 1;
  overflow: hidden;
  -webkit-touch-callout: none;
}
.section-style[data-section-name=category] .jk-top__category-list--image img {
  max-width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 1.1s ease-out;
  transition: -webkit-transform 1.1s ease-out;
  transition: transform 1.1s ease-out;
  transition: transform 1.1s ease-out, -webkit-transform 1.1s ease-out;
  pointer-events: none;
}
.section-style[data-section-name=category] .jk-top__category-list--image:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.section-style[data-section-name=category] .jk-top__category-list--name {
  position: absolute;
  margin: auto;
  font-family: var(--font-effra);
  font-size: calc(26 * 100vw / 750);
  letter-spacing: 0.06em;
  color: var(--color-white);
  background-color: var(--color-brand-primary);
  border: 1px solid var(--color-brand-primary);
  position: absolute;
  width: calc(264 * 100vw / 750);
  height: calc(80 * 100vw / 750);
  bottom: calc(30 * 100vw / 750);
  z-index: 1;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transition: all var(--transition-default);
  transition: all var(--transition-default);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.25;
}
.section-style[data-section-name=category] .jk-top__category-list--name:hover {
  opacity: 1;
  color: var(--color-brand-primary);
  background-color: var(--color-white);
}
.section-style[data-section-name=category] .jk-top__category-list--name-long {
  width: 46.6666666667vw;
}
.section-style[data-section-name=movie] .section__inner {
  padding: 0 0 calc(140 * 100vw / 750);
  height: calc(880 * 100vw / 750);
  width: 100%;
}
.section-style[data-section-name=movie] .section__inner video {
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.section-style[data-section-name=instagram] .section__inner .c-top-title a {
  display: inline-block;
}
.section-style[data-section-name=instagram] .section__inner {
  padding: 0;
}
.section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a {
  position: relative;
  display: block;
}
.section-style[data-section-name=instagram] .section__inner img {
  /* height: -webkit-fill-available; */
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

@media screen and (max-width: 767px) {
  body {
    opacity: 0;
  }
  #Contents .pconly {
    display: none;
  }
  .section__inner img {
    max-width: 100%;
    height: auto;
  }
  /* ranking 2022 10/19追加 */
  #Contents .block-ranking .ranking_category_wrap {
    width: 35.5rem;
    height: 80%;
    display: block;
    padding: 0;
    gap: 0;
    margin: 1rem auto 0;
    overflow-y: hidden;
  }
  #Contents .block-ranking .ranking_category {
    display: grid;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 0 1rem !important;
    text-align: center;
  }
  #Contents .block-ranking .ranking_category.active {
    background-color: transparent !important;
    color: var(--color-blue);
  }
  #Contents .block-ranking .ranking_category_wrap .ranking_category.slick-current {
    background-color: var(--color-blue) !important;
    color: #fff;
  }
  main.l-main {
    padding-top: var(--header-max-height);
  }
}
@media screen and (min-width: 768px) {
  #Contents .sponly {
    display: none;
  }
  #Contents img {
    image-rendering: -webkit-optimize-contrast;
  }
  #Contents .section-title {
    font-size: 2.8rem;
  }
  #Contents .viewall {
    border-bottom: 0.2rem solid var(--color-black);
    font-size: 1.6rem;
    font-weight: var(--fontweight-medium);
    line-height: 1;
    margin-top: 3.8rem;
    padding: 0 3.2rem 1.2rem;
  }
  #Contents .icon {
    letter-spacing: 0.05em;
    padding: 0.26rem 0.8rem;
  }
  #Contents .main-area {
    padding-top: 0;
  }
  .section-style[data-section-name=mv] .section__inner {
    padding-bottom: 5rem;
  }
  .section-style[data-section-name=mv] .block-main-slider {
    width: 100vw;
    height: 548px;
    margin: auto;
    position: relative;
  }
  .section-style[data-section-name=mv] .block-main-slider img {
    -o-object-fit: cover;
       object-fit: cover;
    offset-position: center;
    max-width: 100%;
    width: 100%;
    height: 548px;
  }
  .section-style[data-section-name=mv] .block-main-slider .splide__pagination {
    bottom: 1.5rem;
  }
  .section-style[data-section-name=mv] .block-main-slider .splide__pagination .splide__pagination__page {
    width: 1rem; /* 2026/07/31 変更 */
    height: 1rem; /* 2026/07/31 変更 */
    background-color: var(--color-white); /* 2026/07/31 変更 */
  }
  .section-style[data-section-name=mv] .block-main-slider .splide__pagination .splide__pagination__page.is-active {
    background-color: var(--color-brand-primary); /* 2026/07/31 変更 */
  }
  .section-style[data-section-name=mv] .jk-top__mv--text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    color: var(--color-white, #fff);
  }
  .section-style[data-section-name=mv] .jk-top__mv--text[data-position=left] {
    -webkit-transform: translate(-38.8rem, 0);
            transform: translate(-38.8rem, 0);
  }
  .section-style[data-section-name=mv] .jk-top__mv--text[data-position=center] {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .section-style[data-section-name=mv] .jk-top__mv--text[data-position=right] {
    -webkit-transform: translate(38.8rem, 0);
            transform: translate(38.8rem, 0);
  }
  .section-style[data-section-name=mv] .jk-top__mv--heading {
    font-family: var(--font-orpheus);
    font-weight: var(--fw-regular);
    font-size: 4.1rem;
    margin-bottom: 2.2rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }
  .section-style[data-section-name=mv] .jk-top__mv--heading span {
    display: block;
  }
  .section-style[data-section-name=mv] .jk-top__mv--heading-sub {
    display: block;
    margin-top: 1.3rem;
    font-family: var(--font-effra);
    font-weight: var(--fw-bold);
    font-size: 1.6rem;
    letter-spacing: 0.06em;
  }
  .section-style[data-section-name=mv] .jk-top__mv--description {
    font-family: var(--font-ja);
    /* font-weight: var(--fw-medium); */
    font-weight: var(--fw-semibold); /* 2024/12/25 変更 */
    /* font-size: 1.4rem; */
    font-size: 1.5rem; /* 2024/12/20 変更 */
    line-height: 1.6;
    margin-bottom: 2.5rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  }

  .section-style[data-section-name=mv] .jk-top__mv--description span{
    font-family: var(--font-effra);
    font-weight: var(--fw-semibold);
  }

  .section-style[data-section-name=keyword] .section__inner {
    padding: 0 0 13rem;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-container {
    overflow: auto;
    padding-bottom: 0;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-container:not(:last-of-type) {
    margin-bottom: 2rem;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: 2rem;
    width: 100%;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--link {
    display: block;
    border: 1px solid var(--color-bg-1);
    border-radius: 1.7rem;
    font-family: var(--font-effra);
    font-size: 1.3rem;
    font-weight: var(--fw-bold);
    letter-spacing: 0.06em;
    padding: 1rem 1.7rem;
    color: var(--color-brand-primary);
    -webkit-transition: border-color var(--transition-default);
    transition: border-color var(--transition-default);
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--link:hover {
    border-color: var(--color-brand-primary);
    opacity: 1;
  }
  .section-style[data-section-name=about] .section__inner {
    padding: 0 5.5rem 13rem;
    width: min(92%, 129rem);
    margin: 0 auto;
  }
  /* 2025/01/31 追加 */
  .section-style[data-section-name=about] .section__inner.about {
    padding: 0 5.5rem 1.8rem;
    width: min(92%, 129rem);
    margin: 0 auto;
  }
  /* 2025/01/31 追加 */
  .section-style[data-section-name=about] .jk-top__about-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid var(--color-bg-1);
  }
  .section-style[data-section-name=about] .jk-top__about-contents img {
    width: 80rem;
    height: auto;
  }
  .section-style[data-section-name=about] .c-top-title {
    position: static;
    width: 100%;
    color: var(--color-font-default);
  }
  .section-style[data-section-name=about] .c-top-title .title-en {
    margin-bottom: 1.3rem;
    font-size: 3.6rem;
  }
  .section-style[data-section-name=about] .c-top-title .title-ja {
    font-size: 1.7rem;
  }
  .section-style[data-section-name=about] .c-top-title .title-ja-effra {
    font-size: 1.7rem;
  }
  
  /* 2025/01/31 追加 */
  .section-style[data-section-name=snuggle] .section__inner {
    padding: 0 5.5rem 13rem;
    width: min(92%, 129rem);
    margin: 0 auto;
  }
  .section-style[data-section-name=snuggle] .jk-top__snuggle-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        /* -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; */
        -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid var(--color-bg-1);
  }
  .section-style[data-section-name=snuggle] .jk-top__snuggle-contents img {
    width: 64.3rem;
    /* width: 100%; */
    height: auto;
  }
  .section-style[data-section-name=snuggle] .c-top-title {
    position: static;
    width: 100%;
    color: var(--color-font-default);
  }
  .section-style[data-section-name=snuggle] .c-top-title img {
    margin-bottom: 0.7rem;
    /* font-size: 3.6rem; */
    width: 32rem;
    margin-inline: auto;
  }
  .section-style[data-section-name=snuggle] .c-top-title .title-ja {
    font-size: 1.7rem;
  }
  .section-style[data-section-name=snuggle] .c-top-title .title-ja-effra {
    font-size: 1.7rem;
  }
  /* 2025/01/31 追加 */

  .section-style[data-section-name=giftguide] .section__inner {
    padding: 0 5.5rem 10rem;
    width: min(92%, 129rem);
    margin: 0 auto;
  }
  .section-style[data-section-name=giftguide] .jk-top__giftguide-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color-bg-1);
  }
  .section-style[data-section-name=giftguide] .jk-top__giftguide-contents img {
    width: 100%;
    height: auto;
  }
  .section-style[data-section-name=giftguide] .c-top-title {
    position: absolute;
    width: calc(100% - 80rem);
    color: var(--color-font-default);
    right: 0;
    left: auto;
  }
  .section-style[data-section-name=giftguide] .c-top-title .title-en {
    margin-bottom: 1.3rem;
    font-size: 3.6rem;
  }
  .section-style[data-section-name=giftguide] .c-top-title .title-ja {
    font-size: 1.7rem;
  }
  .section-style[data-section-name=giftguide] .c-top-title .title-ja-effra {
    font-size: 1.7rem;
  }
  .section-style[data-section-name=popular] .section__inner {
    padding: 0 3rem 10rem;
    width: min(95%, 133.8rem);
    margin: 0 auto;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container {
    margin-bottom: 4rem; /* 2026/07/31 変更 */
    position: relative;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow {
    position: absolute;
    top: -12rem;
    z-index: 1;
    bottom: 0;
    margin: auto;
    width: 3.6rem;
    height: 3.6rem;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: navajowhite;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow svg {
    display: none;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow--prev {
    left: 1rem;
    background-image: url("../Contents/ImagesPkg/top/arrow_prev.svg");
    background-size: contain;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .splide__arrow--next {
    right: 1rem;
    background-image: url("../Contents/ImagesPkg/top/arrow_next.svg");
    background-size: contain;
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .c-box {
    display: grid;
    grid-gap: 1.6rem; /* 2026/07/31 変更 */
  }
  .section-style[data-section-name=popular] .section__inner .p-popular__container .box-img img {
    width: 100%;
    height: auto;
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__image-wrapper {
    position: relative;
    width: 23.4rem; /* 2026/07/31 追加 */
    height: 35.1rem; /* 2026/07/31 追加 */
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__image .soldout {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.6rem; /* 2026/07/31 変更 */
    margin-top: 1.4rem; /* 2026/07/31 変更 */
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box > a:empty {
    display: none;
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__detail-container .ColorTip_box .ColorTip {
    width: 1.6rem; /* 2026/07/31 変更 */
    height: 1.6rem; /* 2026/07/31 変更 */
    border-radius: 50%;
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__text--name {
    font-size: 1.3rem;
    font-family: var(--font-main);
    letter-spacing: 0.06em;
    font-weight: var(--fw-medium);
    line-height: 1.6;
  }
  .section-style[data-section-name=popular] .section__inner .c-product-content__price {
    margin-top: 1.1rem; /* 2026/07/31 変更 */
    font-size: 1.3rem; /* 2026/07/31 変更 */
    font-family: var(--font-effra);
    letter-spacing: 0.06em;
    font-weight: var(--fw-medium);
  }
  .section-style[data-section-name=popular] .c-product-content__action-button-container:has(.c-product-content__action-button-container:empty) {
    display: none;
  }
  .section-style[data-section-name=popular] .p-common-ranking-parts__blank-wrapper {
    font-size: 1.6rem;
  }

  /* Best Seller箇所のデザイン変更（PC） | 2026/07/31追加 */
  [data-section-name=popular] .p-ranking__tab-container,
  [data-section-name=popular] .p-ranking__panel-container {
    width: min(100%, 129rem);
  }

  [data-section-name=popular] .section__inner {
    width: 100%;
    max-width: none;
  }

  [data-section-name=popular] .c-product-content__wrapper > * {
    --rank-num-position: 1.5rem;

    opacity: 0;
  }

  [data-section-name=popular] .js-isVisible[role=tabpanel] .c-product-content__wrapper > * {
    opacity: 1;
  }

  [data-section-name=popular] .p-ranking__tab-wrapper {
    margin-bottom: 2.5rem;
  }

  [data-brand-name=general] [data-section-name=popular] .c-top-title {
    margin-bottom: 2.3rem;
  }

  [data-brand-name=general] [data-section-name=popular] [role=tablist] {
    column-gap: 1.8rem;
    --padding: 1.5rem;
    padding: var(--padding);
  }

  [data-section-name=popular] [role=tab],
  [data-section-name=popular] [role=button] {
    padding: 1rem 2rem;
    font-size: 1.3rem;
    border-radius: 2rem;
    border: 1px solid var(--color-bg-1);
  }

  [data-section-name=popular] [role=tab]:hover,
  [data-section-name=popular] [role=button]:hover{
    border: 0.1rem solid var(--color-brand-primary);
  }

  [data-section-name=popular] [role=tab][aria-selected=true],
  [data-section-name=popular] [role=button][aria-selected=true] {
    background-color: var(--color-brand-primary);
    color: var(--color-white);
    line-height: 1;
    letter-spacing: 0.06em;
  }

  [data-section-name=popular] [role=tabpanel] {
    opacity: 0;
  }

  [data-section-name=popular] .js-isHidden[role=tabpanel] {
    display: none;
  }

  [data-section-name=popular] .js-isVisible[role=tabpanel] {
    opacity: 1;
  }

  [data-section-name=popular] .c-product-content__wrapper {
    --column-num: 5;
    column-gap: 2.5rem;
  }

  [data-section-name=popular] .c-product-content__wrapper > * .box-img::before {
    width: 5.6rem;
    height: 5.6rem;
  }

  [data-section-name=popular] .c-product-content__wrapper .rank {
    top: 0.8rem;
    left: 1.2rem;
    font-size: 1.7rem;
  }
  /* Best Seller箇所のデザイン変更（PC） | 2026/07/31追加 */

  .section-style[data-section-name=pattern] .section__inner {
    padding: 0 3rem 10rem;
    width: min(95%, 133.8rem);
    margin: 0 auto;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-contents {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 2.4rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-contents.top-pattern{
    margin-bottom: 3.3rem;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--item:not(:last-of-type) {
    margin-bottom: 0;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--image {
    display: block;
    text-align: center;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--image img {
    max-width: 100%;
    height: auto;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--name {
    display: block;
    position: relative;
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--font-effra);
    font-size: 1.3rem;
    letter-spacing: 0.06em;
    color: var(--color-font-default);
    -webkit-transition: color var(--transition-default);
    transition: color var(--transition-default);
    margin-top: 2rem;
    text-transform: uppercase;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--name .name-text {
    font-weight: var(--fw-bold);
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--name:hover {
    color: var(--color-brand-primary);
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--more {
    position: relative;
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--font-effra);
    font-size: 1.3rem;
    letter-spacing: 0.06em;
    color: var(--color-brand-primary);
    -webkit-transition: opacity var(--transition-default);
    transition: opacity var(--transition-default);
    margin-top: 2rem;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--more .more-text {
    font-weight: var(--fw-bold);
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--more:after {
    content: "";
    right: 0;
    position: absolute;
    background: rgba(118, 100, 86, 0.1);
    opacity: 0.25;
    -webkit-transition: width var(--transition-default);
    transition: width var(--transition-default);
    left: 0;
    width: 0;
    bottom: -0.8rem;
    height: 0.3rem;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--more:hover {
    opacity: 1;
  }
  .section-style[data-section-name=pattern] .jk-top__pattern-list--more:hover:after {
    width: 100%;
  }
  .section-style[data-section-name=category] .section__inner {
    padding: 0 3rem 10rem;
    width: min(100%, 133.8rem);
    margin: 0 auto;
  }
  .section-style[data-section-name=category] .jk-top__category-contents {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .section-style[data-section-name=category] .jk-top__category-list--item.grid-large {
    grid-column: 1/3;
  }
}
@media screen and (min-width: 768px) {
  .section-style[data-section-name=category] .jk-top__category-list--image {
    display: block;
    text-align: center;
    position: relative;
    opacity: 1;
    overflow: hidden;
  }
  .section-style[data-section-name=category] .jk-top__category-list--image img {
    max-width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 1.1s ease-out;
    transition: -webkit-transform 1.1s ease-out;
    transition: transform 1.1s ease-out;
    transition: transform 1.1s ease-out, -webkit-transform 1.1s ease-out;
  }
  .section-style[data-section-name=category] .jk-top__category-list--image:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .section-style[data-section-name=category] .jk-top__category-list--name {
    position: absolute;
    margin: auto;
    font-family: var(--font-effra);
    font-size: 1.3rem;
    letter-spacing: 0.06em;
    color: var(--color-white);
    background-color: var(--color-brand-primary);
    border: 1px solid var(--color-brand-primary);
    position: absolute;
    width: 23rem;
    height: 5.2rem;
    bottom: 2rem;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all var(--transition-default);
    transition: all var(--transition-default);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-style[data-section-name=category] .jk-top__category-list--name:hover {
    opacity: 1;
    color: var(--color-brand-primary);
    background-color: var(--color-white);
  }
  .section-style[data-section-name=movie] .section__inner {
    padding: 0 0 10rem;
    height: 548px;
    width: 100%;
  }
  .section-style[data-section-name=movie] .section__inner video {
    -o-object-position: center center;
       object-position: center center;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
  }
  .section-style[data-section-name=instagram] .section__inner {
    padding: 0;
    width: 100%;
  }
  .section-style[data-section-name=instagram] .section__inner .c-top-title .title-en {
    margin-bottom: 2.3rem;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li {
    width: 20%;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a {
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: transparent;
    display: block;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a:hover {
    opacity: 1;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a:hover::before {
    display: block;
    aspect-ratio: 1;
    opacity: 1;
    background: rgba(70, 80, 88, 0.8);
    z-index: 1;
  }
  .section-style[data-section-name=instagram] .section__inner .jk-top__instagram-contents li a:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22hover%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m7.03.08c-1.28.06-2.15.26-2.91.56-.79.31-1.46.72-2.12%2C1.39-.67.67-1.08%2C1.34-1.38%2C2.13-.3.76-.5%2C1.64-.55%2C2.91C0%2C8.36%2C0%2C8.76%2C0%2C12.02c0%2C3.26.02%2C3.67.08%2C4.95.06%2C1.28.26%2C2.15.56%2C2.91.31.79.72%2C1.46%2C1.39%2C2.12.67.67%2C1.34%2C1.07%2C2.13%2C1.38.76.3%2C1.64.5%2C2.91.55%2C1.28.06%2C1.69.07%2C4.95.06%2C3.26%2C0%2C3.67-.02%2C4.95-.08%2C1.28-.06%2C2.15-.27%2C2.91-.56.79-.31%2C1.46-.72%2C2.12-1.39.67-.67%2C1.07-1.34%2C1.38-2.13.3-.76.5-1.64.55-2.91.06-1.28.07-1.69.06-4.95%2C0-3.26-.02-3.67-.08-4.95-.06-1.28-.27-2.15-.56-2.91-.31-.79-.72-1.46-1.39-2.12-.67-.67-1.34-1.08-2.13-1.38-.76-.3-1.64-.5-2.91-.55C15.64%2C0%2C15.24%2C0%2C11.98%2C0c-3.26%2C0-3.67.02-4.95.08m.14%2C21.69c-1.17-.05-1.81-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.42-2.23-.06-1.26-.07-1.64-.08-4.85%2C0-3.2%2C0-3.58.06-4.85.05-1.17.25-1.81.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68%2C1.38-.9.42-.17%2C1.06-.36%2C2.23-.42%2C1.27-.06%2C1.64-.07%2C4.85-.08%2C3.2%2C0%2C3.58%2C0%2C4.85.06%2C1.17.05%2C1.81.24%2C2.23.41.56.22.96.48%2C1.38.9.42.42.68.82.9%2C1.38.17.42.36%2C1.06.42%2C2.23.06%2C1.27.07%2C1.65.08%2C4.85%2C0%2C3.2%2C0%2C3.58-.06%2C4.85-.05%2C1.17-.24%2C1.81-.41%2C2.23-.22.56-.48.96-.9%2C1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.42-1.27.06-1.64.07-4.85.08-3.2%2C0-3.58%2C0-4.85-.06M16.95%2C5.59c0%2C.79.65%2C1.44%2C1.44%2C1.44.8%2C0%2C1.44-.65%2C1.44-1.44%2C0-.79-.65-1.44-1.44-1.44s-1.44.65-1.44%2C1.44m-11.11%2C6.43c0%2C3.4%2C2.77%2C6.16%2C6.17%2C6.15%2C3.4%2C0%2C6.16-2.77%2C6.15-6.17%2C0-3.4-2.77-6.16-6.17-6.15-3.4%2C0-6.16%2C2.77-6.15%2C6.17m2.16%2C0c0-2.21%2C1.78-4%2C3.99-4.01%2C2.21%2C0%2C4%2C1.78%2C4.01%2C3.99%2C0%2C2.21-1.78%2C4-3.99%2C4.01-2.21%2C0-4-1.78-4.01-3.99%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
  }
  .section-style[data-section-name=instagram] .section__inner img {
    width: 100%;
    height: -webkit-fill-available;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1;
  }
}
.l-main .section-style .js-calcRate--discounted {
  color: #773f3f;
}

/* MASH-35070　GIFT・スナグルバニーズの位置、デザイン変更 */
.section-gift-snuggle{
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 0 5.5rem 12.8rem;
  width: min(92%, 129rem);
  margin: 0 auto;
}
.section-gift-snuggle #giftguide,.section-gift-snuggle #snuggle{
    width: 63.5rem;
    height: 29.5rem;
    overflow: hidden;
}
.section-gift-snuggle .section-style[data-section-name=giftguide] .section__inner,.section-gift-snuggle .section-style[data-section-name=snuggle] .section__inner{
  padding: 0;
  width: 100%;
  margin: 0;
}
.section-gift-snuggle .section-style[data-section-name=giftguide] .jk-top__giftguide-contents,.section-gift-snuggle .section-style[data-section-name=snuggle] .jk-top__snuggle-contents{
  display: block;
  border: none;
}
.section-gift-snuggle .section-style[data-section-name=giftguide] .c-top-title{
  width: auto;
  left: 0;
  color: white;
}
.section-gift-snuggle .section-style[data-section-name=snuggle] .c-top-title{
  position: absolute;
  color: white;
}
.section-gift-snuggle .section-style[data-section-name=snuggle] .jk-top__snuggle-contents img{
  width: 100%;
}
.section-gift-snuggle .section-style[data-section-name=snuggle] .jk-top__snuggle-contents .title-en img{
  width: 32rem;
}
.section-gift-snuggle .section-style[data-section-name=snuggle] .c-top-title .title-ja,
.section-gift-snuggle .section-style[data-section-name=giftguide] .c-top-title .title-ja,
.section-style[data-section-name=about] .c-top-title .title-ja{
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .section-style[data-section-name=about] .jk-top__about-contents picture{
    position: relative;
  }
  .section-style[data-section-name=giftguide] .jk-top__giftguide-contents::after,
  .section-style[data-section-name=about] .jk-top__about-contents picture:after,
  .section-style[data-section-name=snuggle] .jk-top__snuggle-contents:after
  {
    content: "";
    background: #4a4a4a6b;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--container {
    grid-gap: 1.8rem !important;
  }
}

@media screen and (max-width: 767px) {
  .section-gift-snuggle{
    width: 100%;
    padding: 0 0 calc(140 * 100vw / 750);
    gap: calc(18 * 100vw / 750);
  }
  .section-gift-snuggle #about,.section-gift-snuggle #snuggle{
    width: calc(334 * 100vw / 750);
    height: calc(300 * 100vw / 750);
  }
  .section-gift-snuggle #about img{
    object-fit: cover;
    height: calc(300 * 100vw / 750);
  }
  .section-gift-snuggle .section-style[data-section-name=about] .c-top-title{
    line-height: 1.5;
  }
  .section-gift-snuggle .section-style[data-section-name=about] .c-top-title .title-ja{
    font-size: calc(22 * 100vw / 750);
  }
  .section-gift-snuggle .section-style[data-section-name=about] .c-top-title .title-en{
    margin-bottom: 0;
    margin-top: -0.4rem;
    font-size: calc(40 * 100vw / 750);
  }
  .section-gift-snuggle .section-style[data-section-name=snuggle] .jk-top__snuggle-contents .title-en{
    margin-bottom: calc(24 * 100vw / 750);
  }
  .section-gift-snuggle .section-style[data-section-name=snuggle] .jk-top__snuggle-contents .title-en img{
    width: calc(282 * (100vw / 750));
  }
  .section-gift-snuggle .section-style[data-section-name=snuggle] .c-top-title{
    line-height: 0.5;
  }
  .section-gift-snuggle .section-style[data-section-name=snuggle] .c-top-title .title-ja{
    font-size: calc(22 * 100vw / 750);
  }
  .section-style[data-section-name=giftguide] .section__inner.giftguide{
    height: calc(400 * 100vw / 750);
  }
  .section-style[data-section-name=giftguide] .section__inner.giftguide .jk-top__giftguide-contents{
    height: calc(400 * 100vw / 750);
  }
  .section-style[data-section-name=giftguide] .section__inner.giftguide .jk-top__giftguide-contents .title-ja{
    line-height: 1.6;
    font-size: calc(22 * 100vw / 750);
  }
  .section-style[data-section-name=giftguide] .section__inner.giftguide .jk-top__giftguide-contents::after,
  .section-style[data-section-name=about] .jk-top__about-contents:after,
  .section-style[data-section-name=snuggle] .jk-top__snuggle-contents:after
  {
    content: "";
    background: #4a4a4a6b;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
  }
  .section-style[data-section-name=giftguide] .section__inner.giftguide .jk-top__giftguide-contents img{
    height: calc(400 * 100vw / 750);
    object-fit: cover;
  }
}

/* MASH-35070 日本語カテゴリー名の調整 */
.section-style[data-section-name=category] .jk-top__category-list--name{
  font-size: 1.4rem;
}
.section-style[data-section-name=category] .jk-top__category-list--name-long{
  letter-spacing: 0.08em;
  width: 25rem;
}
.section-style[data-section-name=category] .jk-top__category-list--name .jk-top__category-list--name--jpname{
  font-size: 1.2rem;
  font-family: var(--font-ja);
  display: contents;
}
.section-style[data-section-name=keyword] .jk-top__keyword-list--link{
  font-family: var(--font-ja);
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  .section-style[data-section-name=about] .section__inner.about {
    padding: 0 5.5rem 1.8rem;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--container{
    grid-gap: 2.5rem;
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-container{
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .section-style[data-section-name=about] .section__inner.about {
    padding: 0;
  }
  .section-style[data-section-name=category] .jk-top__category-list--name{
    height: calc(110 * 100vw / 750);
    bottom: calc(30 * 100vw / 750);
  }
  .section-style[data-section-name=category] .jk-top__category-list--name-long{
    width: calc(340 * 100vw / 750);
    letter-spacing: .03em;
    /* line-height: 1.1; */
  }
  .section-style[data-section-name=keyword] .jk-top__keyword-list--link{
    font-size: calc(24 * 100vw / 750);
    padding: calc(20 * 100vw / 750) calc(39 * 100vw / 750);
  }
}