body {
        font-size: 14px;
        background-color: #f4f4f4;
        color: #333;
        line-height: 1.8;
        font-family:
          "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN",
          sans-serif;
      }

      .navbar-custom {
        background: #fff;
        border-bottom: 3px solid #b83a3a;
      }

      .navbar-brand {
        font-weight: bold;
        color: #b83a3a !important;
      }

      .hero-section {
        background: #b83a3a;
        color: white;
        padding: 40px 0;
        text-align: center;
        margin-top: 50px;
      }

      .main-container {
        background: #fff;
        padding: 30px;
        margin-bottom: 30px;
        border-radius: 4px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      }

      .main-container-order {
        background: #fff;
        padding: 30px;
        margin-bottom: 30px;
        border-radius: 4px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      }

      /* Xシェアボタン */
      .x-share-wrapper {
        text-align: center;
        margin: -10px 0 30px 0;
      }

      .x-share-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 150px;
        padding: 9px 20px;
        background: #000;
        color: #fff !important;
        border-radius: 6px;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
        transition: opacity 0.2s ease;
      }

      .x-share-button:hover {
        opacity: 0.8;
        color: #fff !important;
      }

      .x-logo {
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
      }

      @media (max-width: 992px) {
        .main-container-order {
          padding: 8px;
        }
      }

      h2 {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
        color: #b83a3a;
        padding-bottom: 10px;
        border-bottom: 2px solid #eee;
      }

      h4 {
        font-weight: bold;
        color: #333;
        border-left: 5px solid #b83a3a;
        padding-left: 12px;
        margin: 30px 0 20px 0;
      }

      .product-img {
        width: 100%;
        border: 1px solid #ddd;
        transition: 0.3s;
        cursor: zoom-in;
        margin-bottom: 10px;
      }

      .product-img:hover {
        opacity: 0.8;
        border-color: #b83a3a;
      }

      .btn-order {
        background-color: #b83a3a;
        color: #fff;
        border: none;
        padding: 8px 20px;
        font-weight: bold;
      }

      .btn-order:hover {
        background-color: #962d2d;
        color: #fff;
      }

      .payment-box {
        border: 1px solid #ddd;
        padding: 20px;
        background: #fafafa;
        margin-bottom: 20px;
      }

      footer {
        padding: 30px 0;
        background: #333;
        color: #ccc;
      }

      html {
        scroll-behavior: smooth;
      }

      section {
        scroll-margin-top: 80px;
      }

      #productCarousel {
        max-width: 600px;
        margin: 0 auto 20px auto;
      }

      .carousel-inner .item img {
        width: 100%;
        height: auto;
        cursor: zoom-in;
      }

      .thumb-container {
        margin-top: 20px;
      }

      .thumb-item {
        padding: 5px;
        cursor: pointer;
      }

      .thumb-item img {
        width: 100%;
        border: 2px solid transparent;
        transition: 0.2s;
      }

      .thumb-item img:hover,
      .thumb-item.active img {
        border-color: #b83a3a;
      }
    

/* 分割版の追加（原站の規則は上書きしません） */
#awardCarousel { max-width: 600px; margin: 0 auto 20px auto; }
footer a { color: #ccc; }
footer a:hover { color: #fff; }
.breadcrumb { background: transparent; padding: 0; margin: 0 0 16px; color: #666; font-size: 13px; }
.breadcrumb a { color: #b83a3a; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.card { border: 1px solid #ddd; border-radius: 4px; padding: 20px; background: #fff; }
.card:hover { border-color: #b83a3a; }
.note { border: 1px solid #ddd; padding: 20px; background: #fafafa; margin-bottom: 20px; }

/* 预览小图区与大图同宽居中，不再占满整张白卡 */
.thumb-container { max-width: 600px; margin: 20px auto 0 auto; }

/* おすすめの商品カードのリンク（截图：赤字下線） */
.card a { color: #b83a3a; text-decoration: underline; }

/* 下单页商品名按钮等长（最长商品名也能完整显示） */
.product-name-btn { width: 190px; white-space: nowrap; }