@charset "UTF-8";
@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  30% {
    opacity: 1;
    transform: scale(1.25);
  }
  40% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1.15);
  }
  65% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

:root {
  --jcs-color-bg: #FAFAFA;
  --jcs-color-gray-01: #F2F2F2;
  --jcs-color-gray-02: #DCDBDB;
  --jcs-color-gray-03: #989494;
  --jcs-color-gray-04: #989494;
  --jcs-color-gray-30: #989494;
  --jcs-color-gray-80: #6A6A6A;
  --jcs-color-gray-hover: #E3E3E3;
  --jcs-color-gray-hover-dark: #CFCECE;
  --jcs-color-black: #222121;
  --jcs-color-black-alpha-40: rgba(#222121, .4);
  --jcs-color-black-alpha-70: rgba(#222121, .7);
  --jcs-color-red: #E70012;
  --jcs-color-red-vivid: #F00;
  --jcs-color-red-alpha-10: rgba(231, 0, 18, 0.1);
  --jcs-color-red-alpha-20: rgba(231, 0, 18, 0.2);
  --jcs-color-red-hover: #D90213;
  --jcs-color-red-hover-dark: #CC0010;
  --jcs-color-gold: #C3A06F;
  --jcs-color-blue: #00A9E7;
  --jcs-color-blue-alpha-10: rgba(0, 169, 231, 0.1);
  --jcs-color-blue-vivid: #0065FF;
  --jcs-color-blue-dark: #007CD9;
  --jcs-color-skyBlue: #00C2E8;
  --jcs-color-palgeBlue: #5BADE0;
  --jcs-color-yellow: #F7B027;
  --jcs-color-yellow-dark: #E89800;
  --jcs-color-green: #00BF49;
  --jcs-color-green-dark: #007569;
  --jcs-color-yellowGreen: #48B418;
  --jcs-color-mossGreen: #154201;
  --jcs-color-purple: #9500D1;
  --jcs-color-bluePurple: #7143D1;
  --jcs-color-pink: #EB2286;
  --jcs-color-white: #fff;
  --jcs-color-white-hover: #F0EFEF;
  --jcs-color-first: #D99400;
  --jcs-color-second: #B2B2B2;
  --jcs-color-third: #9A4804;
  --jcs-color-ranking: #8F8F8F;
  --jcs-zindex-fixedHeader: 100;
  --jcs-zindex-fixedNav: 99;
  --jcs-zindex-modal: 101;
}

.wrapper {
  overflow: visible!important;
}

.l-jcs-header input::-moz-placeholder {
  color: var(--jcs-color-gray-03);
  font-weight: 600;
}
.l-jcs-header input::placeholder {
  color: var(--jcs-color-gray-03);
  font-weight: 600;
}

.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]) {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid var(--jcs-color-gray-02);
  background: #fff;
  padding: 0 5.1282051282vw;
  border-radius: 2.0512820513vw;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]):focus-visible {
  outline: none;
  border-color: var(--jcs-color-gray-03);
  box-shadow: 0 0 0 2px var(--jcs-color-gray-02);
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]):not(.is-invalid):not([class*=inputsValue]):-webkit-autofill {
  box-shadow: 0 0 0 10000px #E5F6FD inset !important;
  border-width: 2px !important;
  background-color: #E5F6FD !important;
  border-color: var(--jcs-color-blue) !important;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]):not(.is-invalid):not([class*=inputsValue]):-webkit-autofill,
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]):not(.is-invalid):not([class*=inputsValue]):not(:placeholder-shown):not(:focus):valid,
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]):not(.is-invalid):not([class*=inputsValue]):autofill {
  box-shadow: 0 0 0 10000px #E5F6FD inset !important;
  border-width: 2px !important;
  background-color: #E5F6FD !important;
  border-color: var(--jcs-color-blue) !important;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).is-invalid {
  box-shadow: 0 0 0 1px var(--jcs-color-red) !important;
  border-width: 1px !important;
  background-color: #FDE5E7 !important;
  border-color: var(--jcs-color-red) !important;
  font-weight: 600;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).is-invalid::-moz-placeholder {
  color: rgba(231, 0, 18, 0.6) !important;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).is-invalid::placeholder {
  color: rgba(231, 0, 18, 0.6) !important;
}
.l-jcs-header input[type=search]:focus-visible {
  outline: none;
}
.l-jcs-header input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]) {
  height: 14.6153846154vw;
  line-height: 1;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range])[class*=c-jcs-input-size]:focus-visible {
  border-color: var(--jcs-color-gray-03) !important;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeS {
  height: 12.3076923077vw;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeS::-moz-placeholder {
  color: var(--jcs-color-gray-02);
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeS::placeholder {
  color: var(--jcs-color-gray-02);
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs-M {
  height: 10.5128205128vw;
  font-size: 3.3333333333vw;
  background-color: var(--jcs-color-white);
  border-color: var(--jcs-color-white);
  border-radius: 1.2820512821vw;
  max-width: 35.8974358974vw;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs-M::-moz-placeholder {
  font-weight: 400;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs-M::placeholder {
  font-weight: 400;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs {
  height: 10.5128205128vw;
  font-size: 3.3333333333vw;
  background-color: var(--jcs-color-white);
  border-color: var(--jcs-color-white);
  border-radius: 1.2820512821vw;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs::-moz-placeholder {
  font-weight: 400;
}
.l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs::placeholder {
  font-weight: 400;
}
.l-jcs-header input[type=checkbox], .l-jcs-header input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.l-jcs-header input::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

.l-jcs-header input::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

.l-jcs-header {
  background: var(--jcs-color-bg);
  border-bottom: 1px solid var(--jcs-color-gray-01);
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", sans-serif;
  font-size: 1.3rem;
  color: var(--jcs-color-black);
  background: var(--jcs-color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.l-jcs-header button {
  cursor: pointer;
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  border-width: 0;
  padding: 0;
}
.l-jcs-header address, .l-jcs-header em {
  font-style: normal;
}
.l-jcs-header em {
  font-weight: 600;
}
.l-jcs-header a:focus-visible, .l-jcs-header button:focus-visible, .l-jcs-header label:focus-visible {
  outline: none;
}
.l-jcs-header:has(.modal):has(.modal:not(.is-open)) {
  overflow: inherit !important;
}

.l-jcs-header__inner {
  max-width: 144rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  height: 16.4102564103vw;
  padding: 0 5.1282051282vw;
}

.l-jcs-header__logo {
  margin: 0;
  line-height: 0;
}

.l-jcs-header__logo img {
  width: 40vw;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.l-jcs-header__nav svg {
  width: 2.4rem;
  aspect-ratio: 1;
  fill: var(--jcs-color-gold);
}

.l-jcs-header__navList {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 2.4rem;
  height: 100%;
}
.l-jcs-header__navList li {
  height: 100%;
}

.l-jcs-header__navButton {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 0.7rem;
  height: 100%;
  font-weight: 600;
}

.l-jcs-header__navIcon {
  line-height: 0;
}

.l-jcs-header__navText {
  line-height: 1;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.icon-user-bg {
  fill: currentColor;
}

.l-jcs-header__actionList {
  display: flex;
  flex-wrap: wrap;
  gap: 4.6153846154vw;
  height: 100%;
}
.l-jcs-header__actionList li {
  height: 100%;
}

.l-jcs-header__actionButton {
  display: flex;
  align-items: center;
  height: 100%;
}
.l-jcs-header__actionButton svg {
  width: 6.1538461538vw;
  aspect-ratio: 1;
  fill: var(--jcs-color-gray-03);
  color: var(--jcs-color-gray-02);
  transition: all 0.1s ease;
  transition-property: color, fill;
}
.l-jcs-header__actionButton._loggedIn svg {
  color: var(--jcs-color-red);
  fill: var(--jcs-color-red-alpha-20);
}

.l-jcs-header__actionButton-inner {
  position: relative;
  line-height: 0;
}

.l-jcs-header__actionButton-badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  text-align: center;
  line-height: 1;
  color: #fff;
  background: var(--jcs-color-red);
  font-feature-settings: "palt" 1;
  font-weight: 700;
  top: -1.2820512821vw;
  right: -2.5641025641vw;
  height: 4.358974359vw;
  min-width: 4.358974359vw;
  padding: 0 1.2820512821vw;
  font-size: 1.7948717949vw;
}

.l-jcs-header__search {
  position: relative;
  margin-right: min(0.5555555556vw, 8px);
  align-self: center;
}

.l-jcs-header__searchOverlay {
  z-index: var(--jcs-zindex-modal);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--jcs-color-black);
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  visibility: hidden;
  transition: all 0.2s ease-out;
  transition-property: opacity, visibility;
}
.is-focus .l-jcs-header__searchOverlay {
  visibility: visible;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  opacity: 0.7;
}

.l-jcs-header__searchToggle {
  display: flex;
  align-items: center;
  width: 7.6923076923vw;
  height: 11.2820512821vw;
}
.l-jcs-header__searchToggle svg {
  width: 3.0769230769vw;
  aspect-ratio: 1;
  transform: rotate(-90deg);
  fill: var(--jcs-color-gray-03);
}

.l-jcs-header__searchBox {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 3.5897435897vw;
  height: 11.2820512821vw;
  padding: 0 4.358974359vw;
  border-radius: 2.0512820513vw;
  background: var(--jcs-color-white);
  z-index: 1;
}

.l-jcs-header__searchBox input[type=search]:not(.ignore) {
  padding: 4px;
  font-weight: 400;
}

.is-focus .l-jcs-header__searchBox {
  z-index: var(--jcs-zindex-modal);
}

.l-jcs-header__searchIcon {
  line-height: 0;
}

.l-jcs-header__searchIcon svg {
  width: 4.1025641026vw;
  aspect-ratio: 1;
  fill: var(--jcs-color-gray-03);
}

.l-jcs-header__searchReset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  visibility: hidden;
}
.is-inputed + .l-jcs-header__searchReset {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.l-jcs-header__searchReset svg {
  width: 1rem;
  aspect-ratio: 1;
  color: var(--jcs-color-gray-03);
}
.l-jcs-header__searchReset:hover svg {
  color: var(--jcs-color-gray-80);
}
.c-jcs-suggest {
  z-index: var(--jcs-zindex-modal);
  width: 100%;
  background: #fff;
  border-radius: 0.8rem;
}
.is-focus .c-jcs-suggest {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.c-jcs-suggest:not(:has(.c-jcs-suggest__inner)) {
  display: none;
}
.p-jcs-filter__search.is-focus .c-jcs-suggest {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.c-jcs-suggest__inner {
  overflow: scroll;
}
.c-jcs-suggest__inner .os-scrollbar, .c-jcs-suggest__inner .os-scrollbar-track {
  width: 0.4rem;
}
.c-jcs-suggest__inner .os-scrollbar {
  padding: 1.5rem 0;
}
.c-jcs-suggest__inner .os-scrollbar-handle {
  width: 0.4rem;
  background: var(--jcs-color-ranking);
}

.c-jcs-suggest__heading {
  font-size: 4.1025641026vw;
  line-height: 1;
  font-weight: 600;
}

.c-jcs-suggest__label {
  line-height: 1;
  font-weight: 600;
  color: var(--jcs-color-gray-03);
  font-size: 3.0769230769vw;
  margin-bottom: 6.1538461538vw;
}

.c-jcs-suggest__list {
  margin-top: 6.1538461538vw;
}
.c-jcs-suggest__list:has(+ .c-jcs-suggest__heading) {
  margin-bottom: 12.8205128205vw;
}

.c-jcs-suggest__list li:not(:last-child) {
  border-bottom: 1px solid var(--jcs-color-gray-01);
}

.c-jcs-suggest__link {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-weight: 600;
  padding: 3.0769230769vw 0;
}
.c-jcs-suggest__link:not(:has([class*=suggest__icon])):not(:has([class*=suggest__thumb])):not(:has([class*=suggest__logo])) {
  grid-template-columns: 1fr;
  padding: 4.1025641026vw 0;
}
.c-jcs-suggest__list li:first-child .c-jcs-suggest__link {
  padding-top: 0 !important;
}
.c-jcs-suggest__list li:last-child .c-jcs-suggest__link {
  padding-bottom: 0 !important;
}

.c-jcs-suggest__text {
  display: flex;
  flex-direction: column;
  gap: 2.0512820513vw;
  line-height: 1;
}
.c-jcs-suggest__text em, .c-jcs-suggest__text span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.c-jcs-suggest__text em {
  line-height: 1.2;
}

.c-jcs-suggest__price {
  font-weight: 400;
  padding-left: 0.6em;
}

[class*=c-jcs-suggest__icon] {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  line-height: 1;
  text-align: center;
  font-weight: 600;
}

[class*=c-jcs-suggest__icon0] {
  color: var(--jcs-color-white);
  -webkit-mask: url(../img/icon-ranking-bg.svg) center/2.8rem auto no-repeat;
          mask: url(../img/icon-ranking-bg.svg) center/2.8rem auto no-repeat;
}

.c-jcs-suggest__icon {
  border: 1px solid var(--jcs-color-gray-01);
  border-radius: 100px;
}

.c-jcs-suggest__icon01 {
  background: var(--jcs-color-first);
}

.c-jcs-suggest__icon02 {
  background: var(--jcs-color-second);
}

.c-jcs-suggest__icon03 {
  background: var(--jcs-color-third);
}

.c-jcs-suggest__thumb,
.c-jcs-suggest__logo {
  position: relative;
  width: 12.3076923077vw;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.4rem;
  border: 1px solid var(--jcs-color-gray-01);
}
.c-jcs-suggest__thumb::after,
.c-jcs-suggest__logo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(34, 33, 33, 0.1);
  opacity: 0;
  transition: all 0.1s ease;
  transition-property: opacity;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-jcs-suggest__thumb img,
.c-jcs-suggest__logo img {
  height: 100%;
  max-width: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.c-jcs-suggest__logo {
  border-radius: 100px;
}

.c-jcs-suggest__nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5641025641vw;
  margin-bottom: 12.8205128205vw;
}

.c-jcs-suggest__navButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.0512820513vw;
  background: var(--jcs-color-gray-01);
  border-radius: 3.0769230769vw;
  height: 22.3076923077vw;
}

.c-jcs-suggest__navIcon {
  width: 7.4358974359vw;
}
.c-jcs-suggest__navIcon svg {
  width: 100%;
  aspect-ratio: 1;
  fill: var(--jcs-color-red);
}

.c-jcs-suggest__navText {
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 2.8205128205vw;
  line-height: 1.3;
  font-weight: 600;
}

.l-jcs-pagetop {
  max-width: 144rem;
  width: 100%;
  margin-inline: auto;
}

.l-jcs-pagetop__inner {
  display: flex;
  height: 1px;
  justify-content: flex-end;
  position: relative;
  padding: 0 4.1025641026vw;
}

.l-jcs-pagetop__button {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.9487179487vw;
  aspect-ratio: 1;
  background: var(--jcs-color-white);
  border: 1px solid var(--jcs-color-gray-01);
  border-radius: 100px;
  box-shadow: 0 1.0256410256vw 1.0256410256vw 0 rgba(143, 0, 11, 0.6);
}
.l-jcs-pagetop__button svg {
  width: 4.1025641026vw;
  aspect-ratio: 1;
  fill: var(--jcs-color-red);
}

.l-jcs-footer {
  color: var(--jcs-color-white);
}

.l-jcs-footer__inner {
  max-width: 89.7435897436vw;
  margin-inline: auto;
}

.l-jcs-footer__body {
  padding: 8.7179487179vw 7.6923076923vw 7.6923076923vw;
  border-radius: 5.1282051282vw;
  background: var(--jcs-color-red);
}

.l-jcs-footer__logo img {
  width: 63.5897435897vw;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.l-jcs-footer__nav {
  margin-top: 7.1794871795vw;
}
.l-jcs-footer__nav a:focus-visible,
.l-jcs-footer__nav a a:focus-visible, button:focus-visible .l-jcs-footer__nav a {
  outline: none;
  text-decoration: underline;
}

.l-jcs-footer__links {
  font-size: 3.3333333333vw;
  font-weight: 600;
}
.l-jcs-footer__links li {
  line-height: 1;
}
.l-jcs-footer__links li:not(:last-child) {
  margin-bottom: 3.5897435897vw;
}

.l-jcs-footer__sns {
  display: flex;
  flex-wrap: wrap;
  gap: 3.8461538462vw;
  align-items: center;
  margin-top: 8.9743589744vw;
}
.l-jcs-footer__sns img {
  vertical-align: middle;
  filter: invert(0);
  opacity: 1;
  transition: all 0.1s ease;
  transition-property: opacity;
}
.l-jcs-footer__sns img[src*=icon-x] {
  height: 5.641025641vw;
}
.l-jcs-footer__sns img[src*=icon-ig] {
  height: 6.1538461538vw;
}

.l-jcs-footer__banner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
}

.l-jcs-footer__bannerItem {
  position: relative;
  width: 17.5rem;
  border-radius: 1.2rem;
  overflow: hidden;
  transition: all 0.1s ease;
  transition-property: opacity;
}
.l-jcs-footer__bannerItem::before {
  position: absolute;
  inset: 0;
  content: "";
  border: 1px solid var(--jcs-color-gray-01);
  border-radius: 1.2rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.l-jcs-footer__bannerItem::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(34, 33, 33, 0.1);
  opacity: 0;
  transition: all 0.1s ease;
  transition-property: opacity;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.l-jcs-footer__bannerItem img {
  border-radius: 1.2rem;
  overflow: hidden;
  width: 100%;
}

.l-jcs-footer__company {
  display: grid;
  grid-template-columns: 1fr;
  line-height: 1.3;
  font-size: 2.5641025641vw;
}

.l-jcs-footer__companyLogo svg {
  width: 20vw;
  aspect-ratio: 78/23;
  fill: var(--jcs-color-white);
}

.l-jcs-footer__copy {
  font-size: 2.5641025641vw;
  color: var(--jcs-color-black);
  padding-inline: 2.0512820513vw;
  padding-bottom: 10.2564102564vw;
  margin-top: 3.5897435897vw;
  text-align: right;
}

.c-jcs-fixedNav__list {
  display: flex;
  justify-content: center;
}

.c-jcs-fixedNav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19.2307692308vw;
  height: 15.3846153846vw;
  padding-bottom: 0.5128205128vw;
}
.c-jcs-fixedNav__link svg {
  width: 7.1794871795vw;
  aspect-ratio: 1;
  fill: var(--jcs-color-gray-03);
  color: var(--jcs-color-gray-02);
}
.c-jcs-fixedNav__link .is-current svg,
.c-jcs-fixedNav__link svg#nav-home {
  fill: var(--jcs-color-red);
}
.c-jcs-fixedNav__link .icon-user-bg {
  fill: currentColor;
}
.c-jcs-fixedNav__link._loggedIn svg {
  color: var(--jcs-color-red);
  fill: var(--jcs-color-red-alpha-20);
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]), [data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar, [data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner, [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar, [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}

html[data-overlayscrollbars-body] {
  overflow: hidden;
}

html[data-overlayscrollbars-body], html[data-overlayscrollbars-body] > body {
  height: 100%;
  margin: 0;
  width: 100%;
}

html[data-overlayscrollbars-body] > body {
  margin: 0;
  overflow: visible;
}

[data-overlayscrollbars] {
  position: relative;
}

[data-overlayscrollbars-padding], [data-overlayscrollbars~=host] {
  align-items: stretch !important;
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding], [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  border: none;
  box-sizing: inherit;
  flex: auto;
  height: auto;
  margin: 0;
  min-width: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw:0;
  --os-vah:0;
  outline: none;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before {
  content: "";
  height: var(--os-vah);
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
  position: absolute;
  width: var(--os-vaw);
  z-index: -1;
}

[data-overlayscrollbars-padding], [data-overlayscrollbars~=host] {
  overflow: hidden !important;
}

[data-overlayscrollbars-padding~=noClipping], [data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping] {
  overflow: visible !important;
}

[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x:hidden;
  --os-viewport-overflow-y:hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}

[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x:visible;
}

[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x:hidden;
}

[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x:scroll;
}

[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y:visible;
}

[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y:hidden;
}

[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y:scroll;
}

[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}

[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after, [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before, [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  clip: rect(0, 0, 0, 0) !important;
  border-width: 0 !important;
  display: none !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

[data-overlayscrollbars-viewport~=measuring], [data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}

[data-overlayscrollbars-grid], [data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding], [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport], [data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent:0;
  --os-scroll-percent:0;
  --os-scroll-direction:0;
  --os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent))*-1)*var(--os-scroll-direction));
  contain: size layout;
  contain: size layout style;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none !important;
}

.os-scrollbar-track {
  border: none !important;
  padding: 0 !important;
  position: relative;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-handle, .os-scrollbar-track {
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle, .os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  right: 0;
  top: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  left: 0;
  right: auto;
}

.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-unusable, .os-scrollbar-unusable *, .os-scrollbar-wheel, .os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  height: calc(var(--os-viewport-percent) * 100%);
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
}

@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    left: 0;
    right: auto;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  left: 0;
  right: auto;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless, .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless, .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  bottom: 0;
  top: 0;
}
.os-scrollbar {
  --os-size:0;
  --os-padding-perpendicular:0;
  --os-padding-axis:0;
  --os-track-border-radius:0;
  --os-track-bg:none;
  --os-track-bg-hover:none;
  --os-track-bg-active:none;
  --os-track-border:none;
  --os-track-border-hover:none;
  --os-track-border-active:none;
  --os-handle-border-radius:0;
  --os-handle-bg:none;
  --os-handle-bg-hover:none;
  --os-handle-bg-active:none;
  --os-handle-border:none;
  --os-handle-border-hover:none;
  --os-handle-border-active:none;
  --os-handle-min-size:33px;
  --os-handle-max-size:none;
  --os-handle-perpendicular-size:100%;
  --os-handle-perpendicular-size-hover:100%;
  --os-handle-perpendicular-size-active:100%;
  --os-handle-interactive-area-offset:0;
}

.os-scrollbar-track {
  background: var(--os-track-bg);
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar-track:hover {
  background: var(--os-track-bg-hover);
  border: var(--os-track-border-hover);
}

.os-scrollbar-track:active {
  background: var(--os-track-bg-active);
  border: var(--os-track-border-active);
}

.os-scrollbar-handle {
  background: var(--os-handle-bg);
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
}

.os-scrollbar-handle:hover {
  background: var(--os-handle-bg-hover);
  border: var(--os-handle-border-hover);
}

.os-scrollbar-handle:active {
  background: var(--os-handle-bg-active);
  border: var(--os-handle-border-active);
}

.os-scrollbar-handle:before, .os-scrollbar-track:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.os-scrollbar-horizontal {
  height: var(--os-size);
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
  bottom: calc(var(--os-padding-perpendicular) * -1);
  top: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size);
  max-width: var(--os-handle-max-size);
  min-width: var(--os-handle-min-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
  bottom: calc(var(--os-padding-perpendicular) * -1);
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  bottom: var(--os-size);
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  max-height: var(--os-handle-max-size);
  min-height: var(--os-handle-min-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
  width: var(--os-handle-perpendicular-size);
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

.os-theme-none.os-scrollbar, [data-overlayscrollbars-viewport~=measuring] > .os-scrollbar {
  display: none !important;
}

@media screen and (min-width: 1024px){
  .l-jcs-header {
    position: sticky;
    top: 0;
    z-index: var(--jcs-zindex-fixedHeader);
  }
  .l-jcs-header__inner {
    grid-template-columns: auto 1fr;
    gap: 2.4rem;
    height: 8.3rem;
    padding: 0 4rem;
  }
  .l-jcs-header__body {
    display: grid;
    gap: 4rem;
    grid-template-columns: 1fr auto auto;
  }
  .l-jcs-header__logo img {
    width: 15.8rem;
  }
  .l-jcs-header__actionList {
    gap: 2rem;
  }
  .l-jcs-header__actionButton svg {
    width: 2.8rem;
  }
  .l-jcs-header__actionButton-badge {
    top: -0.5rem;
    right: -1rem;
    height: 1.7rem;
    min-width: 1.7rem;
    padding: 0 0.5rem;
    font-size: 0.7rem;
  }
  .l-jcs-header__searchToggle {
    display: none;
  }
  .l-jcs-header__searchBox {
    gap: 1.4rem;
    height: 4.2rem;
    padding: 0 2.2rem;
    border: 1px solid var(--jcs-color-gray-01);
    border-radius: 0.8rem;
  }
  .l-jcs-header__searchIcon svg {
    width: 1.8rem;
  }
  .l-jcs-header__searchReset {
    right: 1.3rem;
    width: 1.8rem;
  }
  .l-jcs-pagetop__inner {
    padding: 0 11rem;
  }
  .l-jcs-pagetop__button {
    width: 9rem;
    box-shadow: 0px 4px 4px 0 rgba(143, 0, 11, 0.6);
  }
  .l-jcs-pagetop__button svg {
    width: 2.2rem;
  }
  .l-jcs-footer__inner {
    max-width: 144rem;
    margin-inline: auto;
    padding-top: 3.8rem;
    padding-inline: 4rem;
  }
  .l-jcs-footer__body {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    gap: 16rem 1.5rem;
    padding: 3.5rem 7rem 4.8rem;
    border-radius: 2rem;
  }
  .l-jcs-footer__logo img {
    width: 32rem;
  }
  .l-jcs-footer__nav {
    margin-top: 1.8rem;
  }
  .l-jcs-footer__links {
    font-size: 1.3rem;
  }
  .l-jcs-footer__links li:not(:last-child) {
    margin-bottom: 1.6rem;
  }
  .l-jcs-footer__sns {
    gap: 2rem;
    margin-top: 4.9rem;
  }
  .l-jcs-footer__sns img[src*=icon-x] {
    height: 2.2rem;
  }
  .l-jcs-footer__sns img[src*=icon-ig] {
    height: 2.4rem;
  }
  .l-jcs-footer__banner {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
    order: 2;
  }
  .l-jcs-footer__company {
    order: 1;
    gap: min(1.0416666667vw, 15px);
    font-size: 1rem;
    grid-template-columns: 7.8rem 1fr;
    align-self: end;
  }
  .l-jcs-footer__companyLogo svg {
    width: 7.8rem;
    height: 100%;
    max-width: inherit;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
  .l-jcs-footer__copy {
    padding-inline: 0.8rem;
    padding-bottom: 5rem;
    margin-top: 1.8rem;
    font-size: 1rem;
  }
  .c-jcs-suggest {
    position: absolute;
    top: 4.1rem;
    left: 0;
    padding-inline: 2.1rem 1.1rem;
    border: 1px solid var(--jcs-color-gray-01);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    visibility: hidden;
  }
  .c-jcs-suggest__inner {
    padding: 2.8rem 0 1.5rem;
    max-height: 54rem;
  }
  .c-jcs-suggest__heading {
    font-size: 1.6rem;
  }
  .c-jcs-suggest__label {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .c-jcs-suggest__list {
    margin-top: 2rem;
  }
  .c-jcs-suggest__list:has(+ .c-jcs-suggest__heading) {
    margin-bottom: 5rem;
  }
  .c-jcs-suggest__link {
    gap: 1.4rem;
    font-size: 1.2rem;
    padding: 1rem 0;
  }
  .c-jcs-suggest__link:not(:has([class*=suggest__icon])):not(:has([class*=suggest__thumb])):not(:has([class*=suggest__logo])) {
    padding: 1.2rem 0;
  }
  .c-jcs-suggest__text {
    gap: 0.8rem;
  }
  .c-jcs-suggest__text em {
    line-height: 1.1;
  }
  [class*=c-jcs-suggest__icon] {
    font-size: 0.8rem;
    width: 2.8rem;
  }
  .c-jcs-suggest__thumb,
  .c-jcs-suggest__logo {
    width: 4.8rem;
  }
  .c-jcs-suggest__nav {
    display: none;
  }
  .u-jcs-forSp {
    display: none !important;
  }
  .c-jcs-fixedNav {
    display: none;
  }
  l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]) {
    padding: 1.3rem 2rem;
    border-radius: 0.8rem;
  }
  l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]) {
    height: 4.8rem;
  }
  l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeS {
    height: 4.8rem;
    width: 100%;
    border-radius: 0.5rem;
    min-width: 30.6rem;
  }
  l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs-M {
    height: 4.1rem;
    font-size: 1.3rem;
    border-radius: 0.5rem;
    max-width: 12.7rem;
  }
  l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]).c-jcs-input-sizeXs {
    height: 4.1rem;
    font-size: 1.3rem;
    border-radius: 0.5rem;
    max-width: 25.4rem;
  }
}
@media screen and (max-width: 1279px){
  .l-jcs-header__inner {
    justify-content: space-between;
    gap: min(1.6666666667vw, 24px);
  }
  .l-jcs-header__body {
    gap: min(2.7777777778vw, 40px);
  }
  .l-jcs-header__navList {
    gap: min(1.6666666667vw, 24px);
  }
  .l-jcs-header__navButton {
    gap: min(0.4861111111vw, 7px);
  }
  .l-jcs-header__actionList {
    gap: min(1.3888888889vw, 20px);
  }
  .l-jcs-header__searchBox {
    gap: min(0.9722222222vw, 14px);
    padding-inline: min(1.5277777778vw, 22px);
  }
  .l-jcs-header__searchReset {
    right: min(0.9027777778vw, 13px);
  }
  .l-jcs-footer__body {
    -moz-column-gap: min(1.0416666667vw, 15px);
         column-gap: min(1.0416666667vw, 15px);
    padding-inline: min(4.8611111111vw, 70px);
  }
  .l-jcs-footer__banner {
    gap: min(0.8333333333vw, 12px);
  }
  .l-jcs-footer__bannerItem {
    width: min(12.1527777778vw, 175px);
  }
  .l-jcs-footer__company {
    gap: min(1.0416666667vw, 15px);
  }
  .c-jcs-suggest {
    padding-inline: min(1.4583333333vw, 21px) min(0.7638888889vw, 11px);
  }
  .c-jcs-suggest__link {
    gap: min(0.9722222222vw, 14px);
  }
  [class*=c-jcs-suggest__icon] {
    width: min(1.9444444444vw, 28px);
  }
  [class*=c-jcs-suggest__icon0] {
    -webkit-mask-size: min(1.9444444444vw, 28px) auto;
            mask-size: min(1.9444444444vw, 28px) auto;
  }
  .c-jcs-suggest__thumb,
  .c-jcs-suggest__logo {
    width: min(3.3333333333vw, 48px);
  }
}
@media screen and (max-width: 1056px){
  .l-jcs-header__body {
    gap: min(2.0833333333vw, 30px);
  }
  .l-jcs-header__navList {
    gap: min(1.3888888889vw, 20px);
  }
  .l-jcs-header__search {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px){
  .l-jcs-header__nav {
    display: none;
  }
  .l-jcs-header__actionList {
    gap: 4.6153846154vw;
  }
  .l-jcs-header__search {
    z-index: var(--jcs-zindex-modal);
    width: 100%;
    height: 100dvh;
    background: #fff;
    padding: 6.1538461538vw 5.1282051282vw;
    display: none;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    align-items: start;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    visibility: hidden;
  }
  .is-visible-search-sp .l-jcs-header__search {
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }
  .l-jcs-header__search form {
    display: contents;
  }
  .l-jcs-header__searchOverlay {
    display: none;
  }
  .l-jcs-header__searchBox {
    gap: 3.5897435897vw;
    padding: 0 4.358974359vw;
    padding-right: 7.6923076923vw;
    background: var(--jcs-color-gray-01);
    border-radius: 2.0512820513vw;
  }
  .l-jcs-header__searchBox input[type=search] {
    font-size: 3.0769230769vw;
    background: var(--jcs-color-gray-01);
  }
  .l-jcs-header__searchReset {
    right: 4.358974359vw;
    width: 2.5641025641vw;
  }
  .l-jcs-pagetop__inner {
    max-width: 89.7435897436vw;
    margin-inline: auto;
  }
  .l-jcs-pagetop__button {
    top: -11.2820512821vw;
  }
  .l-jcs-footer {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  body:has([class*=__fixedNav]) .l-jcs-footer, body:has([class*=c-jcs-fixedNav]) .l-jcs-footer {
    padding-bottom: var(--jcs-height-fixedNav, 19.7435897436vw);
  }
  .l-jcs-footer__body {
    padding: 8.7179487179vw 7.6923076923vw 7.6923076923vw;
  }
  .l-jcs-footer__banner {
    gap: 2.5641025641vw 2.0512820513vw;
    margin-top: 17.9487179487vw;
  }
  .l-jcs-footer__bannerItem {
    width: 100%;
  }
  .l-jcs-footer__company {
    gap: 3.0769230769vw;
    margin-top: 7.1794871795vw;
  }
  .c-jcs-suggest {
    padding: 8.2051282051vw 0 0;
    grid-column: span 2;
  }
  .is-visible-search-sp .c-jcs-suggest {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }
  .p-jcs-products__side .c-jcs-suggest {
    position: absolute;
    top: 13.3333333333vw;
    left: 0;
    padding-inline: 5.3846153846vw 2.8205128205vw;
    border: 1px solid var(--jcs-color-gray-01);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    visibility: hidden;
  }
  .c-jcs-suggest__inner {
    width: calc(100% + 10.2564102564vw);
    margin-left: -5.1282051282vw;
    padding: 0 5.1282051282vw;
    max-height: calc(100dvh - var(--jcs-height-header-searchbox, 11.2820512821vw) - var(--jcs-padding-header-search, 28.7179487179vw));
  }
  .p-jcs-filter__search .c-jcs-suggest__inner {
    width: 100%;
    margin-left: 0;
  }
  .p-jcs-filter__search .c-jcs-suggest__inner .os-scrollbar, .p-jcs-filter__search .c-jcs-suggest__inner .os-scrollbar-track {
    width: 1.0256410256vw;
  }
  .p-jcs-filter__search .c-jcs-suggest__inner .os-scrollbar {
    padding: 3.8461538462vw 0;
  }
  .p-jcs-filter__search .c-jcs-suggest__inner .os-scrollbar-handle {
    width: 1.0256410256vw;
  }
  .c-jcs-suggest__link {
    gap: 3.5897435897vw;
    font-size: 3.3333333333vw;
  }
  .c-jcs-suggest__link:has([class*=suggest__thumb]) {
    gap: 2.8205128205vw;
    padding: 4.6153846154vw 0;
  }
  [class*=c-jcs-suggest__icon] {
    font-size: 2.0512820513vw;
    width: 7.1794871795vw;
  }
  [class*=c-jcs-suggest__icon0] {
    -webkit-mask-size: 7.1794871795vw auto;
            mask-size: 7.1794871795vw auto;
  }
  .c-jcs-suggest__thumb,
  .c-jcs-suggest__logo {
    width: 12.3076923077vw;
  }
  .c-jcs-fixedNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--jcs-color-bg);
    z-index: var(--jcs-zindex-fixedNav);
    box-shadow: 0 -2.5641025641vw 10.2564102564vw 0 rgba(65, 65, 65, 0.1);
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s 0.15s ease-out;
  }
  .l-jcs-header input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=search]):not([type=range]) {
    font-size: 3.5897435897vw;
  }
}
@media (any-hover: hover){
  .l-jcs-header__navButton:hover, .l-jcs-header__navButton:focus-visible {
    text-decoration: underline;
  }
  .l-jcs-header__actionButton:hover svg, .l-jcs-header__actionButton:focus-visible svg {
    color: var(--jcs-color-gray-30);
    fill: var(--jcs-color-gray-80);
  }
  .l-jcs-header__actionButton._loggedIn:hover svg, .l-jcs-header__actionButton._loggedIn:focus-visible svg {
    color: var(--jcs-color-red-hover-dark);
    fill: rgba(231, 0, 18, 0.5);
  }
  .l-jcs-footer__nav a:hover, .l-jcs-footer__nav a:focus-visible {
    text-decoration: underline;
  }
  a:hover .l-jcs-footer__nav a, button:hover .l-jcs-footer__nav a, label:hover .l-jcs-footer__nav a, a:focus-visible .l-jcs-footer__nav a, button:focus-visible .l-jcs-footer__nav a, label:focus-visible .l-jcs-footer__nav a {
    text-decoration: underline;
  }
  .l-jcs-footer__sns a:hover img, .l-jcs-footer__sns a:focus-visible img {
    opacity: 0.7;
  }
  .l-jcs-footer__bannerItem:hover::after, .l-jcs-footer__bannerItem:focus-visible::after {
    opacity: 1;
  }
  a:hover .c-jcs-suggest__text em, button:hover .c-jcs-suggest__text em, label:hover .c-jcs-suggest__text em, a:focus-visible .c-jcs-suggest__text em, button:focus-visible .c-jcs-suggest__text em, label:focus-visible .c-jcs-suggest__text em {
    text-decoration: underline;
  }
  a:hover .c-jcs-suggest__thumb::after, button:hover .c-jcs-suggest__thumb::after, label:hover .c-jcs-suggest__thumb::after, a:focus-visible .c-jcs-suggest__thumb::after, button:focus-visible .c-jcs-suggest__thumb::after, label:focus-visible .c-jcs-suggest__thumb::after,
  a:hover .c-jcs-suggest__logo::after,
  button:hover .c-jcs-suggest__logo::after,
  label:hover .c-jcs-suggest__logo::after,
  a:focus-visible .c-jcs-suggest__logo::after,
  button:focus-visible .c-jcs-suggest__logo::after,
  label:focus-visible .c-jcs-suggest__logo::after {
    opacity: 1;
  }
}
@media print{
  .os-scrollbar {
    display: none;
  }
}