<div>バリエーション・カスタムセレクト または オプショングループ</div>
<!-- ラジオボタン形式 -->
<div class="makeshop-option-wrap makeshop-custom-select-wrap makeshop-custom-select-radio" data-custom-select-id="CS000011" data-input-type="3" data-has-condition="0" data-condition-met="1" data-default-item-id="1">
<p class="makeshop-option-label">ラジオボタン形式のラベル<span class="ms-cs-required">（必須）</span></p>
<div class="makeshop-custom-select-radio-wrap">
<label class="makeshop-custom-select-radio-label">
<input type="radio" name="makeshop-item-option_custom_CS000011" value="1" class="makeshop-custom-select-radio" checked data-price="0">
<span class="makeshop-custom-select-radio-text">ラジオボタン選択肢</span>
</label>
<label class="makeshop-custom-select-radio-label">
<input type="radio" name="makeshop-item-option_custom_CS000011" value="2" class="makeshop-custom-select-radio" data-price="0">
<span class="makeshop-custom-select-radio-text">ラジオボタン選択肢</span>
</label>
</div>
</div>
<!-- 数値入力形式 -->
<div class="makeshop-option-wrap makeshop-custom-select-wrap makeshop-custom-select-text" data-custom-select-id="CS000009" data-input-type="4" data-has-condition="0" data-condition-met="1">
<p class="makeshop-option-label">数値入力形式のラベル</p>
<div class="makeshop-custom-select-text-wrap" data-price-format-prefix="（" data-price-format-suffix="円）">
<div class="ms-cs-stepper-btn ms-minus">−</div>
<input type="number" class="makeshop-custom-select-text" min="1.5" max="7" step="0.5" value="" data-unit-price="50" data-tax-rate="10">
<div class="ms-cs-stepper-btn ms-plus">＋</div>
<span class="makeshop-custom-select-text-unit">単位</span>
</div>
<span class="makeshop-custom-select-text-price">（+0円）</span>
</div>
<!-- 画像ボタン形式 -->
<div class="makeshop-option-wrap makeshop-custom-select-wrap makeshop-custom-select-image-button" data-custom-select-id="CS000010" data-input-type="2" data-has-condition="0" data-condition-met="1" data-default-item-id="1">
<p class="makeshop-option-label">画像ボタン形式のラベル<span class="ms-cs-required">（必須）</span></p>
<div class="makeshop-custom-select-button-wrap">
<button type="button" class="makeshop-custom-select-button makeshop-custom-select-image-button selected" data-price="0">
<img src="/images/画像ボタン選択肢.png" alt="画像ボタン選択肢" class="makeshop-custom-select-image">
<span class="makeshop-custom-select-button-text">画像ボタン選択肢</span>
</button>
<button type="button" class="makeshop-custom-select-button makeshop-custom-select-image-button" data-price="150">
<img src="/images/画像ボタン選択肢.png" alt="画像ボタン選択肢" class="makeshop-custom-select-image">
<span class="makeshop-custom-select-button-text">画像ボタン選択肢</span>
<span class="makeshop-custom-select-price">（+150円）</span>
</button>
</div>
</div>
<!-- テキストボタン形式 -->
<div class="makeshop-option-wrap makeshop-custom-select-wrap makeshop-custom-select-button" data-custom-select-id="CS000012" data-input-type="1" data-has-condition="0" data-condition-met="1" data-default-item-id="1">
<p class="makeshop-option-label">テキストボタン形式のラベル<span class="ms-cs-required">（必須）</span></p>
<div class="makeshop-custom-select-button-wrap">
<button type="button" class="makeshop-custom-select-button selected" data-price="0">
<span class="makeshop-custom-select-button-text">テキストボタン選択肢</span>
</button>
<button type="button" class="makeshop-custom-select-button" data-price="100">
<span class="makeshop-custom-select-button-text">テキストボタン選択肢</span>
<span class="makeshop-custom-select-price">（+100円）</span>
</button>
</div>
</div>
<!-- ドロップダウン形式 -->
<div class="makeshop-option-wrap makeshop-custom-select-wrap makeshop-custom-select-dropdown" data-custom-select-id="CS000013" data-input-type="0" data-has-condition="0" data-condition-met="1">
<p class="makeshop-option-label">ドロップダウン形式のラベル（任意）</p>
<label class="makeshop-option-select-wrap">
<select class="makeshop-option-select makeshop-custom-select">
<option value="0" class="makeshop-option-select-title">--選択してください</option>
<option value="1" data-price="0">ドロップダウン選択肢</option>
<option value="2" data-price="0">ドロップダウン選択肢</option>
</select>
</label>
</div>
