/* ========== 基本UI ========== */
.product__social-list { display: flex; gap: 10px; }

.product__explain a { color: #333; border-bottom: 3px double; }
.product__explain a:hover { color: #ccc; text-decoration: none; }

/* お知らせブロック */
.notice {
  position: relative; padding: 1em; background: #ffeaea; color: #f00;
  font-weight: bold; margin-bottom: 30px;
}
/*.notice:after {
  content: ""; position: absolute; top: 100%; left: 30px;
  border: 15px solid transparent; border-top-color: #ffeaea;
}*/
.notice p { margin: 0; padding: 0; }

/* オプション領域の下余白 */
.option { padding-bottom: 20px; }

/* テキスト装飾 */
.point-e { background: yellow; font-size: smaller; }
.price-r { color: red; }
.password_field { padding: 6px; margin: 5px 0; }

/* ========== 画像系 ========== */
.product__image-main,
.product__image-thumb.col.col-lg-5 {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}

/* product__info の余白（セレクタ修正）*/
.product__info.col { padding: 10px 0; }

/* サムネイルのfloatを閉じる／見出しの回り込み防止 */
.product__image-thumb ul::after { content: ""; display: block; clear: both; }
.section__title-h2.product__name {
  clear: both; margin-top: 12px; position: relative; z-index: 1;
}

/* 2カラム親の区切り線 */
.product-two-col { border-bottom: 1px solid #ccc; }


/* 商品詳細の2カラムをシンプルにレイアウト（中央寄せ・固定幅） */
  .section__block.product__section > .product-two-col {
    width: 1300px; margin: 0 auto;
    display: grid; grid-template-columns: 700px 576px; column-gap: 24px;
    box-sizing: border-box;
  }

  /* 旧floatや固定幅の影響を最小化（このセクション内だけ） */
  .section__block.product__section .col-left,
  .section__block.product__section .col-right,
  .section__block.product__section .description.row.float_do {
    float: left; width: auto;
  }

  /* 右カラム内の干渉回避（テーマ由来のfloat/row） */
  .section__block.product__section .col-right .product__image { float: none; width: 100%; }
  .section__block.product__section .col-right .row { display: block; }
  .section__block.product__section .col-right .product__image-main img.image__main {
    width: 100%; height: auto; display: block;
  }

/* 商品詳細ページ全体を中央寄せにする */
.contents__section,
.section__block.product__section,
.product-two-col {
  width: 1300px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* カートブロックに枠線と影を追加 */
.product-two-col .col-right .product_all {
  border: 1px solid #ddd;         /* 枠線 */
  border-radius: 8px;             /* 角丸 */
  padding: 16px;                  /* 内側余白 */
  background: #fff;               /* 背景白 */
  box-shadow: 0 4px 16px rgba(0,0,0,0.08); /* 影 */
  box-sizing: border-box;
}

/*　右ブロック追従　*/
.col-right__sticky {
  position: sticky;
  top: 0;
}