@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Oooh+Baby&family=Work+Sans:wght@900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");/**
 * Swiper 14.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 30, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: "";
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
}
.swiper-cube {
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: auto;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
  /*
   * flex 縦並びにすることで、継承した font-size / line-height でアイコンの高さが変わらない
   * (高さは固定 75px + ラベル)。ラベルが複数行になってもコンテナの下端を超えないよう、ラベルを縮めて収める。
   */
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: calc(50cqh + 25px);
  transform: scale(min(var(--scroll-hint-icon-scale-h, 1), var(--scroll-hint-icon-scale-w, 1)));
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  container-type: size;
  /* アイコンが何らかの理由で収まらない場合でも、コンテナの縦横スクロールを発生させない */
  overflow: hidden;
}

.scroll-hint-text {
  display: block;
  font-size: 0.625rem;
  color: #FFF;
  margin-top: 5px;
  line-height: 1.5;
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  flex: none;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

/*
 * コンテナがアイコンより小さい場合 (行数の少ないテーブル、幅の狭いコンテナなど)、
 * アイコンがはみ出して縦横スクロールが出てしまうため、コンテナの大きさに応じて縮小する。
 * 基準はスクロールコンテナの内側の大きさ (.scroll-hint-icon-wrap の大きさ)。
 *
 * アイコンは、幅 120px、高さは固定 75px + ラベル (.625rem × line-height 1.5 = .9375rem)。
 * ラベルが rem に追従するため、ラベルを含む閾値は rem を含めて算出している。
 * 閾値には小数丸めの誤差用に 1px の余裕を持たせている。
 * 高さ 101px + 1.875rem (16px 基準で 131px) 以上かつ幅 120px 以上では従来の表示から変わらない。
 * container-type: size 非対応のブラウザでは縮小せず、はみ出し分は wrap の overflow: hidden で切り取る。
 */

/* 高さ: 縦中央に置く (従来は上寄り) */
@container (height < calc(101px + 1.875rem)) {
  .scroll-hint-icon {
    top: 50%;
    max-height: 100cqh;
    /* min() 非対応のブラウザ向けのフォールバック (縮小はしないが縦中央には置く) */
    transform: translateY(-50%);
    transform: translateY(-50%) scale(min(var(--scroll-hint-icon-scale-h, 1), var(--scroll-hint-icon-scale-w, 1)));
  }
}

/* 高さ: ラベルを含む高さに収まらない場合はラベルを隠す (約 70px) */
@container (height < calc(76px + .9375rem)) {
  .scroll-hint-icon {
    padding-bottom: 10px;
  }

  .scroll-hint-text {
    display: none;
  }
}

/* 高さ: 矢印も隠して手のアイコンのみにする (約 60px) */
@container (height < 70px) {
  .scroll-hint-icon {
    padding-top: 10px;
  }

  .scroll-hint-icon:after {
    display: none;
  }
}

@container (height < 60px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-h: .7;
  }
}

@container (height < 42px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-h: .5;
  }
}

@container (height < 30px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-h: .35;
  }
}

/* 幅: 縮小倍率 × 120px が幅に収まるようにする */
@container (width < 120px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-w: .7;
  }
}

@container (width < 84px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-w: .5;
  }
}

@container (width < 60px) {
  .scroll-hint-icon {
    --scroll-hint-icon-scale-w: .35;
  }
}

/*
 * 最小サイズ (高さ約 21px、幅約 42px) でも収まらない大きさでは、ヒントを出す意味がないため表示しない。
 * display: none にすると JS (updateStatus) がアイコンの位置を取得できず、画面外でも表示済みと判定されるため、
 * レイアウトを保つ visibility: hidden を使う。
 */
@container (height < 21px) or (width < 42px) {
  .scroll-hint-icon {
    visibility: hidden;
  }
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}



.scroll-hint-shadow-wrap {
  position: relative;
}

