@charset "UTF-8";
/* ---------------------------
variables
--------------------------- */
:root {
  --accent-color: #a21626;
  --wp--preset--color--sm-accent: var(--accent-color);
}

body {
  font-family: YakuHanJP_Narrow, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

a,
button {
  cursor: pointer;
}

button:hover {
  cursor: pointer;
}
/* ヘッダーのコンテナの最大幅を解除 */
header .c-container {
  max-width: initial;
}

.p-global-nav .menu-item > a {
  padding: 16px !important;
}

.l-1row-header .c-container > div {
  height: 72px !important;
}

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

.l-footer--default .l-footer-widget-area {
  background-color: #000;
  color: var(--wp--preset--color--white);
}
.l-footer--default .l-footer-widget-area .c-ic-angle-right:before {
  border-color: var(--wp--preset--color--white);
}
.l-footer--default .l-footer-widget-area .c-row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-footer--default .l-footer-widget-area .p-footer__logo {
  width: 132px;
}

.p-footer__address {
  margin-top: 12px;
}

.c-site-branding__title {
  font-weight: 400;
  font-size: 12px;
}

.c-site-branding__title .custom-logo {
  width: 160px;
}

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

.c-copyright--inverse {
  background-color: #000;
  color: #fff;
}

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

.c-page-header__content {
  z-index: 1;
  position: relative;
}

.smb-media-text__figure > img,
.smb-panels__item__figure > img {
  -o-object-fit: cover;
     object-fit: cover;
}

.smb-panels__item__figure > img {
  aspect-ratio: 4/3;
}

.smb-media-text__figure > img {
  aspect-ratio: 16/9;
}

.wp-block-table thead {
  border-bottom: none;
  background-color: #444 !important;
}

.c-entry__content .is-scroll {
  overflow-x: scroll;
  white-space: nowrap;
}

.c-entry__content .is-scroll > table {
  width: 100%;
}

.cbo-table-scroll-x > table {
  min-width: 1160px;
  overflow-x: auto;
  white-space: nowrap;
}

body:not(.page-dealer) .wp-block-table {
  text-align: center !important;
}

.c-drawer {
  width: min(28rem, 80%);
  background-color: rgba(0, 0, 0, 0.9);
}

/* ドロワー内のパディング */
.c-drawer__inner {
  padding-right: 2.4em;
  padding-left: 2.4em;
}

/* フェードイン・アウトアニメーション */
#drawer-nav {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
  visibility: hidden;
  right: auto !important;
  /* デフォルトのスライドアニメーションを打ち消してフェードインさせる */
  left: auto !important;
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 開いているときの状態 */
#drawer-nav[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.c-hamburger-btn__label {
  display: none;
}

.c-hamburger-btn__bar:nth-child(2) {
  display: none; /* 真ん中の線を消す */
}

.c-hamburger-btn__bars {
  width: 32px;
  height: 32px;
}

.c-hamburger-btn__bar {
  width: 32px; /* 線の長さ */
  height: 1px; /* 線の太さ */
  margin: 6px 0; /* 線の間隔 */
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-hamburger-btn__bar:first-of-type {
  top: 4px;
}

c-hamburger-btn__bar:nth-of-type(3) {
  top: 12px;
}

.c-hamburger-btn[aria-expanded=true] > .c-hamburger-btn__bars > .c-hamburger-btn__bar:first-of-type {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.c-hamburger-btn[aria-expanded=true] > .c-hamburger-btn__bars > .c-hamburger-btn__bar:nth-of-type(3) {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.move .animation-bg {
  display: block;
  z-index: 99999999;
  position: fixed;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100vh;
  background: #000000;
  content: "";
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.btt .animation-bg {
  -webkit-animation-name: PageAnime-btt;
          animation-name: PageAnime-btt;
}

@-webkit-keyframes PageAnime-btt {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); /* 初期状態: 全面黒 */
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); /* 50%までは変化なし */
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); /* 一気にシャッターを開ける */
  }
}

@keyframes PageAnime-btt {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); /* 初期状態: 全面黒 */
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); /* 50%までは変化なし */
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0); /* 一気にシャッターを開ける */
  }
}
.c-primary__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0 !important;
  border-left: none !important;
  background-color: transparent !important;
  font-size: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Fjalla One", sans-serif;
}
.c-primary__ttl span {
  font-weight: normal;
  font-size: 16px;
}
.c-primary__ttl span::before {
  margin: 0 14px;
  content: "/";
  font-weight: normal;
  font-size: 24px;
}

.c-primary__ttl--ver2 h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0 !important;
  border-left: none !important;
  background-color: transparent !important;
  font-size: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-family: "Fjalla One", sans-serif;
}

