@import "https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700&display=swap";

/* index on page css */

.color-background-2 {
  --color-background: 243, 243, 243;
  --gradient-background: #f3f3f3;
  --color-foreground: 18, 18, 18;
  --color-shadow: 18, 18, 18;
  --color-button: 18, 18, 18;
  --color-button-text: 243, 243, 243;
  --color-secondary-button: 243, 243, 243;
  --color-secondary-button-text: 18, 18, 18;
  --color-link: 18, 18, 18;
  --color-badge-foreground: 18, 18, 18;
  --color-badge-background: 243, 243, 243;
  --color-badge-border: 18, 18, 18;
  --payment-terms-background-color: rgb(243 243 243);
}

.color-inverse {
  --color-background: 36, 40, 51;
  --gradient-background: #242833;
  --color-foreground: 255, 255, 255;
  --color-shadow: 18, 18, 18;
  --color-button: 255, 255, 255;
  --color-button-text: 0, 0, 0;
  --color-secondary-button: 36, 40, 51;
  --color-secondary-button-text: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-badge-foreground: 255, 255, 255;
  --color-badge-background: 36, 40, 51;
  --color-badge-border: 255, 255, 255;
  --payment-terms-background-color: rgb(36 40 51);
}

.color-accent-1 {
  --color-background: 18, 18, 18;
  --gradient-background: #121212;
  --color-foreground: 255, 255, 255;
  --color-shadow: 18, 18, 18;
  --color-button: 255, 255, 255;
  --color-button-text: 18, 18, 18;
  --color-secondary-button: 18, 18, 18;
  --color-secondary-button-text: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-badge-foreground: 255, 255, 255;
  --color-badge-background: 18, 18, 18;
  --color-badge-border: 255, 255, 255;
  --payment-terms-background-color: rgb(18 18 18);
}

.color-accent-2 {
  --color-background: 51, 79, 180;
  --gradient-background: #334fb4;
  --color-foreground: 255, 255, 255;
  --color-shadow: 18, 18, 18;
  --color-button: 255, 255, 255;
  --color-button-text: 51, 79, 180;
  --color-secondary-button: 51, 79, 180;
  --color-secondary-button-text: 255, 255, 255;
  --color-link: 255, 255, 255;
  --color-badge-foreground: 255, 255, 255;
  --color-badge-background: 51, 79, 180;
  --color-badge-border: 255, 255, 255;
  --payment-terms-background-color: rgb(51 79 180);
}

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

/* pagination css */

.pagination__list > li:not(:last-child) {
  margin-right: 1rem;
}

.pagination__item {
  color: rgb(var(--color-foreground));
}

a.pagination__item:hover:after {
  height: 0.1rem;
}

.pagination__item--current:after {
  height: 0.1rem;
}

.pagination__item--current:after,
.pagination__item:hover:after {
  content: "";
  display: block;
  width: 2rem;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%);
  background-color: currentColor;
}

.pagination .pagination__list > li:not(:last-child) {
  margin-right: 0;
}

.pagination .pagination__item--current:after,
.pagination__item:after {
  width: 100% !important;
  bottom: 8px !important;
  height: 1px !important;
  content: "";
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}

.pagination .pagination__item--current:after {
  background-color: #404040;
}

.pagination__item:after {
  background-color: #9d9d9d;
}

/* sort drower css */

.sort_box_custom .tt_btn:after {
  content: "";
  display: block;
  margin: auto;
  right: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #777777;
  position: absolute;
  width: 1px;
  height: 20px;
}

.sort_box_custom .sort-btn span:before,
.sort_box_custom .sort-btn span:after {
  content: "";
  display: block;
  height: 0.03rem;
  width: 0.625rem;
  background-color: #707070;
  position: absolute;
}

.sort_box_custom .sort-btn span:before {
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  left: 4px;
}

.sort_box_custom .sort-btn span:after {
  transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
}