.scroll-hint-shadow-wrap::after {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap::before {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,
.scroll-hint-shadow-wrap.is-right-scrollable::after
 {
  opacity: 1;
  visibility: visible;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,
.scroll-hint-shadow-wrap.is-left-scrollable::before
 {
  opacity: 1;
  visibility: visible;
}


/* --------------------------- 
variables
--------------------------- */
* {
  min-height: 0vw;
}

h1,
h2,
h3,
h4,
h5 {
  letter-spacing: 0.02rem;
}

h1 {
  font-family: "Work Sans", sans-serif;
}

li {
  list-style: none;
}

.c-page-header:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.c-page-header__content {
  position: relative;
  z-index: 1;
}

/* トップページ最上部のpadding除去 */
.p-section-front-page-content {
  padding-top: 0;
}

/* authorを非表示 */
.c-entry-summary__content,
.c-meta__item--author {
  display: none;
}

/* hamburger-btn custom */
.c-hamburger-btn__bar {
  height: 2px;
}
.c-hamburger-btn__bar:nth-child(2) {
  display: none;
}
.c-hamburger-btn__bar:nth-child(3) {
  top: 10px;
}

.c-hamburger-btn__label {
  font-weight: bold;
}

.c-drawer__menu > li {
  font-weight: bold;
}

.c-ic-angle-right::before {
  border-width: 2px 2px 0px 0px !important;
}

[data-scrolled=false] .l-header--sticky-overlay-colored-sm .c-hamburger-btn__bar {
  background-color: #fff;
}

.single-products .l-header .c-hamburger-btn__bar {
  background-color: #fff;
}

/* topへ戻るボタン */
.c-page-top {
  right: 20px !important;
  border-radius: 50%;
}

.l-footer {
  border-top: none;
}

.som-listStyle__none {
  list-style: none;
}

.c-copyright--inverse {
  background-color: #111 !important;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    color: var(--_color-text, #333);
    text-decoration: none;
  }
}
[data-scrolled=false] .l-header--sticky-overlay-colored-lg {
  color: #fff;
}

[data-scrolled=false] .l-header--sticky-overlay-colored-lg .c-site-branding__title a {
  color: #fff;
}

.smb-section__subtitle {
  margin-bottom: 0;
}

.page-id-11 .l-contents__inner {
  padding-top: 0;
}

.page-id-11 h2,
.term-38 h2,
.term-39 h2,
.post-type-archive-products h2,
.post-type-archive-parts h2 {
  font-family: "Work Sans", sans-serif;
}

.c-gradient-text {
  font-family: Inter, sans-serif;
  font-weight: bold;
  color: #256af3;
  background: -webkit-linear-gradient(45deg, #7cc0e2, #256af3 50%, #252fff);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}

.error404 .c-page-header__bgimage > img {
  object-fit: contain;
}

.fadeInUp {
  will-change: transform, animation;
}

.wp-block-snow-monkey-blocks-items-item-block-link {
  will-change: transform, animation;
}

.l-contents__inner {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 100px !important;
}

.tax-product_category .c-entries {
  margin-top: 12px;
}

.c-sns__sub-container {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 240px;
  z-index: 10;
}

.p-mv__sns-lists {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 0;
  height: 100%;
}
.p-mv__sns-lists svg {
  color: rgb(255, 255, 255);
  width: 28px;
  height: 28px;
}

.c-h2__title {
  position: relative;
  font-size: clamp(3rem, 1.125rem + 9.38vw, 5.625rem);
  line-height: 0.7;
  margin-bottom: 60px !important;
  font-family: "work sans";
}
@media screen and (min-width: 768px) {
  .c-h2__title {
    font-size: clamp(3.125rem, -0.813rem + 8.2vw, 5.75rem);
  }
}
.c-h2__title::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: clamp(4.25rem, 2.818rem + 7.16vw, 6.25rem);
  height: 2px;
  background-color: var(--accent-color, #cd162c);
}
@media screen and (min-width: 768px) {
  .c-h2__title::after {
    width: clamp(4.25rem, 1.25rem + 6.25vw, 6.25rem);
  }
}
.c-h2__title > span {
  font-size: clamp(1.4rem, -0.1rem + 3.13vw, 2.4rem);
}

.c-smb-clear__title {
  background-color: transparent !important;
  z-index: 1;
  border-left: none !important;
  padding-left: 0 !important;
  padding: 0 !important;
}

.c-ad-btn {
  display: block;
  position: relative;
  padding: 1em 2em 1em 0;
  width: 90%;
  color: #333;
  font-size: clamp(0.75rem, 0.568rem + 0.91vw, 1.125rem);
  font-weight: 700;
  transition: 0.3s;
  text-decoration: none;
}
.c-ad-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border: 2px solid var(--accent-color, #cd162c);
  border-radius: 50vh;
  transition: 0.3s;
}
.c-ad-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  transform: translateX(-6px);
  width: clamp(3rem, 2.018rem + 4.91vw, 4.375rem);
  height: 2px;
  background-color: var(--accent-color, #cd162c);
  transition: 0.3s;
}
.c-ad-btn:hover {
  text-decoration: none;
}
.c-ad-btn:hover::before {
  background-color: #d3a0af;
}
.c-ad-btn:hover::after {
  transform: translateX(0);
}

.c-primary__btn:hover::before {
  background-color: #d3a0af !important;
}

.c-secondary__btn::before {
  border: 2px solid #5876a3 !important;
}

.c-secondary__btn::after {
  background-color: #5876a3 !important;
}

.c-secondary__btn:hover::before {
  background-color: rgba(88, 118, 163, 0.5294117647) !important;
}

.c-annex__btn {
  width: 100%;
  max-width: 542px;
}

/*ベース*/
.c-accordion {
  margin-top: 0 !important;
}

.c-accordion__toggle {
  display: none;
}

.c-accordion__title {
  position: relative;
  border-bottom: 1px solid #666;
  margin: 0;
  font-size: clamp(0.875rem, 0.786rem + 0.45vw, 1rem);
  padding-bottom: 8px;
}

.Label {
  /*タイトル*/
  padding: 20px;
  display: block;
  color: #333;
}

.Label::before {
  /*タイトル横の矢印*/
  content: "";
  width: 9px;
  height: 9px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 7px);
  right: 20px;
  transform: rotate(135deg);
}

.Label,
.c-accordion__content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

.c-accordion__content {
  /*本文*/
  height: 0;
  padding: 0 20px;
  overflow: hidden;
}

.c-accordion__toggle:checked + .Label + .c-accordion__content {
  /*開閉時*/
  height: auto;
  padding: 20px;
  transition: all 0.3s;
}

.c-accordion__toggle:checked + .Label::before {
  transform: rotate(-45deg) !important;
}

.c-accordion__list {
  list-style: initial;
}
.c-accordion__list > a {
  color: #333;
}
.c-accordion__list > a:hover {
  color: var(--accent-color, #cd162c);
}

.p-social-nav .fa-facebook,
.p-social-nav .fa-youtube,
.p-social-nav .fa-twitter,
.p-social-nav .fa-instagram {
  color: #cecece;
}

.c-banner__container .c-container {
  padding-left: 0;
  padding-right: 0;
}

.c-small__span {
  font-size: clamp(1.4rem, 0.686rem + 3.57vw, 2.4rem);
  margin-left: clamp(0.25rem, 0.071rem + 0.89vw, 0.5rem);
}
@media screen and (min-width: 768px) {
  .c-small__span {
    font-size: clamp(1.4rem, -0.1rem + 3.13vw, 2.4rem);
    margin-left: clamp(0.25rem, -0.125rem + 0.78vw, 0.5rem);
  }
}

/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgb(255, 255, 255);
  text-align: center;
  color: #fff;
}
#splash.loaded {
  opacity: 0;
  visibility: hidden;
}

/* Loading画像中央配置　*/
#splash_logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#splash_logo img {
  width: 460px;
}

/* fadeUpをするアイコンの動き */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.smb-accordion__item__body {
  background-color: #fff;
  padding-bottom: 1.8rem;
  padding-bottom: calc(var(--_space, 1.8rem) * 1);
}

.smb-section__background-text__text {
  font-family: "Caveat", cursive;
  transform: rotate(5deg);
  font-size: clamp(2rem, 1.159rem + 4.2vw, 5.625rem) !important;
  line-height: 1 !important;
  top: clamp(1rem, 0.273rem + 3.64vw, 2.5rem) !important;
}
@media screen and (min-width: 768px) {
  .smb-section__background-text__text {
    top: 10px !important;
  }
}
@media screen and (min-width: 980px) {
  .smb-section__background-text__text {
    top: clamp(1rem, 0.273rem + 3.64vw, 2.5rem) !important;
  }
}

.swiper {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.swiper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@keyframes zoomUp {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img {
  animation: zoomUp 10s cubic-bezier(0.17, 0.54, 0.23, 0.9);
}

.p-text-img__container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-text-img__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-text-img__wrap:nth-child(even) {
  flex-direction: row-reverse;
}
.p-text-img__text-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-text-img__text-box {
    width: 46%;
    padding: 40px 24px 40px 0;
  }
}
@media screen and (min-width: 980px) {
  .p-text-img__text-box {
    padding: 40px 40px 40px 0;
  }
}
@media screen and (min-width: 768px) {
  .p-text-img__text-box--rev {
    padding: 40px 0 40px 24px;
  }
}
@media screen and (min-width: 980px) {
  .p-text-img__text-box--rev {
    padding: 40px 0 40px 40px;
  }
}
.p-text-img__title {
  position: relative;
  font-size: clamp(3rem, 1.125rem + 9.38vw, 5.625rem);
  line-height: 0.7;
  margin-bottom: 60px !important;
}
@media screen and (min-width: 768px) {
  .p-text-img__title {
    font-size: clamp(3.125rem, -0.813rem + 8.2vw, 5.75rem);
  }
}
.p-text-img__title::after {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 0;
  width: clamp(4.25rem, 2.818rem + 7.16vw, 6.25rem);
  height: 2px;
  background-color: var(--accent-color, #cd162c);
}
@media screen and (min-width: 768px) {
  .p-text-img__title::after {
    width: clamp(4.25rem, 1.25rem + 6.25vw, 6.25rem);
  }
}
.p-text-img__text {
  margin-top: 24px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p-text-img__text {
    margin-top: 0;
  }
}
.p-text-img__btn {
  padding: 0;
  max-width: 420px;
  width: 100%;
  font-size: clamp(1rem, 0.732rem + 1.34vw, 1.375rem);
}
.p-text-img__btn:last-child {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-text-img__btn {
    max-width: initial;
    font-size: clamp(1rem, 0.25rem + 1.56vw, 1.5rem);
  }
}
.p-text-img__btn::before {
  margin-bottom: 8px;
  width: clamp(1.563rem, 1.116rem + 2.23vw, 2.188rem);
  height: clamp(1.563rem, 1.116rem + 2.23vw, 2.188rem);
  right: clamp(0rem, -0.714rem + 3.57vw, 1rem);
}
@media screen and (min-width: 768px) {
  .p-text-img__btn::before {
    width: clamp(1.563rem, 0.625rem + 1.95vw, 2.188rem);
    height: clamp(1.563rem, 0.625rem + 1.95vw, 2.188rem);
    right: 0;
  }
}
.p-text-img__btn::after {
  margin-bottom: 8px;
  right: clamp(0.5rem, -0.705rem + 6.03vw, 2.188rem);
}
@media screen and (min-width: 768px) {
  .p-text-img__btn::after {
    right: clamp(0.5rem, -0.25rem + 1.56vw, 1rem);
    width: clamp(3rem, 0.375rem + 5.47vw, 4.75rem);
  }
}
.p-text-img__img-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-text-img__img-box {
    width: 54%;
  }
}
.p-text-img__img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.p-service__title {
  background-color: transparent !important;
  z-index: 1;
  color: #fff !important;
  border-left: none !important;
  padding-left: 0 !important;
  padding: 0 !important;
}

.p-faq__title {
  background-color: transparent !important;
  z-index: 1;
  border-left: none !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 60px !important;
}
.p-faq__title::before {
  top: 6px;
  left: clamp(0.438rem, 0.214rem + 1.12vw, 0.75rem);
  font-size: clamp(1.125rem, 0.5rem + 3.13vw, 2rem);
}
@media screen and (min-width: 768px) {
  .p-faq__title::before {
    font-size: clamp(1.125rem, -0.188rem + 2.73vw, 2rem);
  }
}

.products_icon::before {
  position: absolute;
  height: 80%;
  width: 80%;
  z-index: -1;
  opacity: 0.1;
}

.products_icon::after {
  font-size: 12px;
}

.products_icon.std-original-reel::before, .products_icon.ltd-original-reel::before {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2051.52%2051.52'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;}.cls-2{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_01%3c/title%3e%3cg%20id='レイヤー_2'%20data-name='レイヤー%202'%3e%3cg%20id='レイヤー_1-2'%20data-name='レイヤー%201'%3e%3crect%20class='cls-1'%20width='51.52'%20height='51.52'/%3e%3cpath%20class='cls-2'%20d='M47.95,18.88A15.87,15.87,0,1,0,26,33.56l.13,1.79-7.33,4.79-1.8.75a93.22,93.22,0,0,0-11.32.76C3.68,42-.38,43.13,1.47,46c.87,1.33,16.61,3,18.7,1.5s1.94-5.54,2.24-6.28l.3-.75s4.34-3,6.28-2.87A41.89,41.89,0,0,1,35,39h0a8.93,8.93,0,0,0,9.46-1.72c2.1-2.1,2.32-6.35,1.3-10.32A15.78,15.78,0,0,0,47.95,18.88Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.products_icon.std-original-reel::after, .products_icon.ltd-original-reel::after {
  content: "オリジナルリール";
}
.products_icon.std-custom-spool::before, .products_icon.ltd-custom-spool::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_02%3c/title%3e%3cpath%20class='cls-1'%20d='M45.14,19.09h7V15.56H48.38a11.43,11.43,0,0,1-3.62-1.81,6.19,6.19,0,0,1-2.39-2.58H22.72a6.29,6.29,0,0,1-2.39,2.58,11.43,11.43,0,0,1-3.62,1.81H13v3.53h7s2.1-.09,2.1,1.44V31.78H13.89a1.34,1.34,0,0,0-.62.3,1.3,1.3,0,0,0-.29.51V51.92a.9.9,0,0,0,.91.91H51.2a.89.89,0,0,0,.9-.91V32.59a1.19,1.19,0,0,0-.28-.51,1.34,1.34,0,0,0-.62-.3H43V20.53C43,19,45.14,19.09,45.14,19.09Z'/%3e%3c/svg%3e");
}
.products_icon.std-custom-spool::after, .products_icon.ltd-custom-spool::after {
  content: "カスタムスプール";
}
.products_icon.std-spinning-handle::before, .products_icon.ltd-spinning-handle::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_03%3c/title%3e%3cpath%20class='cls-1'%20d='M51.32,50.05l-1-11.91v0c-.1-2.85-1-4-4.68-4a4.92,4.92,0,0,0-2.2-.11l-2-.8L25.93,31.7a3.35,3.35,0,0,0-.87-2.16V27.18h-.49V24.66H24.4c5-1.24,8.86-7.33,8.86-12.08,0-5.32,0-6-10.69-6s-10.7.71-10.7,6c0,4.75,3.83,10.84,8.86,12.08h-.17v2.52h-.49v2.36a3.36,3.36,0,0,0,4.62,4.87l15.62,2.51-.42,13L39,51.06v6s1.11.37,6,.37,7.15-.21,7.15-.21V51.38Z'/%3e%3c/svg%3e");
}
.products_icon.std-spinning-handle::after, .products_icon.ltd-spinning-handle::after {
  content: "スピニングハンドル";
}
.products_icon.std-bait-handle::before, .products_icon.ltd-bait-handle::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_04%3c/title%3e%3cpath%20class='cls-1'%20d='M59.79,48.23s-.44-3.35-1.87-4.57S39.17,24.87,39.17,24.87a14.54,14.54,0,0,0-4-3.27c1.47-1.56,1.38-2.29,1.38-2.29s1.59-1.28,1.79-2a1.61,1.61,0,0,0-.08-1.26c-.24-.62-1.63-3.47-1.82-3.83a1.23,1.23,0,0,0-1.55-.57l-2,.53a.9.9,0,0,0-.83-.3,59.31,59.31,0,0,0-14.2,7c-6.46,4.24-10.1,8.06-11,9.82-.36.68-.47,1-.47,1S4.93,31.58,4.73,32s-.57.91-.55,1.24a12.58,12.58,0,0,0,2.18,4.88c.15.19.83.94,1.39.89a23.05,23.05,0,0,0,3.74-.72,1.81,1.81,0,0,0,.72.12,47.43,47.43,0,0,0,9.37-4.62,61.48,61.48,0,0,0,9.55-8,13.36,13.36,0,0,1,1.69,1.5l7,11.14c.66,1,11.4,12.48,11.4,12.48s4.19,3,6.51.78C60.26,49.16,59.79,48.23,59.79,48.23ZM34.58,26.8a1.25,1.25,0,0,1,1.29-2.09,1.25,1.25,0,0,1-1.29,2.09Zm2.06,2.46A1.35,1.35,0,0,1,38,27a1.35,1.35,0,0,1-1.4,2.27Zm2,2.64a1.42,1.42,0,1,1,1.74-.57A1.29,1.29,0,0,1,38.64,31.9Z'/%3e%3c/svg%3e");
}
.products_icon.std-bait-handle::after, .products_icon.ltd-bait-handle::after {
  content: "ベイトハンドル";
}
.products_icon.std-handle-knob::before, .products_icon.ltd-handle-knob::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23516d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_05%3c/title%3e%3cpath%20class='cls-1'%20d='M49.49,23.36c0-8.49,0-12.81-17.49-12.81S14.51,14.87,14.51,23.36c0,7.42,6,15.09,14,16.89V47.6l-1.39.73v5.12h9.82V48.33l-1.39-.73V40.25C43.49,38.45,49.49,30.78,49.49,23.36ZM32.55,19.54h-1.1c-4.72-.06-9.56-.59-12.71-1.7-2.7-.94-.22-1.73.49-1,.85.92,6.8,1.72,12.77,1.8,6-.08,11.92-.88,12.77-1.8.71-.75,3.19,0,.49,1C42.11,19,37.27,19.48,32.55,19.54Z'/%3e%3c/svg%3e");
}
.products_icon.std-handle-knob::after, .products_icon.ltd-handle-knob::after {
  content: "ハンドルノブ";
}
.products_icon.std-handle-arm::before, .products_icon.ltd-handle-arm::before {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2051.52%2051.52'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23516d92;}.cls-2{fill:none;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_15%3c/title%3e%3cg%20id='レイヤー_2'%20data-name='レイヤー%202'%3e%3cg%20id='レイヤー_1-2'%20data-name='レイヤー%201'%3e%3cpath%20class='cls-1'%20d='M45.1,40.74c.1-4.8-22.55-24.63-30.1-31.11A3.69,3.69,0,0,0,9.87,7.75L7.1,5c0-.19-.07-.19-.21-.34A1,1,0,0,0,5.46,6c.14.15.1.14.28.18l2.66,3A3.7,3.7,0,0,0,9.8,14.27c5.9,7.74,24.5,31.67,29.3,32.12a6.44,6.44,0,0,0,4.58-1.15C44.44,44.52,45.05,43.26,45.1,40.74ZM9.75,11.85a1.89,1.89,0,0,1-.46-1.73l.42.47a1.43,1.43,0,1,0,1.55-1.45l-.44-.45a1.89,1.89,0,1,1-1.06,3.16Zm5.6,5.78a1.77,1.77,0,1,1,2.5.08A1.77,1.77,0,0,1,15.35,17.63Zm3.27,3.48a1.77,1.77,0,1,1,2.5.08A1.77,1.77,0,0,1,18.62,21.1ZM22,24.71a1.77,1.77,0,1,1,2.5.08A1.77,1.77,0,0,1,22,24.71Z'/%3e%3crect%20class='cls-2'%20width='51.52'%20height='51.52'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.products_icon.std-handle-arm::after, .products_icon.ltd-handle-arm::after {
  content: "ハンドルアーム";
}
.products_icon.std-ocean-grip::before, .products_icon.ltd-ocean-grip::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_06%3c/title%3e%3cpath%20class='cls-1'%20d='M53,55.93l1.77-1.62,1,.83.88-.92-.87-1,1.38-2.08-1.34-1.85a7.59,7.59,0,0,0-.6-2.17c-.47-1-3.6-2.8-3.6-2.8s-9.2-8.42-9.82-8.85c-.39-.28-1.35-.1-2,.07a7.31,7.31,0,0,0-1.06-5.59c-1.55-2.72-3.54-3.82-7-5.31a39.38,39.38,0,0,1-4.46-3.3A27.05,27.05,0,0,1,22.13,16a4.07,4.07,0,0,0-.7-.73s-.82-2-5.43-5.62C11.8,6.39,9.39,9,9.13,9.94,8.82,11,9.27,11.23,9,11.22s-2.48-.51-2.2,3.3c.26,3.64,5.12,6.38,6.7,7.11a29,29,0,0,0,3.25,1.25c2.38.86,2.56,1.74,3.29,2a6.82,6.82,0,0,0,1.77.26,9.89,9.89,0,0,1,3.34,3.42c.83,1.86-.16,4.8,3.77,8.65,3.49,3.43,5.13,3.3,6.92,3.23l.3,0a3.64,3.64,0,0,0,.05,2c.36.53,9.21,8,9.57,8.31s2.33,3,3,3.51a3.26,3.26,0,0,0,1.93.41ZM10.58,17.18C9,15.69,9,14.47,9.11,13.6a1.58,1.58,0,0,1,1.15-1.09c.21,0,.27-.32.27-.32.12-.32.16-1.66,1.42-1.94,3.82-.84,5.36,5.11,5.37,5.49a3.39,3.39,0,0,0-1.22,1,4.74,4.74,0,0,0-.77,1.77A5.85,5.85,0,0,1,10.58,17.18ZM28,30.76a4.49,4.49,0,0,1,2.49-3.56c1.71-.7,3.25.28,3.27,1.35A5.59,5.59,0,0,1,32.2,32c-1.11,1.24-1.9,1.88-3.28,1.84C28.31,33.48,28,31.75,28,30.76Zm4.78,6.63a9.68,9.68,0,0,1-2.73-1.94A3.3,3.3,0,0,0,32,34.92,8.91,8.91,0,0,0,35.3,31a4.25,4.25,0,0,0,.25-1.57,5.4,5.4,0,0,1,2.13,3.22,3,3,0,0,1-.24,2c-.22.55-1.75,2.61-2.82,2.89A3.71,3.71,0,0,1,32.8,37.39Z'/%3e%3c/svg%3e");
}
.products_icon.std-ocean-grip::after, .products_icon.ltd-ocean-grip::after {
  content: "オーシャングリップ";
}
.products_icon.std-ocean-pliers::before, .products_icon.ltd-ocean-pliers::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_07%3c/title%3e%3cpath%20class='cls-1'%20d='M8.4,6c1.13.22,8.07,4.74,19,11.31C37.23,21.18,43.66,24.51,48.49,28c5.6,4,12.16,10.71,11.82,12.53S56.54,43.39,55.7,43s-6.83-7.52-10.41-10c-4.41-3-12.58-6.83-14.39-6-1.34.63-.42,4.6.32,6.54,1.06,2.74,3.4,7.7,13,14.59,5.82,4.15,6.65,4,6.27,7-.42,3.34-2,3.86-6.18,1.2A45.05,45.05,0,0,1,25,35.13c-1.33-3.75-5.73-3.73-4.37-5.82.34-.52.85-1.49,1.67-1.54,1.74-.09-.19-1.18-1.1-1.83,0,0-17.4-12.41-17.48-13.27a10.16,10.16,0,0,1,1.16-2.52s10.51,7.08,15.93,10c.19.11,1-1.15,1-1.15L6,7.87S7.91,5.91,8.4,6Z'/%3e%3c/svg%3e");
}
.products_icon.std-ocean-pliers::after, .products_icon.ltd-ocean-pliers::after {
  content: "オーシャンプライヤー";
}
.products_icon.std-hook-remover::before, .products_icon.ltd-hook-remover::before {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2051.52%2051.52'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23516d92;}.cls-2{fill:none;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_16%3c/title%3e%3cg%20id='レイヤー_2'%20data-name='レイヤー%202'%3e%3cg%20id='レイヤー_1-2'%20data-name='レイヤー%201'%3e%3cpath%20class='cls-1'%20d='M46,13.63c-1.42-3.12-5.77-6.15-9-5.25a2.81,2.81,0,0,0-1.71,2c-.3,1.14-.15,3,2.29,5.48,3.63,3.67,5.7,9.76,4.41,12.89a3.22,3.22,0,0,0-2.92-.44c-1,.42-3,2.22-5,4.35L30,28.8C31,28,32.55,26.62,34,25.33c2.16-2-1.87-5.18-3.21-3.48-.93,1.17-2.42,3.34-3.24,4.57L21,20.18l.42-.45-5.7-6.07-.46.48L9.24,9,8,10.3C7.27,9.73,5,8,4.52,7.53c.36,0,3-.45,3-.45l-.14-.45S4,6.13,3.21,6.51a1.19,1.19,0,0,0-.6.7c-.09.31-.21.68,1.23,2l2.72,2.59L5.42,13l5.41,5.72-.47.49,6.34,5.4.43-.45,6.31,6c-.94.8-2.55,2.18-4,3.48-2.16,2,1.87,5.18,3.21,3.48.93-1.18,2.43-3.36,3.26-4.58l4.37,4.17a34.84,34.84,0,0,0-2.87,3.75c-1.68,2.77,1.15,7.05,4.06,5.78S41.68,39.4,43.88,33.51a3.59,3.59,0,0,0-.22-3l.5-.55C48.1,25.6,48.79,19.64,46,13.63ZM42.89,29.47l.07-.13,0,0c1.57-3.52-.58-10.18-4.6-14.24-1.61-1.63-2.32-3.2-2-4.41a1.75,1.75,0,0,1,.93-1.19,3.49,3.49,0,0,1,.93-.12c2.55,0,5.72,2.4,6.8,4.76,2.55,5.59,1.93,11.11-1.7,15.15L43,29.6Z'/%3e%3crect%20class='cls-2'%20width='51.52'%20height='51.52'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
.products_icon.std-hook-remover::after, .products_icon.ltd-hook-remover::after {
  content: "フックリムーバー";
}
.products_icon.std-knoter::before, .products_icon.ltd-knoter::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_08%3c/title%3e%3cpath%20class='cls-1'%20d='M54.67,46c-2.81-4.84-9-11.84-18.21-13.92l.86-1.25,1.07.08s2-4.23,2.36-4.55a1.44,1.44,0,0,0,.15-1.46A3.92,3.92,0,0,0,40,24l.77-.81S45.2,12,45.13,11.64s-6.06-3.19-6.06-3.19L33.29,20.17l.45.82a1.52,1.52,0,0,0-1.14.32,31.23,31.23,0,0,0-2,5.12,2.3,2.3,0,0,0,.38.89l-2.21,4.26C18.84,32.66,11.71,40.86,9,46.11A4.87,4.87,0,0,0,6,50.68a4.71,4.71,0,0,0,4.53,4.87,4.71,4.71,0,0,0,4.53-4.87c0-.15,0-.3,0-.44,1.56-3.13,6.35-10.39,16.19-10.39,10.1,0,15.88,8.17,17.05,10.39a3,3,0,0,0,.6.78,4.53,4.53,0,1,0,9-.34A4.85,4.85,0,0,0,54.67,46Zm-40.36.36a1.67,1.67,0,1,1,1.55-1.67A1.61,1.61,0,0,1,14.31,46.35Zm3.43-3.7A1.67,1.67,0,1,1,19.29,41,1.62,1.62,0,0,1,17.74,42.65Zm4-2.84a1.67,1.67,0,1,1,1.55-1.67A1.61,1.61,0,0,1,21.71,39.81Zm4.51-2a1.67,1.67,0,1,1,1.55-1.67A1.61,1.61,0,0,1,26.22,37.83Z'/%3e%3c/svg%3e");
}
.products_icon.std-knoter::after, .products_icon.ltd-knoter::after {
  content: "ノッター";
}
.products_icon.std-ocean-snap::before, .products_icon.ltd-ocean-snap::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_09%3c/title%3e%3cpath%20class='cls-1'%20d='M32.63,56.76h-.56C26.4,56.54,22.44,55,20,52.13a12.38,12.38,0,0,1-2.7-6.22,13.53,13.53,0,0,1-.63-2.45c-.85-5.47,2.71-25,3.44-27.9,1-4.14,5.55-8.32,12.2-8.32,5.19,0,10.16,3.53,11.54,8.22.53,1.77,5.4,23.47,2.93,31.7C46.13,49.33,41.18,56.76,32.63,56.76Zm-10.82-12c1.68,3.9,6.19,5.93,10.35,5.93,5.21,0,7.55-1.45,10-6.2a5.91,5.91,0,0,1,.29-1c1.19-3-.56-12.28-1.52-13.81-2.5-3.31-5.58-5-8.84-4.91S26.72,26,25.75,27.9c-.46.9-1.28,4.42-1.47,12.11L21.81,40A22.35,22.35,0,0,0,21.81,44.73ZM32.3,11.86c-4.23,0-7.13,2.49-7.71,4.82-.33,1.28-.82,3.81-1.33,6.83a12.22,12.22,0,0,1,8.65-3.38A13.7,13.7,0,0,1,40.75,23c-.59-3.12-1.13-5.48-1.34-6.19C38.6,14.07,35.41,11.86,32.3,11.86Z'/%3e%3c/svg%3e");
}
.products_icon.std-ocean-snap::after, .products_icon.ltd-ocean-snap::after {
  content: "オーシャンスナップ";
}
.products_icon.std-track-split-ring::before, .products_icon.ltd-tracking-split-ring::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_10%3c/title%3e%3cpath%20class='cls-1'%20d='M31.86,52.44a18.23,18.23,0,0,1-14.15-5.89c-2.72-2.81-3.31-7.8-2.88-15.19.06-5.67,1-11.22,4.47-15.1,2.64-2.93,6.42-4.5,11.24-4.68,14.71-.55,17.53,9.79,18,13v0c.81,3.29,2,17.18-3.29,22.63-3.49,3.61-7.62,5.21-13.4,5.22ZM19.69,32.91c0,1.6.12,3.21.22,4.79.41,6.17,7.61,9,11.54,8.84a13,13,0,0,0,8.86-3.4c4.51-3.78,3.39-15,2.59-17.26-.07-.19-.14-.41-.22-.66-.9-2.74-2.57-7.84-11.65-7.49-5.5.2-8.4,5.33-8.64,15.24Zm28.87-8.42v0Z'/%3e%3c/svg%3e");
}
.products_icon.std-track-split-ring::after, .products_icon.ltd-tracking-split-ring::after {
  content: "トラックスプリットリング";
}
.products_icon.std-hook::before, .products_icon.ltd-hook::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_11%3c/title%3e%3cpath%20class='cls-1'%20d='M52.54,41.67,52,40c-1.24-4.12-3.73-12.41-6.63-20.26a8.09,8.09,0,0,0,.83-.28A6.62,6.62,0,0,0,50,15.61a7.09,7.09,0,0,0-4.51-8.94,7.5,7.5,0,0,0-5.44.1,6.61,6.61,0,0,0-3.4,9.15c-7.48,4.28-15.07,9.3-18.78,11.76l-1.42.94c-5.28,3.46-7,9.48-4.33,15.35A15.32,15.32,0,0,0,25.82,53a14.76,14.76,0,0,0,2.27-.18,14.65,14.65,0,0,0,11.12,4.95A15.63,15.63,0,0,0,46,56.24C51.83,53.42,54.38,47.7,52.54,41.67Zm-12-29.48a2.18,2.18,0,0,1,1.25-1.26,2.69,2.69,0,0,1,1.09-.22,3.11,3.11,0,0,1,1.08.19,2.61,2.61,0,0,1,1.81,3.18,2.18,2.18,0,0,1-1.25,1.26,3,3,0,0,1-2.17,0A2.6,2.6,0,0,1,40.52,12.19Zm3.55,40a10.83,10.83,0,0,1-11-.86,23.42,23.42,0,0,0,5.41-4.24l.53-.57.2,0s4.18-5.36,3.89-8.25c0,0-3.44,2.43-6.36,4.07h0l0,0a13.18,13.18,0,0,1-3.12,1.39c-.85.18-.29.6.75,1.07a14.8,14.8,0,0,1-4.44,3,12.46,12.46,0,0,1-1.33-4c1.22.36,2,.41,1.44-.34a16.34,16.34,0,0,1-1.86-3.95l0-.33H28c-1.14-3.17-2.1-6.77-2.1-6.77-1.38,1.36-2,4.69-2.25,7h0v.26C23.51,41,23.48,42,23.48,42l.29.13a23.23,23.23,0,0,0,1.44,6.4,10.83,10.83,0,0,1-9-6.36c-.65-1.44-2.39-6.41,2.68-9.74l1.45-1c3.79-2.52,11.69-7.75,19.29-12l.31-.18a5.45,5.45,0,0,0,.55.25l.1.28c3.1,8.15,5.83,17.23,7.14,21.59l.5,1.65C50,48.78,45.49,51.5,44.07,52.19Z'/%3e%3c/svg%3e");
}
.products_icon.std-hook::after, .products_icon.ltd-hook::after {
  content: "フック";
}
.products_icon.std-oil-grease::before, .products_icon.ltd-oil-grease::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_12%3c/title%3e%3cpolygon%20class='cls-1'%20points='44.97%207.41%2039.57%207.41%2038.17%2014.9%2046.36%2014.9%2044.97%207.41'/%3e%3cpath%20class='cls-1'%20d='M49.12,53.22c-.16-.94-1-5.94-1.45-13.88-.52-8.47-1.31-23.8-1.31-23.8H38.17s-.86,15.58-1.31,23.68A139.54,139.54,0,0,1,35.39,53.4h0v3.19H49.2V53.22Z'/%3e%3cpath%20class='cls-1'%20d='M27.69,33.58H26.9V27.72l-1.39-5.1H19.94v.83c0,.84-2.14,4.19-2.14,4.19a57.7,57.7,0,0,0-.06,5.94h-.85a2.1,2.1,0,0,0-2.09,2.09V54.5a2.1,2.1,0,0,0,2.09,2.09h10.8a2.1,2.1,0,0,0,2.09-2.09V35.67A2.1,2.1,0,0,0,27.69,33.58Z'/%3e%3c/svg%3e");
}
.products_icon.std-oil-grease::after, .products_icon.ltd-oil-grease::after {
  content: "オイル・グリス";
}
.products_icon.std-goods::before, .products_icon.ltd-goods::before {
  content: url("data:image/svg+xml,%3csvg%20id='レイヤー_1'%20data-name='レイヤー%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23506d92;}%3c/style%3e%3c/defs%3e%3ctitle%3eproducts_icon_13%3c/title%3e%3cpath%20class='cls-1'%20d='M60,39.11a2.78,2.78,0,0,0-.16-.4c-.38-.77-2.18-1.26-3-1.55a17,17,0,0,0-9.1-.53c-2.15.47-4.11,1.44-6.05,1.71a16.33,16.33,0,0,1-5-.5l-2.33,3.32,0,0v0H6.68L3.51,42.55v1l3.17,1.57H34.33v0l0,0,2.34,3.34a16.12,16.12,0,0,1,5-.49c1.94.26,3.9,1.24,6.05,1.7a17,17,0,0,0,9.1-.53c.8-.29,2.6-.78,3-1.55a2.38,2.38,0,0,0,.16-.4,20.8,20.8,0,0,0,.23-4A20.86,20.86,0,0,0,60,39.11Z'/%3e%3cpath%20class='cls-1'%20d='M10.2,24.62c-1.81.44-3.5,1-5.4,1.35a4.19,4.19,0,0,0,2.77,2.18,5.31,5.31,0,0,0,5.49-.82c1.48-1.1,4.6-3,4.6-3h18.4v-.06l10,0,.48.09c2.14.43,3.67,1.68,5.4,2.94a5.08,5.08,0,0,0,2.45,1.22,7,7,0,0,0,3-.47,6.41,6.41,0,0,0,3.88-5.3c-2.07.3-3.55,1.18-5.74,1.35a5.5,5.5,0,0,1-1.69-6.25c1.81-.43,3.5-1,5.4-1.35a4.18,4.18,0,0,0-2.77-2.17,5.31,5.31,0,0,0-5.49.81c-1.48,1.1-4.6,3-4.6,3H27.94v.05l-10,0-.48-.09c-2.14-.44-3.67-1.69-5.4-3A5.26,5.26,0,0,0,9.63,14a7,7,0,0,0-3,.47,6.43,6.43,0,0,0-3.88,5.3c2.07-.3,3.55-1.17,5.74-1.35A5.5,5.5,0,0,1,10.2,24.62Z'/%3e%3c/svg%3e");
}
.products_icon.std-goods::after, .products_icon.ltd-goods::after {
  content: "グッズ";
}