.c-primary__btn {
  z-index: 1;
  position: relative;
  width: 240px;
  padding: 0.8rem 2rem;
  overflow: hidden;
  border: 1px solid #333;
  background-color: transparent;
  color: #333;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.c-primary__btn:before {
  position: absolute;
  left: 50%;
  content: "";
  -webkit-transform: translateX(-50%) scaleY(1) scaleX(1.25);
  display: block;
  top: 100%;
  width: 140%;
  height: 180%;
          transform: translateX(-50%) scaleY(1) scaleX(1.25);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-primary__btn:after {
  position: absolute;
  left: 55%;
  content: "";
  -webkit-transform: translateX(-50%) scaleY(1) scaleX(1.45);
  display: block;
  top: 180%;
  width: 160%;
  height: 190%;
          transform: translateX(-50%) scaleY(1) scaleX(1.45);
  border-radius: 50%;
  background-color: #333;
  -webkit-transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
}

.c-primary__btn:hover {
  border: 1px solid #333;
  color: #ffffff;
}

.c-primary__btn:hover:before {
  top: -35%;
  background-color: #333;
  -webkit-transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
          transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.c-primary__btn:hover:after {
  top: -45%;
  background-color: #333;
  -webkit-transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
          transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.c-prev-btn__wrap {
  display: block;
}

.c-contact__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgb(232, 232, 232);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-contact__first,
.c-contact__second {
  padding: 32px 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-contact__first::after,
.c-contact__second::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
}

.c-contact__first {
  background: url("http://cbone.local/wp-content/uploads/2023/06/cbo-mv02.webp") no-repeat border-box center center/cover;
}

.c-contact__second {
  background: url("http://cbone.local/wp-content/uploads/2023/06/cbo-mv01.webp") no-repeat border-box center center/cover;
}

.c-contact__txt {
  margin-top: 18px;
}

.c-contact__btn {
  z-index: 2;
  position: relative;
  max-width: 240px;
  padding: 12px 32px;
  border: none;
  background-color: #bc0000;
  color: #fff;
  font-weight: bold;
}

.main-swiper,
.responsive-swiper {
  height: 100vh;
  overflow: hidden;
}
.main-swiper .swiper-slide,
.responsive-swiper .swiper-slide {
  position: relative;
}
.main-swiper .swiper-slide .main-visual,
.responsive-swiper .swiper-slide .main-visual {
  aspect-ratio: 16/9;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: -webkit-transform 6s ease;
  transition: -webkit-transform 6s ease;
  transition: transform 6s ease;
  transition: transform 6s ease, -webkit-transform 6s ease;
}
.main-swiper .swiper-slide-active .main-visual,
.responsive-swiper .swiper-slide-active .main-visual {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.main-swiper .swiper-slide-active .slide__content,
.responsive-swiper .swiper-slide-active .slide__content {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 1;
}
.main-swiper .slide__content,
.responsive-swiper .slide__content {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 90vw;
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  -webkit-transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
  z-index: 1;
  opacity: 0;
  transition: opacity 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
  transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s;
  transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s, -webkit-transform 1.2s ease 1.5s;
}
.main-swiper .slide__content h2,
.responsive-swiper .slide__content h2 {
  font-size: 36px;
  line-height: 2em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
}
.main-swiper .swiper-slide .slide__content .wp-block-snow-monkey-blocks-buttons,
.responsive-swiper .swiper-slide .slide__content .wp-block-snow-monkey-blocks-buttons {
  margin-top: 30px;
}
.main-swiper .swiper-slide .slide__content .wp-container,
.responsive-swiper .swiper-slide .slide__content .wp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  gap: 0.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.infinity-swiper {
  aspect-ratio: 16/9;
  overflow: hidden;
  /* スライドの動き等速 */
}
.infinity-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.infinity-swiper .swiper-slide {
  position: relative;
}
.infinity-swiper .swiper-slide .main-visual {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.infinity-swiper .swiper-slide .slide__content .wp-block-snow-monkey-blocks-buttons {
  margin-top: 30px;
}
.infinity-swiper .swiper-slide .slide__content .wp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  gap: 0.5em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-scroll-down {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
  z-index: 100;
          align-items: flex-end;
  text-align: center;
  pointer-events: none;
}

.c-scroll-down__wrap {
  position: relative;
  height: 140px;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  cursor: pointer;
  pointer-events: auto;
}

.c-scroll-down__text {
  display: block;
  position: relative;
  color: #dcdcdc;
  font-weight: 400;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.c-scroll-down__arrow {
  position: relative;
  width: 1px;
  height: 100px;
  margin: 22px auto 0;
  overflow: hidden;
  background-color: #eee;
}

.c-scroll-down__arrow::before {
  position: absolute;
  top: -150px;
  left: 0;
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #000;
  content: "";
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}
.c-sns__container {
  margin-top: 12px;
}

.c-sns__btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  color: inherit;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
}

.c-sns__btn:hover {
  opacity: 0.7;
}

.p-sns__x > img {
  height: 1em;
  padding-bottom: 3px;
}

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

.c-accordion__toggle {
  display: none;
}

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

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

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

.Label,
.c-accordion__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.c-accordion__toggle:checked + .Label::before {
  -webkit-transform: rotate(-45deg) !important;
          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);
}

.c-staff-profile {
  /* グリッドコンテナ */
  display: grid;
  /* 最小100px、最大1frの列を繰り返しつくる */
  grid-template-columns: repeat(auto-fill, minmax(clamp(17.5rem, -2.5rem + 100vw, 28.75rem), 1fr));
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 10px;
}

.c-staff-profile__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.c-staff-profile__image {
  aspect-ratio: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.c-sns-list__item-link {
  width: 24px;
  color: #333;
  cursor: pointer;
}

.c-sns-list__item-link svg {
  height: auto;
}

/* マウスストーカーのスタイル */
.mouse-stalker {
  position: fixed; /* スクロールしてもカーソルの位置で固定 */
  top: -10px; /* widthの半分 */
  left: -10px; /* widthの半分 */
  height: 20px; /* 円の高さ */
  border-radius: 50%; /* 正円 */
  background-color: rgba(148, 148, 148, 0.5); /* 背景色 */
  opacity: 0; /* カーソルを画面内に入れるまでは透明 */
  pointer-events: none; /* 直下のリンクをクリック可能にする */
  -webkit-transition: all 0.2s ease-out;
  z-index: 999999999999; /* 一番上に来るように */
  width: 20px; /* 円の幅 */
  transition: all 0.2s ease-out; /* 遅れてついてくる時間 */
}

/* リンクにホバーした時のスタイル */
.mouse-stalker.js-hover {
  top: -25px; /* 円の高さの半分 */
  left: -25px; /* 円の幅の半分 */
  width: 50px; /* カーソルがリンク上に乗ったときの幅 */
  height: 50px; /* カーソルがリンク上に乗ったときの高さ */
  background-color: #fff; /* 色を反転させるのに必要 */
  mix-blend-mode: difference; /* 色を反転 */
}

/* すりガラス風のボックス */
.glass-box .smb-section__inner {
  z-index: 1;
  max-width: clamp(30rem, 27.132rem + 8.82vw, 33.75rem);
  padding: 2rem;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.2); /* 半透明 */
  -webkit-backdrop-filter: blur(6px); /* Safari対応 */
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  color: #fff; /* 白文字推奨 */
}

.c-prev-btn__wrap {
  padding-bottom: 48px !important;
}

.archive .c-prev-btn__wrap {
  margin-top: 48px !important;
}

.single-news .c-prev-btn__wrap {
  margin-top: 48px !important;
}

.single-staff .c-prev-btn__wrap {
  margin-top: 0;
}

body:not(.home) .c-entry__content > .smb-section:first-child {
  padding-top: 0;
}

.page-company .c-primary__ttl,
.page-dealer .c-primary__ttl,
.page-contact .c-primary__ttl,
.page-faq .c-primary__ttl,
.page-report .c-primary__ttl,
.post-type-archive-news .c-primary__ttl,
.post-type-archive-staff .c-primary__ttl {
  padding: 0;
  padding-bottom: 24px;
}

.p-grid__container--slim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 1280px;
  margin: 0 auto !important;
  padding-top: 40px;
}

.post-type-archive-products .p-grid__container--slim {
  padding-right: 16px;
  padding-left: 16px;
}

.p-grid__items {
  width: 100%;
  height: clamp(15rem, 6.898rem + 34.57vw, 23.75rem);
  overflow: hidden;
}

.p-grid__items:not(:first-child) {
  margin-left: 12px;
}

.p-grid__items:nth-child(even) {
  margin-top: 40px;
}

.p-grid__item {
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  position: relative;
          justify-content: center;
}

.p-grid__itemSpan {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  font-size: 32px;
  font-family: "Fjalla One", sans-serif;
  -webkit-transition: all 0.3s;
  padding: 8px;
  line-height: 1;
  transition: all 0.3s;
}

.p-grid__item:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.p-grid__item:hover .p-grid__itemSpan {
  z-index: 9999;
  color: rgb(158, 0, 0);
}

.p-grid__items1--slim {
  background: url(../images/front-page/home_products_castingrod.jpg) no-repeat center center/cover;
}

.p-grid__items2--slim {
  background: url(../images/front-page/home_products_jigingrod.jpg) no-repeat center center/cover;
}

.p-grid__items3--slim {
  background: url(../images/front-page/home_products_lure.jpg) no-repeat center center/cover;
}

.p-grid__items4--slim {
  background: url(../images/front-page/home_products_goods.jpg) no-repeat center center/cover;
}

.ad-mv {
  padding: 0;
}

.ad-mv .c-container {
  max-width: none !important;
  padding: 0;
}

.ad-sideImage .smb-media-text__title {
  line-height: 1;
}

[data-has-sidebar=false] .c-entry .ad-sideImage {
  margin-right: calc(-1 * var(--_container-margin-right));
  margin-left: calc(-1 * var(--_container-margin-left));
}

.ad-sideImage .smb-media-text__title + .smb-media-text__body,
.ad-sideImage .is-layout-constrained > :not(:first-child) {
  margin-top: 24px;
}

.ad-sideImage .is-layout-constrained > :not(:first-child) a {
  line-height: 1.5;
}

.ad-sideImage .c-container {
  max-width: none;
  padding: 0;
}

.ad-sideImage .smb-media-text:last-of-type .smb-media-text__contents-wrapper {
  padding-bottom: 0;
}

.ad-sideImage .smb-media-text:nth-child(odd),
.ad-sideImage .smb-media-text:nth-child(even) {
  margin-top: 0 !important;
}

.ad-sideImage .smb-media-text__contents-wrapper {
  width: 80%;
  margin: auto !important;
  padding-right: 0;
  padding-left: 0;
}

.ad-sideImage__text {
  --_font-size-level: 3;
  font-size: var(--_fluid-font-size);
  line-height: 1.5;
}
.ad-sideImage .smb-section__body .smb-media-text:nth-child(3) .smb-media-text__contents-wrapper {
  margin-bottom: 0;
}

.ad-footer {
  padding-top: 48px;
  padding-bottom: 42px;
  color: var(--wp--preset--color--white);
}

.ad-footer__container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ad-footer__info {
  margin-top: 12px !important;
}

.menu-item-gtranslate {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

#gt_float_wrapper {
  top: 0 !important;
  right: clamp(3rem, -38.835rem + 50.03vw, 118.75rem) !important;
}

.gt-current-lang img {
  display: none !important;
}

.gt_float_switcher img {
  width: 20px !important;
}

.gt-selected {
  width: 86px !important;
}

.gt-lang-code {
  font-size: 14px;
}

.gt_float_switcher .gt-selected .gt-current-lang.gt-current-lang,
.nturl {
  padding: 2px 8px !important;
}

.gt-current-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.gt-open {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.nturl {
  font-size: 11px;
}

.nturl img {
  display: none !important;
}

.nturl[data-gt-lang=ja] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.nturl[data-gt-lang=en] {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.nturl[data-gt-lang=zh-CN] {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.nturl[data-gt-lang=zh-TW] {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.nturl[data-gt-lang=fr] {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.nturl[data-gt-lang=es] {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.nturl[data-gt-lang=it] {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.nturl[data-gt-lang=ar] {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.nturl[data-gt-lang=pt] {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.nturl[data-gt-lang=ko] {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.nturl[data-gt-lang=ru] {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.p-insta .smb-section__body {
  position: relative;
}

.p-insta__global {
  position: absolute;
  top: 14px;
  left: 168px;
  margin: 0 !important;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
}

.p-insta__global span {
  font-size: inherit !important;
}

#sb_instagram .sb_instagram_header a,
.sb_instagram_header a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#sb_instagram .sb_instagram_header .sbi_header_img,
.sb_instagram_header .sbi_header_img {
  width: 32px;
  height: 32px;
}

#sb_instagram .sb_instagram_header .sbi_header_text,
.sb_instagram_header .sbi_header_text {
  gap: 4px;
}

.sbi_mob_col_2 .sbi_tab_col_3 .sbi_col_3 .sbi_width_resp .sbi_no_avatar .sbi_header_img {
  background-color: initial !important;
}

.sbi_no_avatar .sbi_header_hashtag_icon {
  color: var(--wp--preset--color--sm-accent) !important;
}

.post-type-archive-products .p-archive {
  display: none;
}

.tax-products-category .c-meta__item--published {
  display: none;
}

.p-accordion {
  padding-top: 92px;
}

.term-casting-plug .c-page-header__bgimage > img,
.term-casting-plug .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}

.p-staff-archive {
  max-width: 600px;
  margin-bottom: 24px !important;
  text-align: center;
}

.p-staff-archive__title {
  font-size: 24px;
}

.p-staff-archive__text {
  font-weight: bold;
}

.custom-post-goods .c-page-header {
  position: relative;
}
.custom-post-goods .c-page-header__title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  z-index: 999;
          transform: translate(-50%, -50%);
}

/* standup tuna monsta series ページのみのスタイル */
.single-products--standup-tuna-series .l-contents .c-container {
  padding: 0;
}
.single-products--standup-tuna-series .p-breadcrumbs-wrapper,
.single-products--standup-tuna-series .c-entry__header,
.single-products--standup-tuna-series .smb-section__contents-wrapper,
.single-products--standup-tuna-series .c-prev-btn__wrap {
  max-width: 780px;
}
.single-products--standup-tuna-series .smb-section__title {
  display: inline-block;
}
.single-products--standup-tuna-series .smb-section__title::after {
  width: auto;
}

.single-products .c-page-header[data-has-image=true] {
  height: clamp(15rem, 7.963rem + 35.19vw, 62.5rem);
}

.single-staff .c-page-header[data-has-image=true] {
  height: clamp(18.75rem, 8.333rem + 52.08vw, 50rem);
}
.single-staff .c-staff-profile {
  padding-bottom: 48px;
}

.single-staff--hiroyuki-tajimi .c-page-header__bgimage > img,
.single-staff--hiroyuki-tajimi .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 15%;
     object-position: 50% 15%;
}

.single-staff--go-kobayashi .c-page-header__bgimage > img,
.single-staff--go-kobayashi .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
}

.single-staff--hazuki-watanabe .c-page-header__bgimage > img,
.single-staff--hazuki-watanabe .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}

.single-staff--tomoaki-taguchi .c-page-header__bgimage > img,
.single-staff--tomoaki-taguchi .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}

.single-staff--henry-chan .c-page-header__bgimage > img,
.single-staff--henry-chan .c-page-header__bgimage > picture > img {
  -o-object-position: 50% 65%;
     object-position: 50% 65%;
}

.page-dealer .smb-accordion__item__title__label strong {
  margin-left: 12px;
}

.page-dealer table {
  table-layout: fixed;
}

.page-dealer table th:nth-child(1) {
  width: 350px;
}

.page-dealer table th:nth-child(2) {
  width: 100px;
}

.page-dealer table th:nth-child(4) {
  width: 142px;
}

.page-dealer .dealer-1col > table {
  min-width: 560px !important; /* テーブルの最小幅を設定 */
}

.page-dealer .taiwan table th:nth-child(2) {
  width: initial;
}

.page-report .c-page-header__bgimage > img {
  -o-object-position: 50% 72%;
     object-position: 50% 72%;
}

.home .smb-section__body > h2 {
  padding: initial !important;
}

.swiper-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  z-index: 10;
          transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  -webkit-animation: logoFadeIn 2s ease-in-out 0.5s forwards;
          animation: logoFadeIn 2s ease-in-out 0.5s forwards;
}

.swiper-logo__inner .custom-logo-link {
  display: block;
}
.swiper-logo__inner .custom-logo-link .custom-logo {
  width: clamp(10.125rem, 5.63rem + 22.48vw, 20rem);
  max-width: 100%;
  height: auto;
}

.swiper-logo__title {
  margin: 0;
  font-weight: bold;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  line-height: 1.2;
}

.swiper-logo__title a {
  color: #fff;
  text-decoration: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.swiper-logo__title a:hover {
  opacity: 0.8;
}
@-webkit-keyframes logoFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes logoFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.home .swiper-slide[data-swiper-slide-index="3"] .main-visual {
  -o-object-position: top;
     object-position: top;
}

.swiper-section {
  position: relative;
}

.p-top__news-list {
  z-index: 100;
  position: absolute;
  right: 0;
  bottom: 0px;
  padding: 4px 8px;
  background: #fff;
}
.p-top__news-list::before {
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 24px solid #fff;
  border-left: 40px solid transparent;
  content: "";
}

.p-top__news-list__item {
  line-height: 1;
  list-style: none;
}

.p-top__news-list__item__link {
  color: #333;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.p-top__news-list__item__link:hover {
  opacity: 0.8;
}

.p-reverse > .c-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.p-contact__box {
  z-index: 2;
  position: relative;
}

.p-contact {
  padding-bottom: 0 !important;
}

.p-contact .c-container {
  max-width: initial;
  min-height: 340px;
  padding: 0;
}

.p-contact .smb-section__contents-wrapper {
  min-height: 340px;
}

.p-contact .smb-section__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 340px;
}

.p-contact .c-contact__second {
  margin: 0 !important;
}

.p-contact .c-contact__first,
.p-contact .c-contact__second {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-contact__ttl {
  z-index: 2;
  position: relative;
}

.c-contact__btn {
  background-color: var(--wp--preset--color--sm-accent);
  color: var(--wp--preset--color--sm-text-alt);
}

.p-release-info {
  margin: 60px auto;
}

.p-release-info__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  gap: 40px;
  border-radius: 8px;
  background-color: rgba(248, 248, 248, 0.95);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.p-release-info__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 200px;
  padding: 24px;
  border-radius: 6px;
  background: -webkit-linear-gradient(315deg, #b5b5b5 0%, #2c2c2c 50%, #000000 100%);
  background: linear-gradient(135deg, #b5b5b5 0%, #2c2c2c 50%, #000000 100%);
  color: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1);
}

.p-release-info__date::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(315deg, rgba(255, 48, 48, 0.15) 0%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(135deg, rgba(255, 48, 48, 0.15) 0%, rgba(0, 0, 0, 0) 50%);
  content: "";
  pointer-events: none;
}

.p-release-info__year {
  font-weight: 700;
  font-size: 38px;
  line-height: 1.2;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 2px;
}

.p-release-info__month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-release-info__number {
  color: #ff3030;
  font-weight: 800;
  font-size: 84px;
  line-height: 1.2;
  font-family: "Fjalla One", sans-serif;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.p-release-info__text {
  font-weight: 700;
  font-size: 54px;
  line-height: 1.2;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 4px;
}

.p-release-info__products {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-release-info__list {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  gap: 16px;
  list-style: none;
}

.p-release-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  padding-left: 32px;
  gap: 10px;
  border-left: 4px solid #ff3030;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  position: relative;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.p-release-info__category {
  position: absolute;
  left: -24px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
  padding: 5px 2px;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  text-orientation: upright;
          writing-mode: vertical-rl;
}

.p-release-info__model {
  margin-right: auto;
  color: #333;
  font-weight: 700;
  font-size: 18px;
}

.p-release-info__spec {
  color: #666;
  font-weight: 500;
  font-size: 16px;
}

.p-release-info__new {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #ff3030;
  color: white;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.display-none {
  display: none;
}

/* スマホの場合は非表示 */
/* PCの場合は表示 */
/* PC表示でもハンバーガーメニューを使用 */
:root {
  --dark-bg-primary: #000000;
  --dark-bg-secondary: #1a1a1a;
  --dark-bg-tertiary: #2a2a2a;
  --dark-bg-quaternary: #222222;
  --dark-bg-quinary: #333333;
  --dark-text-primary: #ffffff;
  --dark-text-secondary: #cccccc;
  --dark-border: #686868;
  --dark-button-effect-primary-hover-1: #969696;
  --dark-button-effect-primary-hover-2: #cecece;
  --dark-button-text-primary-hover: #1a1a1a;
  --dark-contact-button-primary-hover: #303030;
  --dark-contact-button-primary-border: #686868;
}

body {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.p-header,
.l-sidebar,
.p-sidebar,
.c-sidebar,
.l-footer,
.p-footer,
.c-footer {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.l-main,
.p-main,
.c-main {
  background-color: var(--dark-bg-primary) !important;
  color: var(--dark-text-primary);
}

.c-card,
.p-card,
.c-box,
.p-box,
.c-swiper,
.p-swiper {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.c-grid,
.p-grid,
.c-layout,
.p-layout {
  background-color: var(--dark-bg-primary) !important;
}

table,
.c-table,
.p-table {
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary);
}
table td,
.c-table td,
.p-table td {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary);
  color: var(--dark-text-primary);
}

.page-dealer table,
.page-dealer .c-table,
.page-dealer .p-table,
body.page-dealer table,
body.page-dealer .c-table,
body.page-dealer .p-table {
  background-color: var(--dark-bg-tertiary);
}
.page-dealer table th,
.page-dealer .c-table th,
.page-dealer .p-table th,
body.page-dealer table th,
body.page-dealer .c-table th,
body.page-dealer .p-table th {
  border-color: var(--dark-border) !important;
}
.page-dealer table td,
.page-dealer .c-table td,
.page-dealer .p-table td,
body.page-dealer table td,
body.page-dealer .c-table td,
body.page-dealer .p-table td {
  background-color: var(--dark-bg-tertiary);
}

body.page-dealer .smb-section table,
body.page-dealer .c-container table,
body.page-dealer .l-main table {
  background-color: var(--dark-bg-tertiary);
}
body.page-dealer .smb-section table td,
body.page-dealer .c-container table td,
body.page-dealer .l-main table td {
  background-color: var(--dark-bg-tertiary);
}

.p-entry-content h2.wp-block-heading {
  background-color: var(--dark-bg-tertiary);
}

input,
textarea,
select,
button:not(#cookie-notice button):not(.smf-action .smf-button-control__control):not(.l-header button):not(.l-footer button):not(nav button):not(.home button):not(.single-products button) {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.l-footer button {
  background-color: transparent !important;
}

.smf-placeholder {
  color: var(--dark-text-primary);
}

.smf-file-control,
.smf-file-control__label {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.smf-form .smf-file-control {
  padding: 12px !important;
  border-radius: 6px !important;
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}

.smf-form .smf-file-control__label {
  display: inline-block !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  border-color: var(--dark-border) !important;
  background-image: none !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}
.smf-form .smf-file-control__label:hover {
  background-image: none !important;
  background-color: var(--dark-border) !important;
  color: var(--dark-text-primary);
}
.smf-form .smf-file-control__label:focus {
  border-color: var(--dark-text-primary);
  background-image: none !important;
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
  -webkit-box-shadow: 0 0 0 2px var(--dark-border) !important;
          box-shadow: 0 0 0 2px var(--dark-border) !important;
}

.smf-file-control__filename,
.smf-file-control__filename--no-file {
  color: var(--dark-text-secondary) !important;
}

.smf-file-control__filename {
  background-color: transparent !important;
}

.smf-file-control__filename--has-file {
  color: var(--dark-text-primary);
}

.smf-file-control__clear {
  border-color: var(--dark-border) !important;
  background-color: transparent !important;
  color: var(--dark-text-primary);
}
.smf-file-control__clear:hover {
  background-color: var(--dark-border) !important;
  color: var(--dark-text-primary);
}

.smf-action .smf-button-control__control {
  border-color: var(--dark-contact-button-primary-border) !important;
  background-image: none !important;
  background-color: var(--dark-button-primary) !important;
  color: var(--dark-text-primary);
  cursor: pointer !important;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
}
.smf-action .smf-button-control__control:hover {
  background-image: none !important;
  background-color: var(--dark-contact-button-primary-hover) !important;
  color: var(--dark-text-primary);
}
.smf-action .smf-button-control__control:focus {
  border-color: var(--dark-text-primary);
  background-image: none !important;
  background-color: var(--dark-button-primary) !important;
  color: var(--dark-text-primary);
  -webkit-box-shadow: 0 0 0 2px var(--dark-border) !important;
          box-shadow: 0 0 0 2px var(--dark-border) !important;
}

.smf-file-control:focus-within {
  border-color: var(--dark-text-primary);
  -webkit-box-shadow: 0 0 0 2px var(--dark-border) !important;
          box-shadow: 0 0 0 2px var(--dark-border) !important;
}
.smf-file-control:hover {
  border-color: var(--dark-text-secondary) !important;
}
.smf-file-control:disabled, .smf-file-control[aria-disabled=true] {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-primary) !important;
  color: var(--dark-text-secondary) !important;
  opacity: 0.6;
}
.smf-file-control:disabled .smf-file-control__label,
.smf-file-control:disabled .smf-file-control__filename,
.smf-file-control:disabled .smf-file-control__clear, .smf-file-control[aria-disabled=true] .smf-file-control__label,
.smf-file-control[aria-disabled=true] .smf-file-control__filename,
.smf-file-control[aria-disabled=true] .smf-file-control__clear {
  color: var(--dark-text-secondary) !important;
}

.c-accordion__list a,
a {
  color: var(--dark-text-primary);
}
.c-accordion__list a:hover,
a:hover {
  color: var(--dark-text-secondary);
}

label {
  color: var(--dark-text-primary);
}

[data-scrolled=true] .l-header--sticky-overlay-colored-sm {
  background-color: rgba(0, 0, 0, 0.5);
}

.l-header--sticky-overlay-colored-sm .c-hamburger-btn__bar {
  background-color: #fff;
}

.l-header--sticky-overlay-colored-sm .c-hamburger-btn__label {
  color: #fff;
}

.nav,
.navigation,
.c-nav,
.p-nav,
.modal,
.popup,
.c-modal,
.p-modal {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.c-accordion,
.p-accordion {
  background-color: var(--dark-bg-secondary) !important;
  color: var(--dark-text-primary);
}

.smb-accordion {
  --smb-accordion--title-background-color: var(--dark-bg-tertiary) !important;
  --smb-accordion--title-color: var(--dark-text-primary);
  --smb-accordion--title-border-color: var(--dark-border) !important;
  --smb-accordion--content-background-color: var(--dark-bg-tertiary) !important;
  --smb-accordion--content-color: var(--dark-text-primary);
  --smb-accordion--content-border-color: var(--dark-border) !important;
}

.smb-accordion__item {
  --smb-accordion-item--background-color: var(--dark-bg-tertiary) !important;
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary);
}

.smb-accordion__item__title {
  z-index: 0 !important;
  position: relative !important;
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary);
  text-shadow: 0 0 1px var(--dark-bg-primary) !important;
  cursor: pointer !important;
}
.smb-accordion__item__title:hover {
  background-color: var(--dark-border) !important;
  color: var(--dark-text-primary);
}
.smb-accordion__item__title:focus {
  border-color: var(--dark-text-primary);
  outline: none !important;
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary);
  -webkit-box-shadow: 0 0 0 2px var(--dark-border) !important;
          box-shadow: 0 0 0 2px var(--dark-border) !important;
}
.smb-accordion__item__title:focus-visible {
  border-color: var(--dark-text-primary);
  outline: 2px solid var(--dark-text-primary);
  outline-offset: 2px !important;
  background-color: var(--dark-bg-tertiary) !important;
}

.smb-accordion__item__body {
  border-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-primary);
}

.smb-accordion__item.is-active {
  --smb-accordion-item--background-color: var(--dark-bg-tertiary) !important;
  background-color: var(--dark-bg-tertiary) !important;
}
.smb-accordion__item.is-active .smb-accordion__item__title {
  border-bottom-color: var(--dark-border) !important;
  background-color: var(--dark-bg-tertiary) !important;
}
.smb-accordion__item.is-active .smb-accordion__item__body {
  background-color: var(--dark-bg-secondary) !important;
}

.smb-accordion__item__title__icon {
  color: var(--dark-text-primary);
}
.smb-accordion__item__title__icon::before, .smb-accordion__item__title__icon::after {
  background-color: var(--dark-text-primary);
}

.smb-accordion__item__title__text,
.smb-accordion__item__title span,
.smb-accordion__item__title div,
.smb-accordion__item__title__label {
  color: var(--dark-text-primary);
  text-shadow: 0 0 1px var(--dark-bg-primary) !important;
}

.smb-accordion__item__control {
  z-index: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-color: transparent !important;
  background-color: transparent !important;
  color: transparent !important;
  opacity: 0 !important;
  pointer-events: auto !important;
}

.smb-accordion__item__control:focus,
.smb-accordion__item__control:focus-visible {
  border-color: transparent !important;
  outline: none !important;
  background-color: transparent !important;
  color: transparent !important;
}

.smb-accordion__item:has(.smb-accordion__item__control:focus) .smb-accordion__item__title,
.smb-accordion__item__control:focus + .smb-accordion__item__title {
  border-color: var(--dark-text-primary);
  outline: none !important;
  background-color: var(--dark-bg-tertiary) !important;
}

.smb-accordion__item:has(.smb-accordion__item__control:focus-visible) .smb-accordion__item__title,
.smb-accordion__item__control:focus-visible + .smb-accordion__item__title {
  border-color: var(--dark-text-primary);
  outline: 2px solid var(--dark-text-primary);
  outline-offset: 2px !important;
  background-color: var(--dark-bg-tertiary) !important;
}

.c-primary__btn {
  border: 1px solid var(--dark-text-primary);
  color: var(--dark-text-primary);
}

.c-primary__btn:before,
.c-primary__btn:after {
  background-color: var(--dark-bg-secondary);
}

.c-primary__btn:hover {
  border: 1px solid var(--dark-text-primary);
  color: var(--dark-button-text-primary-hover);
}

.c-primary__btn:hover:before {
  background-color: var(--dark-button-effect-primary-hover-1);
}

.c-primary__btn:hover:after {
  background-color: var(--dark-button-effect-primary-hover-2);
}

.c-sns-list__item-link {
  color: var(--dark-text-primary);
}

.p-release-info__container {
  background-color: var(--dark-bg-quaternary);
}

.p-release-info__item {
  background-color: var(--dark-bg-quinary);
}

.p-release-info__model,
.p-release-info__new {
  color: var(--dark-text-primary);
}

.p-release-info__spec {
  color: var(--dark-text-secondary);
}

.smb-section__fixed-background {
  background-color: var(--dark-bg-quaternary);
}

.u-bg-white {
  background-color: var(--dark-bg-secondary) !important;
}

.u-text-black {
  color: var(--dark-text-primary);
}

/* ダークモード用 有効化しない場合はコメントアウト*/

@media screen and (max-width: 1023px){
  .l-1row-header .c-container > div {
    height: initial !important;
  }
  .c-entry__content .is-scroll > table {
    width: 980px;
  }
  .main-swiper,
  .responsive-swiper {
    height: clamp(19.5rem, 7.878rem + 49.59vw, 38.25rem);
  }
  .ad-sideImage .smb-media-text__title {
    line-height: var(--_line-height);
  }
  [data-has-sidebar=false] .c-entry .ad-sideImage {
    margin-right: 0;
    margin-left: 0;
  }
  .ad-sideImage .smb-media-text__contents-wrapper {
    width: 100%;
    padding-bottom: 48px;
  }
  .ad-sideImage__text {
    margin-top: 24px !important;
  }
  #gt_float_wrapper {
    top: 14px !important;
    right: 56px !important;
  }
  .swiper-logo__title {
    font-size: clamp(1.2rem, 3vw, 2rem);
  }
  .p-reverse > .c-row {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .p-contact .smb-section__body {
    display: block;
  }
  .p-release-info__date {
    padding: 16px;
  }
  .p-release-info__year {
    font-size: 24px;
  }
  .p-release-info__month {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .p-release-info__number {
    font-size: 60px;
  }
  .p-release-info__text {
    margin-left: 12px;
    font-size: 90px;
  }
}

@media screen and (max-width: 780px){
  .p-grid__container--slim {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    padding-right: 0;
    padding-left: 0;
  }
  .p-grid__items:not(:first-child) {
    margin-left: 0;
  }
  .p-grid__items:nth-child(even) {
    margin-top: 0;
  }
}

@media (max-width: 767px){
  .is-sp {
    display: block;
  }
  .is-pc {
    display: none;
  }
}

@media screen and (max-width: 520px){
  .c-scroll-down {
    display: none;
  }
  .p-release-info {
    margin: 28px auto;
  }
}

@media (min-width: 768px){
  .p-release-info__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

@media (min-width: 64em){
  .c-site-branding__title .custom-logo {
    width: 205px;
  }
}

@media (min-width: 1024px){
  .p-release-info__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px;
  }
  .u-invisible-lg-up {
    display: block !important;
  }
  .u-invisible-md-down {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */