@charset "UTF-8";


/* TODO: ↓ デバッグ用スタイル ↓ */

.jk-home__content-wrapper:empty {
  display: grid;
  place-content: center;

  height: 30vh;
  background-color: var(--color-jk-sub-1);

  color: var(--color-jk-main);
}

.jk-home__content-wrapper:empty::before {
  content: "対応中";

  font-size: 3.2rem;
  letter-spacing: .1em;
}

/* TODO: ↑ デバッグ用スタイル ↑ */

/* ===============================================
  * Foundation *
=============================================== */

/*
 * Text
 */

.jk-home__text--section-title {
  display: grid;
  row-gap: .8rem;

  margin-bottom: 0;

  font-family: var(--font-en);
  font-size: 2.8rem;
  font-weight: var(--fw-regular);
  letter-spacing: .1em;
  line-height: 1;

  text-align: center;
}

@media (min-width: 992px) {
  .jk-home__text--section-title {
    font-size: 4.2rem;
  }
}

.jk-home__text--section-subtitle {
  font-family: var(--font-ja);
  font-size: .5em;
  font-weight: var(--fw-medium);
  line-height: 2.14;
}

@media (min-width: 992px) {
  .jk-home__text--section-subtitle {
    font-size: .42em;
  }
}

.jk-home__text--section-title-secondary {
  font-size: 1.8rem;
  font-weight: var(--fw-medium);
  letter-spacing: .1em;
  line-height: 1.67;
  text-align: center;
}

@media (min-width: 992px) {
  .jk-home__text--section-title-secondary {
    font-size: 2.6rem;
    line-height: 1.2;
  }
}


/*
 * Structure
 */

.jk-home {
  --row-gap-section: 2.5rem;

  display: grid;
  row-gap: 5rem;

  padding-bottom: 8rem;
}

@media (min-width: 992px) {
  .jk-home {
    --row-gap-section: 4rem;

    row-gap: 10rem;

    padding-bottom: 12rem;
  }
}

.jk-home__section-inner:has(.jk-home__text--section-title) {
  display: grid;
  row-gap: var(--row-gap-section);
}


/*
 * Components
 */

[class*="jk-home__ranking-slider-button--"] {
  display: none;
}

.jk-home__product-list-item-inner {
  display: grid;
  row-gap: .5rem;

  height: 100%;
}

.jk-home__product-list-item .c-product {
  height: 100%;
  background-color: #fcfcfc;
  border: solid 1px #efefef;
  border-radius: .5rem;

  overflow: hidden;
}

.jk-home__product-list-item .c-product-head__status {
/*  top: .7rem;*/
  bottom: auto;
  position: relative;

  padding: 0;
  margin-top: 0.8rem;
}

.jk-home__product-list-item .c-product-head__picture::before {
  content: none;
}

.jk-home__product-list-item .c-product-head__image {
  position: relative;
}

@media (min-width: 992px) {
  .jk-home__product-list-item .c-product-head__status {
/*    top: .9rem;*/
    margin-top: 1.2rem;
  }
}

.jk-home__product-list-item .c-product-sIcon__item:has(img) {
  height: 2.1rem;
}

@media (min-width: 992px) {
  .jk-home__product-list-item .c-product-sIcon__item:has(img) {
    height: 2.5rem;
  }
}

.jk-home__product-list-item .c-product-sIcon__item img {
  width: auto;
  height: 100%;
}

.jk-home__product-list-item .c-product-body {
  display: grid;
  row-gap: .6rem;

  margin-top: 0;
  padding: .8rem;
}

@media (min-width: 992px) {
  .jk-home__product-list-item .c-product-body {
    padding: 0.8rem 1rem 1.5rem;
  }
}

.jk-home__product-list-item .c-product-body__title-name {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: .05em;
  line-height: 1.57;
}

@media (min-width: 992px) {
  .jk-home__product-list-item .c-product-body__title-name {
    font-size: 1.6rem;
  }
}

.jk-home__product-list-item .c-product-body__price {
  font-family: var(--font-en);
  font-size: 1.6rem;
  font-weight: var(--fw-medium);
  letter-spacing: .05em;
}

.jk-home__product-list-item .c-product-body__price > small {
  color: var(--color-jk-sub-3);
  font-family: var(--font-ja);
  font-size: .68em;
}

.jk-home__product-list-item .pj-home__product-price-wrapper--subscription,
.jk-home__product-list-item .pj-home__product-price-wrapper--without-subscription {
  display: grid;
  row-gap: .2rem;
}