.p-products-nav {
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-products-nav {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.p-products-nav__index {
  margin: 0 auto;
}
.p-products-nav__ctg-lists {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-left: 1px solid #818181;
  line-height: 1.1;
  padding-left: 0;
}
.p-products-nav__ctg-list {
  border-top: 1px solid #818181;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
  width: 33.33333%;
  aspect-ratio: 1/1;
  position: relative;
}
.p-products-nav__ctg-list:nth-child(n+4) {
  border-top: none;
}
@media screen and (min-width: 768px) {
  .p-products-nav__ctg-list {
    width: 20%;
  }
  .p-products-nav__ctg-list:nth-child(-n+5) {
    border-top: 1px solid #818181;
  }
  .p-products-nav__ctg-list:nth-child(n+6) {
    border-top: none;
  }
}
@media screen and (min-width: 980px) {
  .p-products-nav__ctg-list {
    width: 12.5%;
  }
  .p-products-nav__ctg-list:nth-child(-n+8) {
    border-top: 1px solid #818181;
  }
  .p-products-nav__ctg-list:nth-child(n+9) {
    border-top: none;
  }
}
.p-products-nav__ctg-list a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  text-decoration: none;
  transition: background 0.3s ease-in;
  color: inherit;
  padding: 4px;
  font-weight: bold;
  text-align: center;
}
.p-products-nav__ctg-list a:hover {
  color: var(--accent-color, #cd162c);
}
.p-products-nav__ctg-list a span {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  letter-spacing: 0;
}

.tab-area {
  margin: 0 auto;
}

.tab-btn {
  display: none; /*タブの切り替えを制御するラジオボタンを非表示に*/
}

.tab-lists-wrap {
  width: 100%;
  list-style-type: none; /*デフォルトの値をクリア*/
  display: flex; /*ボタンを横並びに*/
  padding-left: 0;
}

.tab-list__parent {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .tab-list__parent {
    width: 30%;
  }
}
@media screen and (min-width: 980px) {
  .tab-list__parent {
    width: 25.02%;
  }
}

.tab-list {
  display: block;
  padding: 16px 0;
  text-align: center;
  border-top: 1px solid #818181;
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
  background: rgba(180, 180, 180, 0.6588235294);
  box-sizing: border-box; /*borderの値を横幅に含める*/
  cursor: pointer; /*オンマウス時にカーソルを指の形に*/
  font-weight: bold;
  line-height: 1.1;
  font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
}

#tab-btn1:checked ~ .tab-lists-wrap #tab-list1,
#tab-btn2:checked ~ .tab-lists-wrap #tab-list2 {
  background: var(--accent-color, #cd162c); /*対応するボタンにチェックが入ったときに*/
  color: #ffffff;
  opacity: 1;
}
#tab-btn1:checked ~ .tab-lists-wrap #tab-list1::before,
#tab-btn2:checked ~ .tab-lists-wrap #tab-list2::before {
  content: "*";
}

.tab-content {
  display: none; /*初期状態を非表示に*/
}

#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2 {
  display: block; /*対応するボタンにチェックが入ったときに表示*/
}

