@media screen and (min-width: 767px) {
.l-wrapper-none {
 overflow:visible;
}
.p-product_content__inner--subdetail{
 overflow:hidden;
}
.p-product_content__inner {
 align-items: flex-start;
 padding-bottom: 50px;
}
.p-product_content__inner__img {
 position: sticky;
 align-items: flex-start;
 top: 99px;
 left: 0;
}

.c-product_img__slider {
 width: 100%;
}
}

/* テーブルの基本設定（!importantを外す） */
.c-product_info__option.u-text--body h2 ~ table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  /* display: block; はここでは書かない。JSに任せる */
}

/* 最後の要素の余白だけは維持 */
/* .c-product_info__option.u-text--body h2 ~ *:last-child {
  padding-bottom: 26px !important;
} */

.c-product_info__option.u-text--body:has(h2) {
  position: relative;
  cursor: pointer;
  margin: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
  padding: 20px 0;
}

/* 最初の要素の線調整もh2がある場合のみ */
.c-product_info__option.u-text--body:has(h2):first-of-type {
  margin-top: 0;
}

/* --- 右側の＋ー線（h2がある場合のみ） --- */

.c-product_info__option.u-text--body:has(h2)::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 30px;
  width: 13px;
  height: 1px;
  background-color: #333;
  z-index: 1;
}

.c-product_info__option.u-text--body:has(h2)::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 24px;
  width: 1px;
  height: 13px;
  background-color: #333;
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 1;
}

/* 開いた状態の線アニメーション */
.c-product_info__option.u-text--body.is-active::after {
  transform: rotate(90deg);
  opacity: 0;
}

.c-product_info__option.u-text--body h2 ~ *:last-child {
  /* padding-bottom: 26px !important;
  box-sizing: border-box; */
}

/* --- タイトル(h2)の装飾 --- */

.c-product_info__option.u-text--body h2 {
  display: flex;
  align-items: center;
  margin: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  border: none !important;
}

/* 左側の金色の四角 */
.c-product_info__option.u-text--body h2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #c6a756;
  margin-right: 15px;
  flex-shrink: 0;
}

/* h2は常に表示 */
.c-product_info__option h2 {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 右側の＋ー線） */
.c-product_info__option.u-text--body::before,
.c-product_info__option.u-text--body::after {
  /* topの位置がずれている場合はここで調整してください */
  top: 30px; 
}

.c-product_info__option.u-text--body {
  cursor: default; /* 全体はデフォルト */
}

.c-product_info__option.u-text--body h2 {
  cursor: pointer; /* タイトルだけ指マーク */
}