.pj-home__product-text--price {
  /* display: grid; */
  /* grid-template-areas: "price-sale price-sale" "price-regular price-discount-rate"; */
  /* grid-template-columns: repeat(2, auto); */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .4rem;

  font-family: var(--font-en);
  font-weight: var(--fw-medium);
  font-size: 1.8rem;
  letter-spacing: .05em;
  line-height: 1.22;
}

@media (min-width: 992px) {
  .pj-home__product-text--price {
    font-size: 2.2rem;
  }
}

/* .pj-home__product-text--price-sale {
  grid-area: price-sale;
}

.pj-home__product-text--price-regular {
  grid-area: price-regular;
}

.pj-home__product-text--discount-rate {
  grid-area: price-discount-rate;
} */

.jk-home__product-list-item .pj-home__product-text--price-regular,
.jk-home__product-list-item .pj-home__product-text--price-sale,
.jk-home__product-list-item [class*="pj-home__product-text--price-subscription"] {
  display: grid;
  display: flex;
  align-items: baseline;
}

.jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-regular::before,
.jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-sale::before,
.jk-home__product-list-item .pj-home__product-price-wrapper--subscription [class*="pj-home__product-text--price-subscription"]::before {
  font-family: var(--font-ja);
  font-weight: var(--fw-regular);
  /* font-size: 1.2rem; */
  font-size: .67em;
}

@media (min-width: 992px) {
  .jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-regular::before,
  .jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-sale::before,
  .jk-home__product-list-item .pj-home__product-price-wrapper--subscription [class*="pj-home__product-text--price-subscription"]::before {
    font-size: .68em;
  }
}

.jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-regular::before,
.jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-sale::before {
  content: "通常：";
}

.jk-home__product-list-item .pj-home__product-price-wrapper--subscription [class*="pj-home__product-text--price-subscription"]::before {
  content: "定期：";
}

.jk-home__product-list-item .pj-home__product-price-wrapper--subscription .pj-home__product-text--price-subscription-first::before {
  content: "定期初回：";
}

.jk-home__product-list-item .pj-home__product-text--price-regular::after,
.jk-home__product-list-item .pj-home__product-text--price-sale::after,
.jk-home__product-list-item [class*="pj-home__product-text--price-subscription"]::after {
  content: "\00a0税込";

  color: var(--color-jk-sub-3);
  font-family: var(--font-ja);
  /* font-size: 1.1rem; */
  font-size: .61em;
  font-weight: var(--fw-regular);
}

@media (min-width: 992px) {
  .jk-home__product-list-item .pj-home__product-text--price-regular::after,
  .jk-home__product-list-item .pj-home__product-text--price-sale::after,
  .jk-home__product-list-item [class*="pj-home__product-text--price-subscription"]::after {
    /* font-size: 1.3rem; */
    font-size: .59em;
  }
}

.jk-home__product-list-item .pj-home__product-text--price-sale,
.jk-home__product-list-item .pj-home__product-text--price-sale::after {
  width: 100%;

  color: var(--color-jk-error);
  word-break: keep-all;
}

.jk-home__product-list-item .pj-home__product-text--price-sale + .pj-home__product-text--price-regular {
  position: relative;

  display: inline-flex;

  color: var(--color-jk-sub-3);
  font-size: .8181em;
}

.jk-home__product-list-item .pj-home__product-text--price-sale + .pj-home__product-text--price-regular::before {
  content: "";

  position: absolute;
  top: 0;
  bottom: 0;

  width: 100%;
  height: .1rem;
  margin: auto;
  background-color: var(--color-jk-sub-3);
}

.jk-home__product-list-item .pj-home__product-text--discount-rate {
  padding: .2rem .4rem;
  border: solid .1rem var(--color-jk-error);

  color: var(--color-jk-error);
  font-family: var(--font-en);
  font-size: 1.1rem;
  font-weight: var(--fw-medium);
  letter-spacing: .05em;
  line-height: 1;
}





/* ===============================================
  * Specify *
=============================================== */

/*
 * Area - FV
 */

[data-section-name="fv"] {
  display: grid;
  row-gap: 3rem;
}

@media (min-width: 992px) {
  [data-section-name="fv"] {
    row-gap: 3rem;
  }
}


/* MV */