.post-type-archive-products .c-sm-btn {
  width: clamp(18.75rem, 16.964rem + 8.93vw, 21.25rem);
}
@media screen and (min-width: 768px) {
  .post-type-archive-products .c-sm-btn:last-child {
    margin-left: clamp(2.5rem, -6.557rem + 18.87vw, 5rem);
  }
}
.post-type-archive-products .c-pagination {
  display: none;
}

.term-standard .c-pagination,
.term-limited .c-pagination {
  display: none;
}

.p-products-archive__btn-wrap {
  margin-top: 20px !important;
  margin-bottom: 40px;
  max-width: 980px;
}
@media screen and (min-width: 768px) {
  .p-products-archive__btn-wrap {
    margin-top: 80px !important;
    display: flex;
    justify-content: space-between;
  }
}
.p-products-archive__btn-wrap .c-sm-btn {
  font-size: 18px;
  width: 100%;
  max-width: 320px;
  padding: 1em 0;
}
@media screen and (min-width: 768px) {
  .p-products-archive__btn-wrap .c-sm-btn {
    font-size: 20px;
    max-width: 380px;
  }
}
.p-products-archive__btn-wrap .c-sm-btn::before {
  width: 30px;
  height: 30px;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-products-archive__btn-wrap .c-sm-btn::before {
    width: 36px;
    height: 36px;
  }
}
.p-products-archive__btn-wrap .c-sm-btn::after {
  width: 42px;
  right: 14px;
}
@media screen and (min-width: 768px) {
  .p-products-archive__btn-wrap .c-sm-btn::after {
    width: 54px;
    right: 18px;
  }
}