.sort_box_custom #sort-btn-check:checked ~ .sort-btn span:before {
  transform: rotate(-45deg);
  top: 0;
  bottom: 0;
  margin: auto;
  left: 4px;
}

.sort_box_custom #sort-btn-check:checked ~ .sort-btn span:after {
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
  margin: auto;
}

.sort_box_custom .close-btns span,
.sort_box_custom .close-btns span:before,
sort_box_custom .close-btns span:after {
  display: none;
}

/* category drower css */

.tt_btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.category_btn_check .cat-btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.category_btn_check .cat-btn span,
.category_btn_check .cat-btn span:before,
.category_btn_check .cat-btn span:after {
  content: "";
  display: block;
  height: 0.03rem;
  width: 0.625rem;
  background-color: #707070;
  position: absolute;
}

.category_btn_check .cat-btn span:before {
  top: 0.25rem;
}

.category_btn_check .cat-btn span:after {
  bottom: 0.25rem;
}

.category_btn_check .close-btn span,
.category_btn_check .close-btn span:before,
.category_btn_check .close-btn span:after {
  content: "";
  display: block;
  height: 0.03rem;
  width: 1.87rem;
  background-color: #404040;
  position: absolute;
}

.category_btn_check #category-btn-check:checked ~ .cat-btn {
  display: none;
}

.category_btn_check #category-btn-check:checked ~ .close-btn {
  position: relative;
  z-index: 1000;
  transition: all 0.5s 0s ease-out;
}

.category_btn_check #category-btn-check:checked ~ .cat-bg {
  opacity: 1;
  z-index: 998;
  transition: all 0.5s 0s ease-out;
  visibility: visible;
}

.category_btn_check #category-btn-check:checked ~ .cat-content {
  transition: all 0.5s 0s ease-out;
  transform: translate(0);
}

.category_btn_check #category-btn-check:checked ~ .cat-btn span,
.category_btn_check .close-btn span {
  background-color: #fff0;
}

.category_btn_check #category-btn-check:checked ~ .cat-btn span:before,
.category_btn_check .close-btn span:before {
  bottom: 0;
  transform: rotate(45deg);
}

.category_btn_check #category-btn-check:checked ~ .cat-btn span:after,
.category_btn_check .close-btn span:after {
  top: 0;
  transform: rotate(-45deg);
  display: block;
}

.category_btn_check #category-btn-check {
  display: none;
}

.category_btn_check hr.cat {
  width: calc(100% + 5rem);
  border-bottom: 0.03125rem solid #9d9d9d;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  height: 0;
  margin: 3.125rem -2.5rem;
}

.category_btn_check .cat-content ul li.pt_link a:after {
  content: "";
  background-image: url(/cdn/shop/files/arrow_off.png?v=1699260099);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center top;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 0.2rem;
  vertical-align: text-top;
  position: absolute;
  right: 0.375rem;
  top: 1.55rem;
}

.category_btn_check .cat-content ul li.cl_link a:hover:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  background-color: #404040;
  border-radius: 0.1875rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  position: absolute;
  top: 1.125rem;
  left: 0.375rem;
}

.icon_bland li {
  width: calc(50% - 0.625rem);
  margin-bottom: 1.25rem;
}

.icon_bland li:nth-child(odd) {
  margin-right: 0.625rem;
}

.icon_bland li:nth-child(2n) {
  margin-left: 0.625rem;
}

.category_btn_check .cat-content::-webkit-scrollbar {
  width: 0.375rem;
}

.category_btn_check .cat-content::-webkit-scrollbar-track {
  background-color: #777;
}

.category_btn_check .cat-content::-webkit-scrollbar-thumb {
  background-color: #404040;
}

/* Component Card */

.card--standard .card__inner {
  border-radius: var(--border-radius);
  border: var(--border-width) solid
    rgba(var(--color-foreground), var(--border-opacity));
}