[data-section-name="mv"] {
  --adjust-button-position: .8rem;
  --adjust-icon-position: .3rem;
  --button-width: 3rem;
  --pagination-button-width: .8rem;
  --pagination-margin-top: 1.2rem;

  position: relative;

  display: grid;

  width: 100%;
}

@media (min-width: 992px) {
  [data-section-name="mv"] {
    --adjust-button-position: 15%;
    --adjust-icon-position: .3rem;
    --button-width: 5rem;
    --pagination-button-width: 1rem;
    --pagination-margin-top: 2rem;
  }

  [data-section-name="mv"] .m-homeMainVisual__container {
    padding-inline: calc((100% - 101.25rem + 2rem) / 2);
  }
}

[data-section-name="mv"] .swiper-wrapper {
  min-width: 0;
}

[data-section-name="mv"] [class*="m-homeMainVisual-slideController__"] {
  top: calc(50% - (var(--pagination-button-width) + var(--pagination-margin-top)));

  width: var(--button-width);
  height: auto;
  aspect-ratio: 1;
  padding: 0;
  background-color: rgba(255, 255, 255, .9);
}

[data-section-name="mv"] .m-homeMainVisual-slideController__prev {
  left: var(--adjust-button-position);

  padding-left: var(--adjust-icon-position);
}

[data-section-name="mv"] .m-homeMainVisual-slideController__next {
  right: var(--adjust-button-position);

  padding-right: var(--adjust-icon-position);
}

@media (min-width: 992px) {
  [data-section-name="mv"] .m-homeMainVisual-slideController__prev {
    left: calc((((100vw - 101.25rem + 2rem) / 2) + ((100vw - (100vw - 101.25rem + 2rem)) * 0.17)) - 3.5rem);
  }
  [data-section-name="mv"] .m-homeMainVisual-slideController__next {
    right: calc((((100vw - 101.25rem + 2rem) / 2) + ((100vw - (100vw - 101.25rem + 2rem)) * 0.17)) - 3.5rem);
  }
}

[data-section-name="mv"] .m-homeMainVisual-slidePagination {
  gap: 1.5rem;

  margin-top: var(--pagination-margin-top);
}

[data-section-name="mv"] .m-homeMainVisual-slidePagination__item {
  width: var(--pagination-button-width);
  height: auto;
  aspect-ratio: 1;
  margin: 0 !important;
  background-color: #f4f4f4;
  border: none;
}

[data-section-name="mv"] .m-homeMainVisual-slidePagination__item.swiper-pagination-bullet-active {
  background-color: var(--color-jk-sub-3);
}


/* News - latest */

[data-section-name="news-latest"] {
  width: calc(100% - (var(--padding-jk-horizontal) * 2));
  margin: auto;
  background-color: #eee;
  border-radius: .5rem;
}

@media (min-width: 992px) {
  [data-section-name="news-latest"] {
    width: 100%;
    border-radius: 0;
  }
}

[data-section-name="news-latest"] .p-homeNewsList {
  border: none;
}

@media (min-width: 992px) {
  [data-section-name="news-latest"] .p-homeNewsList {
    width: var(--width-jk-general);
    margin-inline: auto;
    padding-inline: var(--padding-jk-horizontal);
  }
}

[data-section-name="news-latest"] .p-homeNewsList-body {
  padding: 1.4rem 1.2rem;
  border: none;
}

[data-section-name="news-latest"] .p-homeNewsList-body.p-homeNewsList-body--link {
  display: grid;
  row-gap: .6rem;
}

@media (min-width: 992px) {
  [data-section-name="news-latest"] .p-homeNewsList-body.p-homeNewsList-body--link {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    column-gap: 3.2rem;

    padding-inline: 0;
  }
}

@media (min-width: 992px) {
  [data-section-name="news-latest"] .p-homeNewsList-body__title {
    max-width: none;
  }
}

[data-section-name="news-latest"] .p-homeNewsList-body__time {
  width: auto;
  margin: 0;

  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: .05em;
  line-height: 1;
}

[data-section-name="news-latest"] .p-homeNewsList-body__title dt {
  font-size: 1.4rem;
  font-weight: var(--fw-regular);
  letter-spacing: .05em;
  line-height: 1.71;
}

[data-section-name="news-latest"] .p-homeNewsList-body__title dd {
  display: none;
}


