{"title":"test","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSIZE GUIDE\u003c\/title\u003e\n\n\u003cstyle\u003e\n  *{\n    box-sizing:border-box;\n  }\n\n  body{\n    margin:0;\n    background:#f7f4ef;\n    color:#403a35;\n    font-family:\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",Meiryo,sans-serif;\n  }\n\n  .size-card{\n    background:#efe8ea;\n    padding:28px 20px;\n  }\n\n  .size-card \u003e img{\n    display:block;\n    width:100%;\n    height:auto;\n  }\n\n  .size-fields{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:12px;\n  }\n\n  .size-fields_background{\n    background-color:#FFFFFF;\n    padding:25px;\n  }\n\n  .field-label{\n    display:block;\n    margin-bottom:7px;\n    font-size:13px;\n    font-weight:600;\n  }\n\n.input-box{\n  display:flex;\n  align-items:center;\n  height:42px;\n  background:#f1f1f1;\n  overflow:hidden;\n}\n\n  .input-box:focus-within{\n    border-color:#9f8e7a;\n    box-shadow:0 0 0 3px rgba(159,142,122,.12);\n  }\n\n.input-box input{\n  width:100%;\n  min-width:0;\n  height:100%;\n  border:0;\n  outline:0;\n  padding:0 10px;\n  margin:0;\n  background:transparent;\n  color:#403a35;\n  font-size:16px;\n  text-align:center;\n  line-height:1;\n}\n\n\n  .input-box span{\n    padding-right:12px;\n    color:#81776d;\n    font-size:13px;\n  }\n\n  .button-row{\n    display:grid;\n    grid-template-columns:1fr 1.35fr;\n    gap:10px;\n    margin-top:18px;\n  }\n\n  @media(max-width:480px){\n  .input-box{\n    height:42px;\n  }\n\n  .input-box input{\n    height:100%;\n    padding:0 6px;\n    margin:0;\n    font-size:16px;\n    line-height:1;\n  }\n}\n\n  .button{\n    min-height:45px;\n    border-radius:40px;\n    padding:8px 10px;\n    font:inherit;\n    font-size:13px;\n    font-weight:600;\n    cursor:pointer;\n    transition:.2s ease;\n  }\n\n  .button-secondary{\n    border:1px solid #c49faa;\n    background:#fff;\n    color:#c49faa;\n  }\n\n  .button-primary{\n    border:1px solid #c49faa;\n    background:#c49faa;\n    color:#fff;\n  }\n\n  .button-primary:hover,\n.button-primary:focus,\n.button-primary:active,\n.button-primary:focus-visible{\n  background:#c49faa !important;\n  border:1px solid #c49faa !important;\n  color:#fff !important;\n  outline:none !important;\n  box-shadow:none !important;\n}\n  \n\n  .button:hover{\n    opacity:.84;\n  }\n\n  .button:active{\n    transform:translateY(1px);\n  }\n\n  .button-primary:hover{\n  background:#c49faa !important;\n  border-color:#c49faa !important;\n  color:#fff !important;\n}\n\n.button-primary:focus,\n.button-primary:active{\n  background:#c49faa !important;\n  border-color:#c49faa !important;\n  color:#fff !important;\n}\n\n  #checkButton::after,\n  #measureButton::after{\n    content:\"\";\n    display:inline-block;\n    width:7px;\n    height:7px;\n    border-top:2px solid currentColor;\n    border-right:2px solid currentColor;\n    transform:rotate(45deg);\n    margin-left:10px;\n    vertical-align:0px;\n  }\n\n  \/* =========================\n     結果エリア\n  ========================= *\/\n\n  .result{\n    display:none;\n    margin-top:22px;\n    padding:20px 16px;\n    background:#fbf4f6;\n    text-align:center;\n    font-size:14px;\n    line-height:1.9;\n  }\n\n  .result.show{\n    display:block;\n  }\n\n  \/* =========================\n     サイズ対応表\n  ========================= *\/\n\n  .size-result-title{\n    margin:0 0 14px;\n    color:#403a35;\n    font-size:14px;\n    font-weight:600;\n  }\n\n  .size-result-table{\n    width:100%;\n    margin:0 auto;\n    table-layout:fixed;\n    font-size:12px;\n  }\n\n  .size-result-table th,\n  .size-result-table td{\n    border:1px solid #e3d9dc;\n    background-color: #fff;\n    padding:9px 3px;\n    text-align:center;\n    vertical-align:middle;\n  }\n\n  \/* 左上：カップ *\/\n  .size-result-table .cup-header{\n    width:22%;\n    background:#4e4449;\n    color:#fff;\n    font-weight:600;\n    line-height:1.4;\n  }\n\n  \/* 実寸アンダーバスト *\/\n  .size-result-table .under-title-header{\n    background:#4e4449;\n    color:#fff;\n    font-size:11px;\n    font-weight:600;\n    line-height:1.4;\n    padding:7px 3px;\n  }\n\n  \/* アンダーサイズ *\/\n  .size-result-table .under-header{\n    background:#fff;\n    color:#4e4449;\n    border: #4e4449 1px solid;\n    font-weight:600;\n    line-height:1.35;\n    font-size:11px;\n  }\n\n  \/* カップ *\/\n  .size-result-table .cup-cell{\n    background:#4e4449;\n    color:#fff;\n    font-weight:600;\n  }\n\n  .size-result-table .cup-name{\n    display:block;\n    font-size:15px;\n    line-height:1.2;\n  }\n\n  .size-result-table .cup-diff{\n    display:block;\n    margin-top:3px;\n    font-size:9px;\n    line-height:1.3;\n    font-weight:400;\n  }\n\n  .size-result-table td{\n    color:#403a35;\n    font-weight:500;\n  }\n\n  \/* 診断結果に該当するセル *\/\n  .size-result-table .selected{\n    background:#c49faa;\n    color:#fff;\n    font-weight:700;\n  }\n\n  .size-result-table .selected::after{\n    content:\"おすすめ\";\n    display:block;\n    margin-top:2px;\n    font-size:8px;\n    font-weight:600;\n    line-height:1.2;\n  }\n\n  \/* =========================\n     サイズ選び補足\n  ========================= *\/\n\n  .size-selection-guide{\n    margin-top:18px;\n    padding:14px 12px;\n    background:#fff;\n    text-align:left;\n    color:#756c63;\n    font-size:11px;\n    line-height:1.8;\n  }\n\n  .size-selection-guide-title{\n    margin: 0 0 8px;\n    color: #fff;\n    background-color: #a57c88;\n    font-size: 10px;\n    width: fit-content;\n    font-weight:600;\n  }\n.under-border-note-title{\n  display:inline-block;\n  margin:0 0 8px;\n  padding:2px 6px;\n  color:#fff;\n  background-color:#a57c88;\n  font-size:10px;\n  width:fit-content;\n  font-weight:600;\n}\n  .size-selection-guide strong{\n    color:#403a35;\n  }\n\n  .size-selection-item{\n    margin-top:8px;\n  }\n\n  .size-selection-item:first-of-type{\n    margin-top:0;\n  }\n\n  .size-selection-arrow{\n    display:inline-block;\n    margin:0 4px;\n    color:#c49faa;\n    font-weight:700;\n  }\n\n  \/* =========================\n     アンダー境界値の補足\n  ========================= *\/\n\n  .under-border-note{\n    margin:14px 0 0;\n    padding:12px;\n    background:#fff;\n    color:#756c63;\n    font-size:11px;\n    line-height:1.7;\n    text-align:left;\n  }\n\n  \/* =========================\n     一般的な注意書き\n  ========================= *\/\n\n  .size-result-note{\n    margin:14px 0 0;\n    color:#756c63;\n    font-size:11px;\n    line-height:1.7;\n    text-align:left;\n  }\n\n  .result-size{\n    display:inline-block;\n    border-radius:999px;\n    color:#654b45;\n    font-size:19px;\n    font-weight:700;\n    line-height:1.4;\n    letter-spacing:1px;\n  }\n\n  \/* =========================\n     詳しいサイズガイド\n  ========================= *\/\n\n .guide-link{\n  display:none !important;\n  width:100%;\n  margin-top:12px;\n  padding:13px 16px;\n  border:1px solid #c49faa;\n  background:#c49faa;\n  border-radius:40px;\n  color:#fff !important;\n  text-align:center;\n  text-decoration:none;\n  font-size:13px;\n  font-weight:600;\n}\n.guide-link::after{\n  content:\"\";\n  display:inline-block;\n  width:7px;\n  height:7px;\n  border-top:2px solid #fff;\n  border-right:2px solid #fff;\n  transform:rotate(45deg);\n  margin-left:10px;\n  vertical-align:0;\n}\n\n.guide-link.show{\n  display:block !important;\n  align-items:center;\n  justify-content:center;\n}\n\n  .inline-link{\n    color:#6f5e4e;\n    font-weight:700;\n    text-decoration:underline;\n    text-underline-offset:3px;\n  }\n\n  \/* =========================\n     測り方モーダル\n  ========================= *\/\n\n .modal{\n  position:fixed;\n  inset:0;\n  z-index:9999;\n  display:none;\n  align-items:flex-start;\n  justify-content:center;\n  padding:100px 18px 30px;\n  background:rgba(47,41,35,.52);\n  overflow-y:auto;\n  -webkit-overflow-scrolling:touch;\n}\n  \n  .modal.open{\n    display:flex;\n  }\n\n.modal-panel{\n  position:relative;\n  width:min(100%,520px);\n  max-height:none;\n  overflow:visible;\n  border-radius:12px;\n  background:#fff;\n  box-shadow:0 18px 55px rgba(0,0,0,.22);\n  margin-bottom:30px;\n}\n\n  .modal-panel img{\n    display:block;\n    width:100%;\n    height:auto;\n  }\n\n  .modal-close{\n    position:absolute;\n    top:10px;\n    right:10px;\n    width:38px;\n    height:38px;\n    border:0;\n    border-radius:50%;\n    background:rgba(255,255,255,.92);\n    color:#4a433d;\n    font-size:24px;\n    line-height:1;\n    cursor:pointer;\n    box-shadow:0 2px 10px rgba(0,0,0,.12);\n  }\n\n  \/* =========================\n     スマホ\n  ========================= *\/\n\n  @media(max-width:480px){\n\n    .size-card{\n      padding:24px 14px;\n    }\n\n    .size-fields{\n      gap:8px;\n    }\n\n    .size-fields_background{\n      padding:20px 14px;\n    }\n\n    .field-label{\n      font-size:12px;\n    }\n\n@media(max-width:480px){\n  .input-box input{\n    padding:8px 6px;\n    font-size:16px;\n  }\n}\n\n    .input-box span{\n      padding-right:8px;\n      font-size:12px;\n    }\n\n    .button-row{\n      grid-template-columns:1fr 1.25fr;\n      gap:8px;\n    }\n\n    .button{\n      min-height:50px;\n      padding:9px 8px;\n      font-size:12px;\n    }\n\n    .result{\n      padding:18px 8px;\n    }\n\n    .size-result-table{\n      font-size:10px;\n    }\n\n    .size-result-table th,\n    .size-result-table td{\n      padding:8px 2px;\n    }\n\n    .size-result-table .cup-header{\n      width:22%;\n    }\n\n    .size-result-table .cup-name{\n      font-size:14px;\n    }\n\n    .size-result-table .cup-diff{\n      font-size:8px;\n    }\n\n    .size-result-table .under-title-header{\n      font-size:10px;\n    }\n\n    .size-result-table .under-header{\n      font-size:9px;\n    }\n\n    .size-result-table .selected::after{\n      font-size:7px;\n    }\n\n    .size-selection-guide,\n    .under-border-note,\n    .size-result-note{\n      font-size:10px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\n\n\u003cmain class=\"size-guide\"\u003e\n\n  \u003csection class=\"size-card\"\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0585\/6044\/6615\/files\/siezepng.png\" alt=\"\" width=\"100%\"\u003e\n    \u003cdiv class=\"size-fields_background\"\u003e\n\n      \u003cdiv class=\"size-fields\"\u003e\n\n        \u003clabel\u003e\n          \u003cspan class=\"field-label\"\u003eトップバスト\u003c\/span\u003e\n\n          \u003cspan class=\"input-box\"\u003e\n            \u003cinput id=\"topBust\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"例：82\" aria-label=\"トップバスト\"\u003e\n            \u003cspan\u003ecm\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/label\u003e\n\n        \u003clabel\u003e\n          \u003cspan class=\"field-label\"\u003eアンダーバスト\u003c\/span\u003e\n\n          \u003cspan class=\"input-box\"\u003e\n            \u003cinput id=\"underBust\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"例：70\" aria-label=\"アンダーバスト\"\u003e\n            \u003cspan\u003ecm\u003c\/span\u003e\n          \u003c\/span\u003e\n        \u003c\/label\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"button-row\"\u003e\n\n        \u003cbutton id=\"measureButton\" class=\"button button-secondary\" type=\"button\" data-popup=\"measure\"\u003e\n          測り方を見る\n        \u003c\/button\u003e\n\n        \u003cbutton id=\"checkButton\" class=\"button button-primary\" type=\"button\"\u003e\n          サイズを確認する\n        \u003c\/button\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv id=\"result\" class=\"result\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n\n      \u003ca id=\"guideLink\" class=\"guide-link\" href=\"https:\/\/feliture.shop\/pages\/sizeguide\"\u003e\n        詳しいサイズガイドについてはこちら\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/main\u003e\n\n\n\u003c!-- =========================\n     測り方モーダル\n========================= --\u003e\n\n\u003cdiv id=\"measureModal\" class=\"modal\" aria-hidden=\"true\"\u003e\n\n  \u003cdiv class=\"modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-label=\"バストサイズの測り方\"\u003e\n\n    \u003cbutton id=\"modalClose\" class=\"modal-close\" type=\"button\" aria-label=\"閉じる\"\u003e\n      ×\n    \u003c\/button\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0585\/6044\/6615\/files\/lp1_02_0405020f-3986-47ce-9306-b039e65e3709.jpg?v=1726799700\" alt=\"トップバストとアンダーバストの測り方\"\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n(function(){\n\n  const topInput = document.getElementById('topBust');\n  const underInput = document.getElementById('underBust');\n\n  const result = document.getElementById('result');\n  const guideLink = document.getElementById('guideLink');\n\n  const checkButton = document.getElementById('checkButton');\n  const measureButton = document.getElementById('measureButton');\n\n  const modal = document.getElementById('measureModal');\n  const modalClose = document.getElementById('modalClose');\n\n\n  \/* =========================\n     サイズ対応表\n  ========================= *\/\n\n  const sizeMap = {\n\n    A: {\n      '63-67':'S',\n      '68-72':'M',\n      '73-77':'M or L'\n    },\n\n    B: {\n      '63-67':'S',\n      '68-72':'M',\n      '73-77':'L'\n    },\n\n    C: {\n      '63-67':'S',\n      '68-72':'M',\n      '73-77':'L'\n    },\n\n    D: {\n      '63-67':'S or M',\n      '68-72':'M or L',\n      '73-77':'L'\n    },\n\n    E: {\n      '63-67':'S or M',\n      '68-72':'M or L',\n      '73-77':'L'\n    }\n\n  };\n\n\n  \/* =========================\n     カップごとの差\n  ========================= *\/\n\n  const cupDiffMap = {\n\n    A: '約9〜11cm',\n    B: '約11.5〜13.5cm',\n    C: '約14〜16cm',\n    D: '約16.5〜18.5cm',\n    E: '約19〜21cm'\n\n  };\n\n\n  \/* =========================\n     アンダーサイズ判定\n  ========================= *\/\n\n  function getUnderRange(under){\n\n    if(under \u003e= 63 \u0026\u0026 under \u003c= 67){\n      return '63-67';\n    }\n\n    if(under \u003e= 68 \u0026\u0026 under \u003c= 72){\n      return '68-72';\n    }\n\n    if(under \u003e= 73 \u0026\u0026 under \u003c= 77){\n      return '73-77';\n    }\n\n    return '';\n  }\n\n\n  \/* =========================\n     カップ判定\n  ========================= *\/\n\n  function getCup(diff){\n  if (diff \u003c= 11.4) return 'A';\n  if (diff \u003e= 11.5 \u0026\u0026 diff \u003c= 13.5) return 'B';\n  if (diff \u003e= 13.6 \u0026\u0026 diff \u003c= 16.4) return 'C';\n  if (diff \u003e= 16.5 \u0026\u0026 diff \u003c= 18.9) return 'D';\n  if (diff \u003e= 19 \u0026\u0026 diff \u003c 21) return 'E';\n  return '';\n}\n\n\n  \/* =========================\n     結果表示\n  ========================= *\/\n\n  function showResult(html, showGuide){\n\n    result.innerHTML = html;\n\n    result.classList.add('show');\n\n    guideLink.classList.toggle(\n      'show',\n      Boolean(showGuide)\n    );\n\n  }\n\n\n  \/* =========================\n     サイズ診断\n  ========================= *\/\n\n  function checkSize(){\n\n    const top = parseFloat(topInput.value);\n    const under = parseFloat(underInput.value);\n\n\n    \/* 未入力 *\/\n\n    if(\n      !Number.isFinite(top) ||\n      !Number.isFinite(under)\n    ){\n\n      showResult(\n        'トップバストとアンダーバストの数値を\u003cbr\u003e入力してください。',\n        false\n      );\n\n      return;\n    }\n\n\n    \/* 数値の大小チェック *\/\n\n    if(top \u003c= under){\n\n      showResult(\n        'トップバストは、アンダーバストより大きい数値を入力してください。',\n        false\n      );\n\n      return;\n    }\n\n\n    \/* アンダー77cm超 *\/\n\n    if(under \u003e 77){\n\n      showResult(\n        '大変恐縮ながら、現在Felitureの商品はアンダーサイズが63cm〜77cmまでとなっており、お客様のサイズのお取り扱いがございません。\u003cbr\u003e\u003cbr\u003e' +\n        'ご期待に沿えず大変申し訳ございませんが、何卒ご理解いただけますと幸いです。',\n        true\n      );\n\n      return;\n    }\n\n\n    \/* アンダー63cm未満 *\/\n\n    if(under \u003c 63){\n\n      showResult(\n        '大変恐縮ながら、現在Felitureの商品はアンダーサイズが63cm〜77cmまでとなっております。',\n        true\n      );\n\n      return;\n    }\n\n\n    \/* トップとアンダーの差 *\/\n\n    const diff =\n      Math.round((top - under) * 10) \/ 10;\n\n\n    \/* 21cm以上 *\/\n\n    if(diff \u003e= 21){\n\n      showResult(\n        '大変恐縮ながら、現在Felitureの商品は小胸さんに特化したブラを多く取り扱っており、\u003cbr\u003eお客様のサイズのお取り扱いが\u003cbr\u003e' +\n        '\u003ca class=\"inline-link\" href=\"https:\/\/feliture.shop\/collections\/glamour\"\u003e' +\n        '【グラマーサイズ】Feliture極ふわブラ -Leafブラ＆ショーツセット-' +\n        '\u003c\/a\u003e\u003cbr\u003eのみとなっております。',\n        true\n      );\n\n      return;\n    }\n\n\n    \/* =========================\n       カップ・サイズ判定\n    ========================= *\/\n\n    const underRange =\n      getUnderRange(under);\n\n    const cup =\n      getCup(diff);\n\n    const size =\n      sizeMap[cup] \u0026\u0026\n      sizeMap[cup][underRange];\n\n\n    \/* 判定できない場合 *\/\n\n    if(!size){\n\n      showResult(\n        '推奨サイズ表の範囲外となるため、詳しいサイズガイドをご確認ください。',\n        true\n      );\n\n      return;\n    }\n\n\n    \/* =========================\n       サイズ対応表\n    ========================= *\/\n\n    const underRanges = [\n      '63-67',\n      '68-72',\n      '73-77'\n    ];\n\n    const cups = [\n      'A',\n      'B',\n      'C',\n      'D',\n      'E'\n    ];\n\n\n    let tableHtml = '';\n\n    tableHtml +=\n      '\u003cp class=\"size-result-title\"\u003e' +\n      'サイズ対応表' +\n      '\u003c\/p\u003e';\n\n\n    tableHtml +=\n      '\u003ctable class=\"size-result-table\"\u003e';\n\n\n    \/* =========================\n       ヘッダー：1段目\n    ========================= *\/\n\n    tableHtml += '\u003cthead\u003e';\n\n    tableHtml += '\u003ctr\u003e';\n\n    tableHtml +=\n      '\u003cth class=\"cup-header\" rowspan=\"2\"\u003e' +\n      'カップ\u003cbr\u003e' +\n      '\u003cspan style=\"font-size:9px;font-weight:400;\"\u003e（トップとアンダーの差）\u003c\/span\u003e' +\n      '\u003c\/th\u003e';\n\n    tableHtml +=\n      '\u003cth class=\"under-title-header\" colspan=\"3\"\u003e' +\n      '実寸アンダーバスト' +\n      '\u003c\/th\u003e';\n\n    tableHtml += '\u003c\/tr\u003e';\n\n\n    \/* =========================\n       ヘッダー：2段目\n    ========================= *\/\n\n    tableHtml += '\u003ctr\u003e';\n\n    underRanges.forEach(function(range){\n\n      let rangeText = '';\n\n      if(range === '63-67'){\n        rangeText = '63〜67cm';\n      }\n\n      if(range === '68-72'){\n        rangeText = '68〜72cm';\n      }\n\n      if(range === '73-77'){\n        rangeText = '73〜77cm';\n      }\n\n      tableHtml +=\n        '\u003cth class=\"under-header\"\u003e' +\n        rangeText +\n        '\u003c\/th\u003e';\n\n    });\n\n    tableHtml += '\u003c\/tr\u003e';\n\n    tableHtml += '\u003c\/thead\u003e';\n\n\n    \/* =========================\n       A〜Eの行\n    ========================= *\/\n\n    tableHtml += '\u003ctbody\u003e';\n\n\n    cups.forEach(function(cupName){\n\n      tableHtml += '\u003ctr\u003e';\n\n\n      \/* カップ *\/\n\n      tableHtml +=\n        '\u003cth class=\"cup-cell\"\u003e' +\n        '\u003cspan class=\"cup-name\"\u003e' +\n        cupName +\n        '\u003c\/span\u003e' +\n        '\u003cspan class=\"cup-diff\"\u003e' +\n        cupDiffMap[cupName] +\n        '\u003c\/span\u003e' +\n        '\u003c\/th\u003e';\n\n\n      \/* 各サイズ *\/\n\n      underRanges.forEach(function(range){\n\n        const cellSize =\n          sizeMap[cupName][range];\n\n\n        const isSelected =\n          cupName === cup \u0026\u0026\n          range === underRange;\n\n\n        tableHtml +=\n          '\u003ctd class=\"' +\n          (isSelected ? 'selected' : '') +\n          '\"\u003e' +\n          cellSize +\n          '\u003c\/td\u003e';\n\n      });\n\n\n      tableHtml += '\u003c\/tr\u003e';\n\n    });\n\n\n    tableHtml += '\u003c\/tbody\u003e';\n    tableHtml += '\u003c\/table\u003e';\n\n\n    \/* =========================\n       S or M \/ M or L の説明\n    ========================= *\/\n\n    let sizeSelectionGuide = '';\n\n    if(\n      size === 'S or M' ||\n      size === 'M or L'\n    ){\n\n      const smallSize =\n        size === 'S or M'\n          ? 'Sサイズ'\n          : 'Mサイズ';\n\n      const largeSize =\n        size === 'S or M'\n          ? 'Mサイズ'\n          : 'Lサイズ';\n\n\n      sizeSelectionGuide =\n        '\u003cdiv class=\"size-selection-guide\"\u003e' +\n\n        '\u003cp class=\"size-selection-guide-title\"\u003e' +\n        '「' + size + '」と表記されている場合は下記を目安にお選びください。' +\n        '\u003c\/p\u003e' +\n\n        '\u003cdiv class=\"size-selection-item\"\u003e' +\n        '\u003cstrong\u003e【しっかりホールド＆谷間メイク重視】\u003c\/strong\u003e\u003cbr\u003e' +\n        '\u003cspan class=\"size-selection-arrow\"\u003e▶︎\u003c\/span\u003e' +\n        smallSize +\n        '\u003c\/div\u003e' +\n\n        '\u003cdiv class=\"size-selection-item\"\u003e' +\n        '\u003cstrong\u003e【自然に盛りたい＆心地良さ重視】\u003c\/strong\u003e\u003cbr\u003e' +\n        '\u003cspan class=\"size-selection-arrow\"\u003e▶︎\u003c\/span\u003e' +\n        largeSize +\n        '\u003c\/div\u003e' +\n\n        '\u003c\/div\u003e';\n\n    }\n\n\n    \/* =========================\n       アンダー68cm \/ 73cmの説明\n    ========================= *\/\n\nlet underBorderNote = '';\n\nif(\n  under === 68 ||\n  under === 73\n){\n\n  underBorderNote =\n    '\u003cdiv class=\"under-border-note\"\u003e' +\n    '\u003cspan class=\"under-border-note-title\"\u003e' +\n    '実寸アンダーバストが「' +\n    under +\n    'cm」の場合' +\n    '\u003c\/span\u003e' +\n    '\u003cbr\u003e' +\n    'サイズ表では１つ下のサイズ例に寄っているため、谷間メイク重視の方はあえて1サイズ下にするという選び方も可能です。' +\n    '\u003c\/div\u003e';\n\n}\n\n    \/* =========================\n       パカつき対策\n    ========================= *\/\n\n    let padText = '';\n\n    if(diff \u003c= 9){\n\n      padText =\n        '\u003cp class=\"size-result-note\"\u003e' +\n        'お胸のパカつきが気になる場合は、追加パッドを挿入できる仕様の［パッド受け］があるブラをお選びいただき、お手持ちの追加パッド等にてご調整していただくことをおすすめしております。' +\n        '\u003c\/p\u003e';\n        \n\n    }\n\n\n    \/* =========================\n       診断結果\n    ========================= *\/\n\nlet resultNote = ''; resultNote += '\u003cp class=\"size-result-note\"\u003e' + '※Felitureのブラジャーの特徴・サイズ設計に基づいた推奨サイズです。\u003cbr\u003e※「Feliture極ふわキャミ™」「Feliture極ふわナイトブラ™」ならびにグラマーサイズ、ショーツサイズ等につきましては下記よりサイズガイドをご確認ください。' + '\u003c\/p\u003e';\n\n\n    \/* =========================\n       結果を表示\n    ========================= *\/\n\n    showResult(\n      tableHtml +\n      resultNote +\n      sizeSelectionGuide +\n      underBorderNote +\n      padText,\n      true\n    );\n\n  }\n\n\n \/* =========================\n     モーダル\n  ========================= *\/\n\n  \/\/ 「測り方を見る」ボタンをクリックしたとき\n  measureButton.addEventListener('click', function(event){\n\n    event.preventDefault();\n\n    const popupType = this.getAttribute('data-popup');\n\n    openPopup(popupType);\n\n  });\n\n\n  \/\/ ポップアップを開く\n  function openPopup(type){\n\n    const modal = document.getElementById('measureModal');\n\n    if(!modal) return;\n\n    modal.classList.add('open');\n\n    modal.setAttribute(\n      'aria-hidden',\n      'false'\n    );\n\n    document.body.style.overflow = 'hidden';\n\n  }\n\n\n  \/\/ ポップアップを閉じる\n  modalClose.addEventListener('click', function(event){\n\n    event.preventDefault();\n\n    modal.classList.remove('open');\n\n    modal.setAttribute(\n      'aria-hidden',\n      'true'\n    );\n\n    document.body.style.overflow = '';\n\n  });\n\n\n  \/\/ 背景クリックで閉じる\n  modal.addEventListener('click', function(event){\n\n    if(event.target === modal){\n\n      modal.classList.remove('open');\n\n      modal.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n      document.body.style.overflow = '';\n\n    }\n\n  });\n\n\n  \/* =========================\n     イベント\n  ========================= *\/\n\n  checkButton.addEventListener(\n    'click',\n    checkSize\n  );\n\n\n\n  [topInput, underInput].forEach(\n    function(input){\n\n      input.addEventListener(\n        'keydown',\n        function(e){\n\n          if(e.key === 'Enter'){\n            checkSize();\n          }\n\n        }\n      );\n\n    }\n  );\n\n})();\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","products":[],"url":"https:\/\/feliture.shop\/collections\/test-7.oembed","provider":"Feliture","version":"1.0","type":"link"}