@charset "UTF-8";
.p-page-home {
  --container-default: 120rem;
  background-color: var(--color-bg-2);
  /* MV
  ==================================== */
}
@media screen and (max-width: 767px) {
  .p-page-home .top-mainvisual__slider {
    --slideImageWidth: 100vw;
    --slideWidth: var(--slideImageWidth);
  }
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider {
    --slideImageWidth: 65rem;
    --slideWidth: var(--slideImageWidth);
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider {
  position: relative;
  margin-top: var(--header-height);
  padding-top: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-page-home .top-mainvisual__slider .top-main-slider .p-top-main__contents--item {
    width: var(--slideWidth) !important;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider .p-top-main__contents--item {
    width: var(--slideWidth) !important;
    margin: 0 0.7rem;
    border-radius: 1.5rem;
  }
}
.p-page-home .top-mainvisual__slider .m-featureSlide-slideController__prev,
.p-page-home .top-mainvisual__slider .m-featureSlide-slideController__next {
  width: 3.5rem;
  height: 3.5rem;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .m-featureSlide-slideController__prev,
  .p-page-home .top-mainvisual__slider .m-featureSlide-slideController__next {
    display: none;
  }
}
.p-page-home .top-mainvisual__slider .m-featureSlide-slideController__prev > img,
.p-page-home .top-mainvisual__slider .m-featureSlide-slideController__next > img {
  width: 0.7rem;
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination {
  margin-top: 1rem;
  padding-block: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  /* 円形のプログレスバー */
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination {
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .swiper-pagination-bullet {
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-opacity: 0.1;
  --swiper-pagination-bullet-horizontal-gap: 0;
  width: 0.6rem;
  height: 0.6rem;
  background-color: var(--color-black);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle {
  position: relative;
  width: 18px;
  height: 18px;
  background: #CEC193;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle {
    width: 20px;
    height: 20px;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  width: 18px;
  height: 18px;
  -webkit-transform-origin: right 7px;
          transform-origin: right 7px;
  background: var(--color-white);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle::before {
    left: -8px;
    width: 20px;
    height: 20px;
    -webkit-transform-origin: right 8px;
            transform-origin: right 8px;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 7px;
  width: 18px;
  height: 18px;
  -webkit-transform-origin: left 7px;
          transform-origin: left 7px;
  background: var(--color-white);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle::after {
    left: 8px;
    width: 20px;
    height: 20px;
    -webkit-transform-origin: left 8px;
            transform-origin: left 8px;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle .circle_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: transparent;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle .circle_inner {
    width: 18px;
    height: 18px;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle .circle_inner span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #CEC193;
  border-radius: 50rem;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .p-page-home .top-mainvisual__slider .top-main-slider__pagination .circle .circle_inner span {
    width: 10px;
    height: 10px;
  }
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .swiper-pagination-bullet-active.circle::before {
  -webkit-animation: circleBefore 5s linear forwards;
          animation: circleBefore 5s linear forwards;
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .swiper-pagination-bullet-active.circle::after {
  -webkit-animation: circleAfter 5s linear forwards;
          animation: circleAfter 5s linear forwards;
}
.p-page-home .top-mainvisual__slider .top-main-slider__pagination .swiper-pagination-bullet-active.circle .circle_inner span {
  opacity: 1;
}
@-webkit-keyframes circleAfter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    background: var(--color-bg-2);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background: var(--color-bg-2);
  }
  50.01% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    background: #CEC193;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    background: #CEC193;
  }
}
@keyframes circleAfter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    background: var(--color-bg-2);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
    background: var(--color-bg-2);
  }
  50.01% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    background: #CEC193;
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    background: #CEC193;
  }
}
@-webkit-keyframes circleBefore {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}
@keyframes circleBefore {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
}
.p-page-home .pj-homeSection__title {
  display: grid;
  grid-gap: 1.5rem;
  text-align: left;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .p-page-home .pj-homeSection__title {
    grid-gap: 2rem;
    margin-bottom: 4rem;
  }
}
.p-page-home .pj-homeSection__title .title-en {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 0.8rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-en);
  color: #B0D082;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  line-height: 1;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-page-home .pj-homeSection__title .title-en {
    font-size: 1.6rem;
  }
}
.p-page-home .pj-homeSection__title .title-en::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 5rem;
  background-color: #B0D082;
}
.p-page-home .pj-homeSection__title .title-ja {
  font-family: var(--font-ja);
  font-size: 2.4rem;
  letter-spacing: 0.15em;
  line-height: 1.6666666667;
  font-weight: var(--fw-bold);
}
@media screen and (min-width: 768px) {
  .p-page-home .pj-homeSection__title .title-ja {
    font-size: 3rem;
  }
}

.pj-text-link__wrapper .pj-text-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 1rem;
  padding-bottom: 0.7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid;
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  font-family: var(--font-ja);
}
@media screen and (min-width: 768px) {
  .pj-text-link__wrapper .pj-text-link {
    font-size: 1.5rem;
  }
}
.pj-text-link__wrapper .pj-text-link svg {
  width: 2.6rem;
  height: 2.6rem;
}

.pj-btn-link__wrapper {
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .pj-btn-link__wrapper {
    margin-top: 5rem;
  }
}
.pj-btn-link__wrapper .pj-btn-link {
  display: grid;
  grid-template-columns: 1.2rem 1fr 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 1rem;
  width: 27.5rem;
  height: 5.2rem;
  font-size: 1.6rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  font-family: var(--font-ja);
  background-color: var(--color-btn-main);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5rem;
  margin: 0 auto;
  text-align: center;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .pj-btn-link__wrapper .pj-btn-link {
    width: 32rem;
    height: 6rem;
    grid-template-columns: 1.5rem 1fr 1.5rem;
    padding: 0 2.4rem;
  }
}
.pj-btn-link__wrapper .pj-btn-link::before {
  content: "";
  display: block;
}
.pj-btn-link__wrapper .pj-btn-link svg {
  width: 1.2rem;
  height: 1.4rem;
}
@media screen and (min-width: 768px) {
  .pj-btn-link__wrapper .pj-btn-link svg {
    width: 1.5rem;
    height: 1.3rem;
  }
}

@media (hover: hover) {
  .pj-btn-link__wrapper .pj-btn-link {
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
  }
  .pj-btn-link__wrapper .pj-btn-link:hover {
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
  .pj-text-link {
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
  }
  .pj-text-link svg {
    -webkit-transition: var(--transition-default);
    transition: var(--transition-default);
  }
  .pj-text-link:hover svg {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
  .top-recommended__list-item a:hover .pj-text-link svg {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}
@media screen and (max-width: 767px) {
  .pj-homeSection {
    padding-top: 6rem;
  }
}

.pj-l-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .pj-l-container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

[data-section=top-about] {
  position: relative;
  overflow: hidden;
  padding-top: 6.5rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] {
    padding-top: calc(125 * 100vw / 1200);
    padding-bottom: calc(160 * 100vw / 1200);
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about] {
    padding-top: 12.5rem;
    padding-bottom: 16rem;
  }
}
[data-section=top-about]::before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 3rem;
  left: -4.1rem;
  display: block;
  width: 21.7rem;
  height: 19.3rem;
  background: url("../../assets/img/home/about/about_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  [data-section=top-about]::before {
    width: calc(439 * 100vw / 1200);
    height: calc(392 * 100vw / 1200);
    left: calc(-800 * 100vw / 1200);
    margin-left: 50%;
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about]::before {
    width: 43.9rem;
    height: 39.2rem;
    left: -80rem;
  }
}
[data-section=top-about]::after {
  content: "";
  z-index: 0;
  position: absolute;
  bottom: 5rem;
  right: -1.7rem;
  display: block;
  width: 20.4rem;
  height: 21rem;
  background: url("../../assets/img/home/about/about_bg_2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  [data-section=top-about]::after {
    width: calc(332 * 100vw / 1200);
    height: calc(339 * 100vw / 1200);
    right: calc(-827 * 100vw / 1200);
    bottom: calc(8 * 100vw / 1200);
    margin-left: auto;
    margin-right: 50%;
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about]::after {
    width: 33.2rem;
    height: 33.9rem;
    right: -82.7rem;
    bottom: 8rem;
  }
}
[data-section=top-about] .pj-homeSection__title {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-homeSection__title {
    margin-bottom: 1rem;
  }
}
[data-section=top-about] .pj-homeSection__title .title-ja {
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-homeSection__title .title-ja {
    font-size: 2.6rem;
  }
}
[data-section=top-about] .pj-l-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-l-container {
    padding-left: 3rem;
    padding-right: 3rem;
    display: grid;
    grid-template-columns: calc(572 * 100vw / 1200) calc(400 * 100vw / 1200);
    grid-gap: calc(70 * 100vw / 1200);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about] .pj-l-container {
    grid-template-columns: 57.2rem 40rem;
    grid-gap: 7rem;
  }
}
[data-section=top-about] .pj-contents__text {
  display: grid;
  grid-gap: 2rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-contents__text {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-contents__text .pj-homeSection__title {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-contents__text .pj-homeSection__description {
    margin-bottom: 2rem;
  }
}
[data-section=top-about] .pj-homeSection__description {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: var(--fw-medium);
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-homeSection__description {
    font-size: calc(16 * 100vw / 1200);
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about] .pj-homeSection__description {
    font-size: 1.6rem;
  }
}
[data-section=top-about] .pj-contents__img {
  width: calc(200 * 100vw / 375);
  margin: 1rem auto 0;
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-contents__img {
    width: calc(400 * 100vw / 1200);
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  [data-section=top-about] .pj-contents__img {
    width: 40rem;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-about] .pj-text-link__wrapper .pj-text-link {
    font-size: 1.8rem;
    margin-top: 4rem;
  }
}

[data-section=top-recommended] {
  background-color: #FCF8F0;
  border-radius: 5rem 5rem 0 0;
  padding-top: 6rem;
  margin-top: 6rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommended] {
    border-radius: 10rem 10rem 0 0;
    margin-top: 0;
    padding-top: 11.4rem;
  }
}
[data-section=top-recommended] .pj-homeSection__title {
  margin-bottom: 3rem;
}
[data-section=top-recommended] .top-recommended__list {
  display: grid;
  grid-gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommended] .top-recommended__list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.5rem;
  }
}
[data-section=top-recommended] .top-recommended__list-item {
  background-color: var(--color-bg);
  border: 1px solid var(--color-btn-main);
  border-radius: 1.5rem;
  overflow: hidden;
}
[data-section=top-recommended] .top-recommended__list-item a {
  display: block;
  height: 100%;
}
@media screen and (max-width: 767px) {
  [data-section=top-recommended] .top-recommended__list-item a .pj-contents__img {
    width: 24.5rem;
    margin: 2rem auto;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-recommended] .top-recommended__list-item a .pj-contents__img {
    margin-bottom: 2rem;
  }
}
[data-section=top-recommended] .top-recommended__list-item a .c-productUser-body {
  margin-top: 0;
}
[data-section=top-recommended] .top-recommended__list-item a .c-productUser-body__title {
  padding: 0 2rem;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}
[data-section=top-recommended] .top-recommended__list-item a .pj-homeSection__description {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 1.5rem;
}
[data-section=top-recommended] .top-recommended__list-item a .c-productUser-body__title-name {
  font-size: 1.8rem;
  line-height: 1.5555555556;
}
[data-section=top-recommended] .top-recommended__list-item a .pj-text-link__wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  padding: 0 2rem;
  margin-bottom: 2.5rem;
}
[data-section=top-recommended] .top-recommended__list-item a .pj-text-link__wrapper .pj-text-link {
  font-size: 1.4rem;
  grid-template-columns: 1fr 2.2rem;
}

[data-section=top-recommend-products] {
  background-color: #FCF8F0;
  padding-bottom: 12rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommend-products] {
    margin-bottom: 0;
    padding-bottom: 24.4rem;
  }
}
[data-section=top-recommend-products] .c-productUser-head__link {
  height: 100%;
  display: block;
  background-color: var(--color-bg);
  border: 1px solid var(--color-btn-main);
  overflow: hidden;
  border-radius: 1.5rem;
}
[data-section=top-recommend-products] .c-product-head__picture,
[data-section=top-recommend-products] .c-productUser-head__picture {
  margin-bottom: 1.2rem;
  border-bottom: 1px solid #F4F3E6;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommend-products] .c-product-head__picture,
  [data-section=top-recommend-products] .c-productUser-head__picture {
    margin-bottom: 1.6rem;
  }
}
[data-section=top-recommend-products] .c-product-head__picture::before,
[data-section=top-recommend-products] .c-productUser-head__picture::before {
  padding-top: 100%;
}
[data-section=top-recommend-products] .c-productUser-head__status {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommend-products] .c-productUser-head__status {
    padding: 0 1.5rem;
  }
}
[data-section=top-recommend-products] .c-productUser-body {
  margin-top: 1rem;
  padding: 0 1rem 2rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recommend-products] .c-productUser-body {
    padding: 0 1.5rem 2.5rem;
  }
}