.card--card:after,
.card--standard .card__inner:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: calc(var(--border-width) * 2 + 100%);
  height: calc(var(--border-width) * 2 + 100%);
  top: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
    var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));
}

.card .card__inner .card__media {
  border-radius: calc(
    var(--border-radius) - var(--border-width) - var(--image-padding)
  );
}

.card__media {
  margin: var(--image-padding);
  width: calc(100% - 2 * var(--image-padding));
}

.card--standard .card__media {
  margin: var(--image-padding);
}

.card--media .card__inner .card__content {
  position: relative;
  padding: calc(var(--image-padding) + 1rem);
}

.card__content {
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
}

.card__content--auto-margins {
  grid-template-rows: minmax(0, auto) max-content minmax(0, auto);
}

.card:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0, 1fr) max-content auto;
}

.card-information .card__information-volume-pricing-note {
  margin-top: 0.6rem;
  line-height: calc(0.5 + 0.4 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 0.75);
}
.card:not(.card--horizontal) > .card__content > .card__badge {
  margin: 1.3rem;
}

.card__inner:not(.ratio) > .card__content {
  height: 100%;
}

.card--horizontal .card__heading,
.card--horizontal .price__container .price-item,
.card--horizontal__quick-add {
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

.card--horizontal
  .card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0;
}

.card--horizontal__quick-add:before {
  box-shadow: none;
}

.card--card.card--media > .card__content {
  margin-top: calc(0rem - var(--image-padding));
}

.card--standard.card--text a:after,
.card--card .card__heading a:after {
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  top: calc(var(--border-width) * -1);
}

.card__heading a:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.card__heading a:after {
  outline-offset: 0.3rem;
}

.card__heading a:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}

.card--standard.card--media .card__inner .card__information,
.card--standard.card--text:not(.card--horizontal)
  > .card__content
  .card__heading:not(.card__heading--placeholder),
.card--standard:not(.card--horizontal) > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}

.card--standard:not(.card--horizontal) .placeholder-svg {
  height: auto;
  width: 100%;
}

.card--standard > .card__content {
  padding: 0;
}

.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge {
  display: none;
}

.card--horizontal .card__badge,
.card--horizontal.card--text .card__inner {
  display: none;
}

.card--extend-height {
  height: 100%;
}

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}

.card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating):not(.card__information-volume-pricing-note) {
  margin-top: 0.7rem;
}

.card--shape.card--standard:not(.card--text) .card__inner {
  border: 0;
  background-color: transparent;
  filter: drop-shadow(
    var(--shadow-horizontal-offset) var(--shadow-vertical-offset)
      var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
  );
}

.card--shape.card--standard:not(.card--text) .card__inner:after {
  display: none;
}

.grid__item:nth-child(2n) .shape--blob {
  clip-path: polygon(var(--shape--blob-2));
}

.grid__item:nth-child(3n) .shape--blob {
  clip-path: polygon(var(--shape--blob-3));
}

.grid__item:nth-child(4n) .shape--blob {
  clip-path: polygon(var(--shape--blob-4));
}

.grid__item:nth-child(5n) .shape--blob {
  clip-path: polygon(var(--shape--blob-5));
}

.grid__item:nth-child(7n) .shape--blob {
  clip-path: polygon(var(--shape--blob-6));
}

.grid__item:nth-child(8n) .shape--blob {
  clip-path: polygon(var(--shape--blob-1));
}

/* base style css */

.product-card-wrapper .card,
.contains-card--product {
  --border-radius: var(--product-card-corner-radius);
  --border-width: var(--product-card-border-width);
  --border-opacity: var(--product-card-border-opacity);
  --shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--product-card-shadow-vertical-offset);
  --shadow-blur-radius: var(--product-card-shadow-blur-radius);
  --shadow-opacity: var(--product-card-shadow-opacity);
  --shadow-visible: var(--product-card-shadow-visible);
  --image-padding: var(--product-card-image-padding);
  --text-alignment: var(--product-card-text-alignment);
}

