/* ラジオボタンは非表示 */
    input[type="radio"] {
      display: none;
    }

    /* タブのラベル部分 */
    .tab-labels {
      display: flex;
      border-bottom: 2px solid #ccc;
    }

    .tab-labels label {
      flex: 1;
      padding: 10px;
      text-align: center;
      background: #eee;
      border: 1px solid #ccc;
      border-bottom: none;
      cursor: pointer;
    }

    /* 選択されたタブのスタイル */
    input[type="radio"]:checked + label {
      background: white;
      font-weight: bold;
      border-top: 2px solid #000;
    }

    .tab-content {
      display: none;
      padding: 10px;
      border: 1px solid #ccc;
    }

    #tab1:checked ~ .contents #content1,
    #tab2:checked ~ .contents #content2,
    #tab3:checked ~ .contents #content3,
    #tab4:checked ~ .contents #content4,
    #tab5:checked ~ .contents #content5 {
      display: block;
    }

    .products {
      display: flex;
      gap: 10px;
    }

    .product {
      flex: 1;
      border: 1px solid #aaa;
      padding: 10px;
      text-align: center;
    }

    .product img {
      width: 100%;
      height: auto;
    }

.tab-labels {
  overflow-x: auto;
  white-space: nowrap;
}
.tab-labels label {
  display: inline-block;
  width: auto;
  min-width: 120px;
}