.p-page-home:not(:has([data-section=top-recommend-products])) [data-section=top-recommended] {
  padding-bottom: 12rem;
}
@media screen and (min-width: 768px) {
  .p-page-home:not(:has([data-section=top-recommend-products])) [data-section=top-recommended] {
    padding-bottom: 24.4rem;
  }
}

[data-section=top-category] {
  background-color: var(--color-bg-2);
  border-radius: 5rem 5rem 0 0;
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-category] {
    border-radius: 10rem 10rem 0 0;
    padding-top: 10rem;
    margin-top: -12rem;
  }
}

[data-section=top-news] {
  background-color: var(--color-bg-2);
  border-radius: 6rem 6rem 0 0;
  padding-top: 6rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-news] {
    border-radius: 10rem 10rem 0 0;
    padding-top: 10rem;
  }
}
[data-section=top-news] .p-news-container {
  background-color: #FFFEF4;
  border: 2px solid var(--color-btn-main);
  border-radius: 2.5rem;
  padding: 4rem 2rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-news] .p-news-container {
    border-radius: 5rem;
    padding: 8rem 10rem;
  }
}
[data-section=top-news] .p-news-container .pj-text-link__wrapper {
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  [data-section=top-news] .p-news-container .pj-text-link__wrapper .pj-text-link {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  [data-section=top-news] .p-news-container .pj-text-link__wrapper .pj-text-link svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}
[data-section=top-news] .p-homeNewsList {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-news] .p-homeNewsList {
    margin-bottom: 3rem;
  }
}
[data-section=top-news] .p-homeNewsList-body {
  border-color: #E6E5D3;
}
@media screen and (min-width: 768px) {
  [data-section=top-news] .p-homeNewsList__item {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-news] .p-homeNewsList-body__time {
    width: 10rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  [data-section=top-news] .p-homeNewsList-body__title {
    max-width: calc(100% - 10rem);
    font-size: 1.6rem;
  }
}

.c-productUser-head__status {
  position: static;
}
.c-productUser-head__status .c-productUser-sIcon__item:empty {
  display: none;
}

.c-product .c-product-head__picture,
.c-product .c-productUser-head__picture,
.c-productUser .c-product-head__picture,
.c-productUser .c-productUser-head__picture {
  margin-bottom: 1rem;
}
.c-product .c-product-head__picture::before,
.c-product .c-productUser-head__picture::before,
.c-productUser .c-product-head__picture::before,
.c-productUser .c-productUser-head__picture::before {
  padding-top: 100%;
}
.c-productUser-body__title,
.c-product-body__title {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .c-productUser-body__title,
  .c-product-body__title {
    margin-bottom: 1rem;
  }
}

.c-productUser .c-price__price-type,
.c-productUser-body .c-price__price-type,
.c-product-body .c-price__price-type {
  font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
  .c-productUser .c-price__price-type,
  .c-productUser-body .c-price__price-type,
  .c-product-body .c-price__price-type {
    font-size: 1.2rem;
  }
}
.c-productUser .c-price__tax,
.c-productUser-body .c-price__tax,
.c-product-body .c-price__tax {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .c-productUser .c-price__tax,
  .c-productUser-body .c-price__tax,
  .c-product-body .c-price__tax {
    font-size: 1.1rem;
  }
}
.c-productUser .c-price__discountrate,
.c-productUser-body .c-price__discountrate,
.c-product-body .c-price__discountrate {
  color: var(--color-red);
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .c-productUser .c-price__discountrate,
  .c-productUser-body .c-price__discountrate,
  .c-product-body .c-price__discountrate {
    font-size: 1.4rem;
  }
}
.c-productUser [data-product-type=subsc][data-subsc=first-time],
.c-productUser-body [data-product-type=subsc][data-subsc=first-time],
.c-product-body [data-product-type=subsc][data-subsc=first-time] {
  color: var(--color-red);
}

[data-product-type=discount] + [data-product-type=regular].c-productUser-body__price {
  color: #888;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  [data-product-type=discount] + [data-product-type=regular].c-productUser-body__price {
    font-size: 1.6rem;
  }
}
[data-product-type=discount] + [data-product-type=regular].c-productUser-body__price .c-price__wrapper {
  position: relative;
}
[data-product-type=discount] + [data-product-type=regular].c-productUser-body__price .c-price__wrapper::before {
  content: "";
  position: absolute;
  width: 96%;
  height: 1px;
  background-color: #888;
  top: 5px;
  bottom: 0;
  margin: auto;
}
[data-product-type=discount] + [data-product-type=regular].c-productUser-body__price .c-price__tax {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  [data-product-type=discount] + [data-product-type=regular].c-productUser-body__price .c-price__tax {
    font-size: 1rem;
  }
}