/* About us */
[data-section-name="aboutus"] .jk-home__button--aboutus {
  display: block;
  width: calc(100% - (var(--padding-jk-horizontal) * 2));
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  background: linear-gradient(#faf6e7 0%, #fffffd 47.78%, #faf6e7 100%);;
  border: 1px solid #bbb;
  border-radius: 4px;
  text-align: center;
  padding-block: 1.6rem 1.5rem;
  margin: 0 auto 0;
  position: relative;
}
[data-section-name="aboutus"] .jk-home__button--aboutus::after {
  content: "";
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjUiIGhlaWdodD0iMTEuNSIgdmlld0JveD0iMCAwIDYuNSAxMS41Ij4gPHBhdGggaWQ9IuODkeOCuV81MTQ1IiBkYXRhLW5hbWU9IuODkeOCuSA1MTQ1IiBkPSJNOTMuODQ5LDQ1Ljg0OWwtNSw1YS41LjUsMCwxLDEtLjcwNy0uNzA3TDkyLjc4OSw0NS41LDg4LjE0Miw0MC44NWEuNS41LDAsMSwxLC43MDctLjcwN2w1LDVhLjUuNSwwLDAsMSwwLC43MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODcuNzQ2IC0zOS43NDYpIiBmaWxsPSIjMzMzIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMC41Ii8+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 0.7rem;
  height: 1.2rem;
  position: absolute;
  right: 2.9rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  [data-section-name="aboutus"] .jk-home__button--aboutus {
    width: 34.5rem;
  }
}

/* Campaign Banner */

[data-section-name="campaign"] {
  width: calc(100% - (var(--padding-jk-horizontal) * 2));
  margin: auto;
  margin-top: 2rem;
}

@media (min-width: 992px) {
  [data-section-name="campaign"] {
    width: 100%;
    margin-top: 7rem;
  }
}

[data-section-name="campaign"] .jk-home__campaign-banner-list {
  display: grid;
  row-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6rem 1.5rem;
}
[data-section-name="campaign"] .jk-home__campaign-banner-label {
  display: block;
  margin-top: 0.9rem;
}

@media (min-width: 992px) {
  [data-section-name="campaign"] .jk-home__campaign-banner-list {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;

    width: var(--width-jk-general);
    margin-inline: auto;
    padding-inline: var(--padding-jk-horizontal);
  }
  [data-section-name="campaign"] .jk-home__campaign-banner-label {
    margin-top: 1.2rem;
  }
}


/*
 * Area - RANKING
 */

/*[data-section-name="ranking"] .jk-home__section-inner {
  width: var(--width-jk-general);
  margin-inline: auto;
}*/

[data-section-name="ranking"] .jk-home__ranking-tab-button-container {
  --color-inactive-bg: #f4f4f4;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: .6rem;

  width: 100%;
  padding-inline: var(--padding-jk-horizontal);

  display: none;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-tab-button-container {
    --border-radius: 2.9rem;

    padding-inline: 0;
    background-color: var(--color-inactive-bg);
    box-shadow: inset 0 0 .6rem rgba(0, 0, 0, .1);
    border-radius: var(--border-radius);
  }
}

[data-section-name="ranking"] .jk-home__ranking-tab-button {
  display: grid;
  place-content: center;

  height: 100%;
  padding: .6rem;
  background-color: var(--color-inactive-bg);
  border: none;
  border-radius: .5rem;

  color: var(--color-jk-sub-2);
  font-weight: var(--fw-medium);
  font-size: 1.4rem;
  letter-spacing: .02em;
  line-height: 1.28;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-tab-button {
    padding: 1.2rem;
    background-color: transparent;
    border-radius: var(--border-radius);

    font-size: 1.8rem;
  }
}

[data-section-name="ranking"] .jk-home__ranking-tab-button[aria-selected="true"] {
  background-color: var(--color-jk-sub-3);

  color: #fff;
}

[data-section-name="ranking"] .jk-home__ranking-panel-container {
  margin-top: 1.5rem;
}

/*@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-panel-container {
    margin-top: 4rem;
  }
}*/
/*
[data-section-name="ranking"] .jk-home__ranking-slider {
  display: grid;

  width: 100%;
}

[data-section-name="ranking"] .jk-home__ranking-slider .swiper-scrollbar {
  position: initial;

  width: 25.5rem;
  margin: 2rem auto 0;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-slider .swiper-scrollbar {
    display: none;
  }
}

[data-section-name="ranking"] .jk-home__ranking-list {
  min-width: 0;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem 2rem;

    transform: none !important;
  }
}

[data-section-name="ranking"] .jk-home__ranking-list-item-inner {
  grid-template-rows: auto 1fr;
  position: relative;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-list-item {
    width: 100% !important;
    margin: 0 !important;
  }

  [data-section-name="ranking"] .jk-home__ranking-list-item-inner {
    *//* display: grid; */
    /* grid-template-rows: subgrid; */
    /* grid-row: span 2; */
    /* align-content: flex-start; *//*
    row-gap: .8rem;
  }
}*/

[data-section-name="ranking"] .jk-home__ranking-text--number {
  font-family: var(--font-en);
  font-weight: var(--fw-medium);
  font-size: 1.4rem;
  color: var(--color-white);
  position: absolute;
  z-index: 1;
  left: 0.7rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIzMS41IiB2aWV3Qm94PSIwIDAgMjggMzEuNSI+IDxwYXRoIGlkPSLjg5HjgrlfNTE0NiIgZGF0YS1uYW1lPSLjg5HjgrkgNTE0NiIgZD0iTTAsMEgyOFYzMS41TDEzLjU2MywyNS4yLDAsMzEuNVoiIGZpbGw9IiNhYWEiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.8rem;
  height: 3.2rem;
  text-align: center;
}

[data-section-name="ranking"] li:nth-child(1) .jk-home__ranking-text--number {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIzMS41IiB2aWV3Qm94PSIwIDAgMjggMzEuNSI+IDxwYXRoIGlkPSLjg5HjgrlfNTE0NiIgZGF0YS1uYW1lPSLjg5HjgrkgNTE0NiIgZD0iTTAsMEgyOFYzMS41TDEzLjU2MywyNS4yLDAsMzEuNVoiIGZpbGw9IiNkM2M1ODQiLz48L3N2Zz4=");
}
[data-section-name="ranking"] li:nth-child(2) .jk-home__ranking-text--number {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIzMS41IiB2aWV3Qm94PSIwIDAgMjggMzEuNSI+IDxwYXRoIGlkPSLjg5HjgrlfNTE0NiIgZGF0YS1uYW1lPSLjg5HjgrkgNTE0NiIgZD0iTTAsMEgyOFYzMS41TDEzLjU2MywyNS4yLDAsMzEuNVoiIGZpbGw9IiNBQ0JEQzkiLz48L3N2Zz4=");
}
[data-section-name="ranking"] li:nth-child(3) .jk-home__ranking-text--number {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIzMS41IiB2aWV3Qm94PSIwIDAgMjggMzEuNSI+IDxwYXRoIGlkPSLjg5HjgrlfNTE0NiIgZGF0YS1uYW1lPSLjg5HjgrkgNTE0NiIgZD0iTTAsMEgyOFYzMS41TDEzLjU2MywyNS4yLDAsMzEuNVoiIGZpbGw9IiNEM0FBODciLz48L3N2Zz4=");
}

[data-section-name="ranking"] .jk-home__ranking-text--number > small {
  font-size: .65em;
  display: none;
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-text--number {
    font-size: 1.6rem;
  }

  [data-section-name="ranking"] .jk-home__ranking-text--number > small {
    font-size: .7em;
  }
}

/*[data-section-name="ranking"] .jk-home__recommend-expand-button {
  display: none !important;
}*/

@media (max-width: 991px) {
  [data-section-name="ranking"] .pj-home__product-text--price {
    font-size: 1.6rem;
    word-break: keep-all;
  }
}


/*
 * Area - RECOMMEND
 */

[data-section-name="ranking"] .jk-home__section-inner, 
[data-section-name="recommend"] .jk-home__section-inner {
  width: var(--width-jk-general);
  margin-inline: auto;
}

/*@media (min-width: 992px) {
  [data-section-name="recommend"] .jk-home__content-wrapper {
    --arrow-width: 1.8rem;
    --arrow-position: 1.8rem;

    position: relative;
  }
}*/

/*@media (max-width: 991px) {*/
  [data-section-name="ranking"] .jk-home__ranking-slider, 
  [data-section-name="recommend"] .jk-home__ranking-slider {
    width: 100%;
  }
/*}*/

/*@media (min-width: 992px) {
  [data-section-name="recommend"] .jk-home__ranking-slider {

    display: grid;

    width: 100%;
  }
}*/

/*@media (max-width: 991px) {*/
  [data-section-name="ranking"] .jk-home__ranking-slider .swiper-scrollbar, 
  [data-section-name="recommend"] .jk-home__ranking-slider .swiper-scrollbar {
    display: none;
  }
/*}*/

/* デザインのガイドライン幅（1200） + ガイドラインから矢印の位置（18） + 矢印の幅（18） = 1272 に加えて、コンテンツがページぴったりにくっつかないようにするための余白分を追加した値. */
/*@media (min-width: 1400px) {
  [data-section-name="recommend"] [class*="jk-home__ranking-slider-button--"] {
    top: 0;
    bottom: 0;

    display: grid;

    width: var(--arrow-width);
    height: var(--arrow-width);
    margin: auto;
  }

  [data-section-name="recommend"] [class*="jk-home__ranking-slider-button--"]::after {
    content: none;
  }

  [data-section-name="recommend"] .jk-home__ranking-slider-button--prev {
    left: calc((var(--arrow-width) + var(--arrow-position)) * -1);
  }

  [data-section-name="recommend"] .jk-home__ranking-slider-button--next {
    right: calc((var(--arrow-width) + var(--arrow-position)) * -1);
  }
}*/

/*@media (min-width: 992px) {
  [data-section-name="recommend"] .jk-home__ranking-slider .swiper-scrollbar {
    position: initial;

    width: min(60%, 60rem);
    margin: 3rem auto 0;
  }
}*/

[data-section-name="ranking"] .jk-home__ranking-list, 
[data-section-name="recommend"] .jk-home__ranking-list {
  min-width: 0;
  height: fit-content;
}

/*@media (max-width: 991px) {*/
  [data-section-name="ranking"] .jk-home__ranking-list, 
  [data-section-name="recommend"] .jk-home__ranking-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem;

    padding-inline: var(--padding-jk-horizontal);

    box-sizing: border-box;

    transform: none !important;
  }