.p-products-archive__tax-btn-wrap {
  max-width: 1180px;
}

.tax-product_category .c-entries--panel .c-entry-summary__body {
  padding: 8px 20px;
}
@media screen and (min-width: 768px) {
  .tax-product_category .c-entries--panel .c-entry-summary__body {
    padding: 16px 24px;
  }
}

.p-product__side-text-img:nth-child(even) .product__side-img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-product__side-text-img:nth-child(even) .product__side-img {
    margin-right: 20px;
  }
}

.p-product__side-text-img:nth-child(even) {
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .p-product__side-text-img-wrap {
    margin-left: 20px;
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-product__side-text-img-img {
    max-width: 48%;
    margin-left: 20px;
    margin: 0;
  }
}

.p-product__side-text-img-img > img {
  aspect-ratio: 4/3;
  object-fit: cover;
}

.c-sm-btn {
  display: block;
  position: relative;
  padding: 1em 2em 1em 0;
  width: 100%;
  color: var(--_color-text, #333);
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s;
  text-decoration: none;
}
.c-sm-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: clamp(1.563rem, 1.116rem + 2.23vw, 2.188rem);
  height: clamp(1.563rem, 1.116rem + 2.23vw, 2.188rem);
  border: 2px solid var(--accent-color, #cd162c);
  border-radius: 50vh;
  transition: 0.3s;
}
.c-sm-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(1.5rem, 1.143rem + 1.79vw, 2rem);
  transform: translateY(-50%);
  transform: translateX(-6px);
  width: 70px;
  height: 2px;
  background-color: var(--accent-color, #cd162c);
  transition: 0.3s;
}
.c-sm-btn:hover {
  text-decoration: none;
}
.c-sm-btn:hover::before {
  transition-delay: 0.2s;
  background-color: var(--accent-color, rgba(205, 22, 44, 0.2980392157));
}
.c-sm-btn:hover::after {
  transform: translateX(0);
}

.p-product__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 80px 20px;
}
.p-product__title {
  font-size: clamp(1.113rem, 0.881rem + 1.16vw, 1.75rem);
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .p-product__title {
    margin-bottom: 8px;
  }
}
.p-product__header {
  text-align: center;
}
.p-product__header-title {
  font-size: 4rem;
  margin-bottom: 24px;
}
.p-product__header-strong-text {
  font-size: clamp(1.375rem, 0.784rem + 2.95vw, 3rem);
  margin-bottom: 24px;
}
.p-product__header-logo {
  margin-bottom: 24px;
}
.p-product__header-img {
  margin-bottom: 24px;
}
.p-product__header-img > img {
  width: 100%;
}
.p-product__header-text {
  text-align: left;
}
.p-product__col2-container {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-product__col2-container {
    margin-top: 80px;
  }
}
.p-product__col2-img-wrap {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-product__col2-img-wrap {
    display: flex;
    justify-content: space-between;
  }
}
.p-product__col2-img {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .p-product__col2-img {
    max-width: 48%;
    margin-bottom: 24px;
  }
}
.p-product__side {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-product__side {
    margin-top: 80px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.p-product__side:nth-child(even) .product__side-img {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .p-product__side:nth-child(even) .product__side-img {
    margin-right: 20px;
  }
}
.p-product__side:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .p-product__side-text-wrap {
    max-width: 48%;
    margin-left: 20px;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-product__side-img {
    max-width: 48%;
    margin-left: 20px;
    margin: 0;
  }
}
.p-product__side-img > img {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.p-product__card-container {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .p-product__card-container {
    margin-top: 80px;
  }
}
.p-product__card-container:last-of-type {
  margin-bottom: 80px;
}
.p-product__card-container:last-of-type > :last-child {
  margin-bottom: 0;
}
.p-product__card-container:last-of-type > :last-child > .product__title {
  margin-bottom: 0;
}
.p-product__card-container:last-of-type > :last-child > .product__card-img {
  margin-bottom: 0;
}
.p-product__card {
  margin-bottom: 40px;
  max-width: 48%;
}
.p-product__card-img {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .p-product__card-img {
    margin-bottom: 24px;
  }
}
.p-product__wide-container {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1280px;
}
@media screen and (min-width: 768px) {
  .p-product__wide-container {
    margin-top: 80px;
  }
}
.p-product__wideCard {
  margin-right: 4%;
  margin-bottom: 40px;
  max-width: 48%;
}
.p-product__wideCard:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .p-product__wideCard {
    margin-right: 3.33%;
    max-width: 31%;
    margin-bottom: 80px;
  }
  .p-product__wideCard:nth-child(2n) {
    margin-right: 3.33%;
  }
  .p-product__wideCard:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 980px) {
  .p-product__wideCard {
    margin-right: 2%;
    margin-bottom: 80px;
    max-width: 23.5%;
  }
  .p-product__wideCard:nth-child(2n) {
    margin-right: 2%;
  }
  .p-product__wideCard:nth-child(3n) {
    margin-right: 2%;
  }
  .p-product__wideCard:nth-child(4n) {
    margin-right: 0;
  }
}
.p-product__wideCard-img {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .p-product__wideCard-img {
    margin-bottom: 24px;
  }
}
.p-product__col1 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-product__col1 {
    margin-top: 80px;
  }
}
.p-product__col1-img {
  text-align: center;
  margin-bottom: 24px;
}
.p-product__col1-img > img {
  width: 100%;
}
.p-product__spec-img {
  overflow-x: scroll;
  margin-bottom: 12px;
}
.p-product__spec-img > img {
  min-width: 980px;
  max-width: 1280px;
  width: 100%;
}
.p-product-post__btn {
  margin-top: 40px;
  font-size: 16px;
  max-width: 320px;
  padding: 1em 0;
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-product-post__btn {
    margin-top: 80px;
    font-size: 20px;
    max-width: 420px;
  }
}
.p-product-post__btn::before {
  width: 30px;
  height: 30px;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-product-post__btn::before {
    width: 36px;
    height: 36px;
  }
}
.p-product-post__btn::after {
  width: 42px;
  right: 14px;
}
@media screen and (min-width: 768px) {
  .p-product-post__btn::after {
    width: 70px;
    right: 18px;
  }
}

[data-scrolled=true] .single-products .l-header--sticky-overlay-colored-lg {
  color: #fff;
  transition: 0.4s;
  background-color: #111;
}

.single-products .c-page-header__content {
  z-index: 1;
}
.single-products .p-breadcrumbs-wrapper {
  max-width: 1280px;
  padding: 0.45rem 20px;
}
.single-products .l-contents__body {
  background-color: #1e1e1e;
  color: #a1a1a6;
  font-weight: bold;
}
.single-products .c-breadcrumbs {
  color: #a1a1a6;
}
.single-products .c-breadcrumbs__item:nth-child(n+2):before {
  border-color: #a1a1a6;
}
.single-products .p-product__backBtn {
  padding-top: 80px;
  padding-bottom: 80px;
  margin: 0 auto;
}
.single-products .p-product__backBtn a {
  color: #a1a1a6;
  transition: background-color var(--_transition-duration, 0.2s) var(--_transition-function-timing, ease-out), color var(--_transition-duration, 0.2s) var(--_transition-function-timing, ease-out);
}
.single-products .p-product__backBtn a:hover {
  color: var(--accent-color, #cd162c);
}

.single-products .p-global-nav--hover-text-color.p-global-nav--current-same-hover-effect .c-navbar__item:hover,
.single-products .p-global-nav--hover-text-color.p-global-nav--current-same-hover-effect .c-navbar__item[data-active-menu] {
  color: rgb(75, 75, 182);
}

.single-products .c-page-top,
.single-products .c-navbar__submenu,
.single-products .c-drawer {
  background-color: rgb(75, 75, 182);
}

.single-products .c-navbar__item[aria-haspopup=true]:before {
  border-bottom-color: rgb(75, 75, 182);
}

.page-shop-list .p-h2__style-clear {
  background-color: transparent;
  border-left: none;
  padding: 0;
}
.page-shop-list table {
  border-spacing: 0;
  border-collapse: collapse;
  min-width: 900px;
  width: 100%;
}
.page-shop-list td:nth-child(1) {
  width: 36%;
}
.page-shop-list td:nth-child(2) {
  width: 64%;
}
.page-shop-list td:nth-child(3) {
  width: 140px;
}
.page-shop-list td:nth-child(4) {
  width: 66px;
}
.page-shop-list td:nth-child(4) img {
  margin-left: auto;
  margin-right: auto;
}
.page-shop-list figure {
  margin-top: 0;
}

.page-id-18 .l-contents__inner {
  margin-top: 0;
}

.p-table__wrap {
  overflow-x: scroll;
}

.page-id-962 .p-table__wrap > table {
  overflow-x: scroll;
  white-space: nowrap;
  min-width: 740px;
}

.p-shuttle_scroll .has-fixed-layout {
  overflow-x: scroll;
  width: 100%;
  min-width: 780px;
}
@media screen and (max-width: 599.8px) {
  .p-shuttle_scroll .has-fixed-layout {
    table-layout: initial;
  }
}

.post-type-archive-parts .p-entry-content > h2,
.post-type-archive-parts .textwidget > h2 {
  background-color: transparent;
  border-left: none;
  color: var(--_color-text, #333);
  padding: 0;
}
.post-type-archive-parts .c-pagination {
  display: none;
}

/** footerウィジェットエリアテスト*/
.l-footer-widget-area {
  background: #111;
  color: #fff;
}

.l-footer-widget-area__item:first-child {
  flex: 1; /*カラムを可変にする*/
  max-width: 100%;
}

.l-footer-widget-area__item:last-child {
  display: flex; /*テキストウィジェットを上下中央に揃える用*/
  align-items: center; /*テキストウィジェットを上下中央に揃える用*/
}

.c-copyright {
  font-size: 11px;
  color: #666;
}

/*スマホサイズ以上*/
@media (min-width: 40em) {
  .l-footer-widget-area__item:last-child {
    flex: 0 1 300px; /*300px固定*/
    border-left: solid 1px #666;
  }
}
.p-footer__sns {
  background-color: transparent !important;
}

.p-footer__sns-container {
  padding-left: 0 !important;
}

.p-footer__sns-lists {
  justify-content: left !important;
}

.p-footer__sns svg {
  width: 24px;
  height: 24px;
}

.c-ic-angle-right::before {
  content: "";
  display: block;
  height: 0.4em;
  transform: rotate(45deg);
  width: 0.4em;
  border-color: #fff;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
}

.u-color__light {
  color: #fff !important;
}