[data-section=top-recently] .m-productLineHome-col3-md6 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
[data-section=top-recently] .c-product-head__picture {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--color-btn-main);
  background-color: #F8F4E3;
}
[data-section=top-recently] .c-product-body__title {
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  [data-section=top-recently] .c-product-body__title {
    margin-bottom: 1rem;
  }
}

.p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist {
  display: grid;
  grid-gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist {
    display: grid;
    grid-gap: 2rem min(2vw, 2.4rem);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist {
    grid-template-columns: repeat(4, 1fr);
  }
}
.p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-categoryNav__navlist-item {
  border: 1px solid #D9D9BF;
  border-radius: 1rem;
  overflow: hidden;
  background-color: var(--color-bg-2);
}
@media screen and (max-width: 991px) {
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents--heading,
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents--heading > a {
    width: 100%;
    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: #F8F4E3;
    padding: 0.8rem 0.8rem 0.8rem 1.5rem;
    font-size: 1.8rem;
    letter-spacing: 0.2em;
    line-height: 1;
    font-weight: var(--fw-bold);
  }
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents--heading .pj-categoryNav__navIcon,
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents--heading > a .pj-categoryNav__navIcon {
    width: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents-list > div {
    display: grid;
    grid-gap: 1rem;
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
    padding: 1.5rem 2rem;
  }
}
@media screen and (max-width: 991px) {
  .p-page-home:not(:has(.pj-header)) .pj-categoryNav__navlist .pj-category-list__parents-list > div {
    display: grid;
    grid-gap: 1rem;
    font-size: 1.6rem;
    font-weight: var(--fw-bold);
    padding: 1rem 2rem;
  }
}
/* 追従バナー
==================================== */
.fixed-banner__onetime {
  opacity: 1;
  visibility: visible;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 100;
  width: 21rem;
  height: 10rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .fixed-banner__onetime {
    width: 30rem;
    height: 13.5rem;
    left: 2rem;
    bottom: 3rem;
  }
}

.fixed-banner__close {
  padding: 0;
  margin: 0;
  border-radius: 5rem;
  border: none;
  position: absolute;
  top: 0;
  left: -1rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--color-secondary);
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .fixed-banner__close {
    width: 4rem;
    height: 4rem;
  }
}
.fixed-banner__close svg {
  width: 3rem;
  height: 3rem;
}
@media screen and (min-width: 768px) {
  .fixed-banner__close svg {
    width: 4rem;
    height: 4rem;
  }
}