.page-width {
  max-width: var(--page-width);
}
.hidden {
  display: none !important;
}

.skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}
::selection {
  background-color: rgba(var(--color-foreground), 0.2);
}

.text-body {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

.caption {
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

.select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  display: none;
}

.link {
  color: rgb(var(--color-link));
}

a:not([href]) {
  cursor: not-allowed;
}

hr {
  border: none;
  height: 0.1rem;
  background-color: rgba(var(--color-foreground), 0.2);
  display: block;
  margin: 5rem 0;
}

details > * {
  box-sizing: border-box;
}

.underlined-link {
  color: rgba(var(--color-link), var(--alpha-link));
}

*:focus {
  outline: 0;
  box-shadow: none;
}

*:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.focus-inset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .focus-inset:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.focus-offset:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused,
.no-js .focus-offset:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}
.grid-data {
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

.grid-data:last-child {
  margin-bottom: 0;
}

.grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

.media {
  display: block;
  background-color: rgba(var(--color-foreground), 0.1);
  position: relative;
  overflow: hidden;
}

.media--transparent {
  background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 125%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media--cropped {
  padding-bottom: 56%;
}

.media--16-9 {
  padding-bottom: 56.25%;
}

.media--circle {
  padding-bottom: 100%;
  border-radius: 50%;
}

.media.media--hover-effect > img + img {
  opacity: 0;
}

deferred-media {
  display: block;
}

.button--secondary,
.button--tertiary {
  --color-button: var(--color-secondary-button);
  --color-button-text: var(--color-secondary-button-text);
}

.button--tertiary {
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

.form__label {
  display: block;
  margin-bottom: 0.6rem;
}

.header__icon {
  color: rgb(var(--color-foreground));
}

.badge {
  border-radius: var(--badge-corner-radius);
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
  color: rgb(var(--color-badge-foreground));
}

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

.ratio:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.rte:after {
  clear: both;
  content: "";
  display: block;
}

.rte > *:first-child {
  margin-top: 0;
}

.rte > *:last-child {
  margin-bottom: 0;
}

.rte table {
  table-layout: fixed;
}

.rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid
    rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset)
    var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

.rte ul,
.rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

.rte li {
  list-style: inherit;
}

.rte li:last-child {
  margin-bottom: 0;
}

.rte a {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

.rte blockquote {
  display: inline-flex;
}

.rte blockquote > * {
  margin: -0.5rem 0;
}

footer {
  background-color: #f4f4f4;
}

/* impokenpi css */

main.collection-wrap .shopify-section {
  padding-top: 0;
}

.sc_bnr {
  margin-top: -7.2rem;
  margin-bottom: 14.4rem;
  position: relative;
  z-index: 9;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.sc_bnr img.sp {
  display: none;
}

h2.title-col {
  -webkit-text-stroke: 0.5px#c4b7a6;
}

aside.facets-wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

ul.product-grid {
  padding-top: 5rem;
}

ul.product-grid li {
  padding: 0 2.06rem;
  margin-bottom: 6.25rem;
}

.breadcrumb span[aria-hidden="true"]:after {
  content: "";
  display: block;
  background-image: url("/assets//images/icon_arrow.png");
  width: 14px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}

.soryo_tp_box:before,
.soryo_tp_box:after,
.soryo_sub_box:after {
  content: "";
}

.soryo_tp_box:before {
  display: block;
  top: 10px;
  width: 100%;
  height: 1px;
  background: #9d9d9d;
  position: relative;
  margin-bottom: 1.875rem;
}

.soryo_tp_box:after,
.soryo_sub_box:after {
  width: 3.5672rem;
  height: 1rem;
  display: block;
  margin: auto;
  top: 2.375rem;
  left: 0;
  right: 0;
  background-color: #fff;
  background-image: url("/assets/images/git_icon.png");
  background-size: 22px auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
}

.soryo_sub_box:after {
  top: 0rem;
}