/*}*/

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__ranking-list, 
  [data-section-name="recommend"] .jk-home__ranking-list {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

[data-section-name="ranking"] .jk-home__ranking-list-item, 
[data-section-name="recommend"] .jk-home__ranking-list-item {
  height: auto;
}

/*@media (max-width: 991px) {*/
  [data-section-name="ranking"] .jk-home__ranking-list-item, 
  [data-section-name="recommend"] .jk-home__ranking-list-item {
    width: initial !important;
    margin: 0 !important;
  }
/*}*/

[data-section-name="recommend"] .jk-home__ranking-text--number {
  display: none;
}

[data-section-name="ranking"] .jk-home__recommend-expand-button, 
[data-section-name="recommend"] .jk-home__recommend-expand-button {
/*  display: grid;
  column-gap: .4rem;
  grid-template-columns: auto 1rem;
  align-items: center;

  margin: 1.5rem var(--padding-jk-horizontal) 0 auto;
  padding: 0;
  background: transparent;
  border: none;

  color: var(--color-jk-text);
  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: .05em;
  line-height: 1;*/
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  background: #fafafa;
  border: 1px solid #bbb;
  border-radius: 4px;
  text-align: center;
  padding-block: 1.6rem 1.5rem;
  margin: 1rem auto 4rem;
  position: relative;
  width: 21.5rem;
  margin: 3rem auto 0;
  color: var(--color-jk-text);
}

@media (min-width: 992px) {
  [data-section-name="ranking"] .jk-home__recommend-expand-button, 
  [data-section-name="recommend"] .jk-home__recommend-expand-button {
    width: 30rem;
  }
}

[data-section-name="ranking"] .jk-home__recommend-expand-button::after, 
[data-section-name="recommend"] .jk-home__recommend-expand-button::after {
  content: "";
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi41IiBoZWlnaHQ9IjEyLjUiIHZpZXdCb3g9IjAgMCAxMi41IDEyLjUiPiA8cGF0aCBpZD0i44OR44K5XzUxNDgiIGRhdGEtbmFtZT0i44OR44K5IDUxNDgiIGQ9Ik00NCwzOGEuNS41LDAsMCwxLS41LjVoLTV2NWEuNS41LDAsMCwxLTEsMHYtNWgtNWEuNS41LDAsMSwxLDAtMWg1di01YS41LjUsMCwxLDEsMSwwdjVoNUEuNS41LDAsMCwxLDQ0LDM4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxLjc1IC0zMS43NSkiIGZpbGw9IiMzMzMiIHN0cm9rZT0iIzMzMyIgc3Ryb2tlLXdpZHRoPSIwLjUiLz48L3N2Zz4=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  right: 2.9rem;
  top: 50%;
  transform: translateY(-50%);
}

/*@media (min-width: 992px) {
  [data-section-name="recommend"] .jk-home__recommend-expand-button {
    display: none;
  }
}*/

/*[data-section-name="ranking"] .jk-home__recommend-expand-button::after, 
[data-section-name="recommend"] .jk-home__recommend-expand-button::after {
  content: "";

  width: 100%;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.6%22%20height%3D%2210.6%22%20viewBox%3D%220%200%2010.6%2010.6%22%3E%20%3Cg%20id%3D%22add_line%22%20transform%3D%22translate(-2.7%20-2.7)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4297%22%20data-name%3D%22%E3%83%91%E3%82%B9%204297%22%20d%3D%22M7.444%2C12.444a.556.556%2C0%2C0%2C0%2C1.111%2C0V8.556h3.889a.556.556%2C0%2C0%2C0%2C0-1.111H8.556V3.556a.556.556%2C0%2C0%2C0-1.111%2C0V7.444H3.556a.556.556%2C0%2C0%2C0%2C0%2C1.111H7.444Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-width%3D%220.6%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}*/

/*[data-section-name="ranking"] .jk-home__recommend-expand-button > span, 
[data-section-name="recommend"] .jk-home__recommend-expand-button > span {
  border-bottom: solid 1px var(--color-jk-text);
}*/

@media (max-width: 991px) {
  [data-section-name="ranking"] .js-productSlider:not([data-state-expand="active"]) .js-expandRecommendContent > li:nth-of-type(n+5), 
  [data-section-name="recommend"] .js-productSlider:not([data-state-expand="active"]) .js-expandRecommendContent > li:nth-of-type(n+5) {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-section-name="ranking"] .js-productSlider:not([data-state-expand="active"]) .js-expandRecommendContent > li:nth-of-type(n+6), 
  [data-section-name="recommend"] .js-productSlider:not([data-state-expand="active"]) .js-expandRecommendContent > li:nth-of-type(n+6) {
    display: none;
  }
}

[data-section-name="ranking"] .js-productSlider .jk-home__recommend-expand-button, 
[data-section-name="recommend"] .js-productSlider .jk-home__recommend-expand-button {
  display: none;
}
@media (max-width: 991px) {
  [data-section-name="ranking"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(n+5)) .jk-home__recommend-expand-button, 
  [data-section-name="recommend"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(n+5)) .jk-home__recommend-expand-button {
    display: block;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 992px) {
  [data-section-name="ranking"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(n+6)) .jk-home__recommend-expand-button, 
  [data-section-name="recommend"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(n+6)) .jk-home__recommend-expand-button {
    display: block;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 0.5rem;
  }
}

/*[data-section-name="ranking"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(5)) .jk-home__recommend-expand-button, 
[data-section-name="recommend"] .js-productSlider:has(.js-expandRecommendContent > li:nth-of-type(5)) .jk-home__recommend-expand-button {
  display: block;
}*/

[data-section-name="ranking"] .js-productSlider[data-state-expand="active"] .jk-home__recommend-expand-button, 
[data-section-name="recommend"] .js-productSlider[data-state-expand="active"] .jk-home__recommend-expand-button {
  display: none !important;
}


/*
 * Area - ITEM SEARCH
 */

[data-section-name="item-search"] .jk-home__content-wrapper {
  display: grid;
  row-gap: 3rem;
}

@media (min-width: 992px) {
  [data-section-name="item-search"] .jk-home__content-wrapper {
    row-gap: 5rem;
  }
}

[data-section-name="item-search"] .jk-home__item-search-content-wrapper {
  display: grid;
  row-gap: 1.5rem;

  padding-inline: var(--padding-jk-horizontal);
}

@media (min-width: 992px) {
  [data-section-name="item-search"] .jk-home__item-search-content-wrapper {
    row-gap: 3rem;

    width: var(--width-jk-general);
    margin-inline: auto;
  }
}

@media (min-width: 992px) {
  [data-section-name="item-search"] .jk-category-product__list {
    --grid-columns: 9;
    --gap: 1rem;
  }

  [data-section-name="item-search"] .jk-category-product__list .jk-category-product__link-wrapper {
    --grid-template-columns: initial;

    align-content: flex-start;
    justify-items: center;
    row-gap: .5rem;

    padding: 1rem;
  }
}

/*
 Area - NEWS
 */

[data-section-name="news"] {
  --border-style: solid 1px var(--color-jk-sub-1);
}

@media (min-width: 992px) {
  [data-section-name="news"] .jk-home__section-inner {
    width: var(--width-jk-general);
    margin-inline: auto;
    padding-inline: var(--padding-jk-horizontal);
  }
}

[data-section-name="news"] .jk-home__news-content-wrapper {
  display: grid;
  row-gap: var(--row-gap-section);

  width: calc(100% - (var(--padding-jk-horizontal) * 2));
  margin-inline: auto;
  padding-block: 3rem;
  padding-inline: 2rem;
  background-color: #fafafa;
  border-radius: .5rem;
}

@media (min-width: 992px) {
  [data-section-name="news"] .jk-home__news-content-wrapper {
    grid-template-columns: auto 1fr;
    column-gap: 7.5rem;
    align-items: center;

    width: 100%;
    padding-block: 8rem 4rem;
    padding-inline: 8rem;
  }
}

[data-section-name="news"] .jk-home__content-wrapper > article .p-homeNewsList-body--link {
  border-bottom: var(--border-style);
}

[data-section-name="news"] .jk-home__content-wrapper > article:first-of-type .p-homeNewsList-body--link {
  border-top: var(--border-style);
}

[data-section-name="news"] .c-loadingImage__block {
  min-height: 0 !important;
}

@media (min-width: 992px) {
  [data-section-name="news"] .jk-home__content-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 2rem;
  }

  [data-section-name="news"] .p-homeNewsList__item {
    display: contents;
  }
}

[data-section-name="news"] .p-homeNewsList-body {
  display: grid;
  row-gap: .5rem;

  padding-block: 1.5rem;
  padding-inline: .5rem;
  border: none;

  cursor: pointer;
}

@media (min-width: 992px) {
  [data-section-name="news"] .p-homeNewsList-body {
    grid-template-columns: subgrid;
    grid-column: span 2;
    align-items: baseline;

    padding-block: 2rem;
  }
}

[data-section-name="news"] .p-homeNewsList-body__time {
  width: auto;
  margin: 0;

  font-family: var(--font-en);
  font-size: 1.4rem;
  font-weight: var(--fw-bold);
  letter-spacing: .05em;
  line-height: 1;
}

@media (min-width: 992px) {
  [data-section-name="news"] .p-homeNewsList-body__time {
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  [data-section-name="news"] .p-homeNewsList-body__title {
    max-width: none;
    font-size: 1.6rem;
  }
}

[data-section-name="news"] .p-homeNewsList-body__title dd {
  display: none;
}

[data-section-name="news"] .p-homeContentsUnderBtn {
  display: grid;
  justify-content: flex-end;

  margin-top: 1.5rem;
}

@media (min-width: 992px) {
  [data-section-name="news"] .p-homeContentsUnderBtn {
    grid-column: 1 / -1;

    margin-top: 2rem;
  }
}

[data-section-name="news"] .p-homeViewMoreBtn {
  display: grid;
  column-gap: .4rem;
  grid-template-columns: auto 1rem;
  align-items: center;

  padding: 0;
  border-bottom: none;

  font-size: 1.4rem;
  font-weight: var(--fw-medium);
  letter-spacing: .05em;
  line-height: 1;
}

@media (min-width: 992px) {
  [data-section-name="news"] .p-homeViewMoreBtn {
    font-size: 1.6rem;
  }
}

[data-section-name="news"] .p-homeViewMoreBtn::after {
  content: "";

  width: 100%;
  aspect-ratio: 1;
  background-image: var(--link-arrow-b);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[data-section-name="news"] .p-homeViewMoreBtn > span {
  border-bottom: solid 1px var(--color-jk-text);
}


/*
 * Area - HISTORY
 */

@media (min-width: 992px) {
  [data-section-name="history"] .jk-home__section-inner {
    width: var(--width-jk-general);
    margin-inline: auto;
    padding-inline: var(--padding-jk-horizontal);
  }
}

[data-section-name="history"] .jk-home__history-list {
  --visible-item-count: 2.3;

  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, calc(100% / var(--visible-item-count)));
  grid-auto-columns: minmax(calc(100% / var(--visible-item-count)), 1fr);
  column-gap: 1rem;

  padding-inline: var(--padding-jk-horizontal);
  padding-bottom: 1rem;

  overflow-x: auto;
}

@media (min-width: 992px) {
  [data-section-name="history"] .jk-home__history-list {
    --visible-item-count: 6;

    grid-template-columns: repeat(var(--visible-item-count), 1fr);
    column-gap: 1.6rem;

    padding: 0;
  }
}