{"product_id":"ユニフォームスカート-八王子vigor-little-2026","title":"ユニフォームスカート【八王子 VIGOR little】","description":"\u003cstyle\u003e\n  .cf-chart-area {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px 0;\n  }\n  .cf-page-title {\n    text-align: center;\n    font-size: 24px;\n    font-weight: bold;\n    margin-bottom: 25px;\n    color: #4a3c5a;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  \/* =========================================\n     ★ 画像スライダーのスタイル\n     ========================================= *\/\n  .cf-image-slider {\n    display: flex;\n    gap: 15px; \/* 画像と画像の間の隙間 *\/\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    margin-bottom: 40px; \/* サイズ表との余白 *\/\n    padding-bottom: 10px; \/* スクロールバー用の余白 *\/\n    scroll-snap-type: x mandatory; \/* スワイプ時にピタッと止まる機能 *\/\n  }\n  \n  \/* スクロールバーを非表示にしてスッキリさせる *\/\n  .cf-image-slider::-webkit-scrollbar {\n    display: none; \n  }\n  \n  .cf-slide-item {\n    flex: 0 0 80%; \/* スマホでは画面幅の80%（隣の画像が少し見えるサイズ感） *\/\n    max-width: 250px; \n    scroll-snap-align: center; \/* 中央でピタッと止まる *\/\n  }\n  \n  \/* 画像本体のスタイル（枠と影を削除しました） *\/\n  .cf-slide-item img {\n    width: 100%;\n    height: auto;\n    aspect-ratio: 1 \/ 1; \/* 正方形を維持 *\/\n    border-radius: 8px; \/* 角を少し丸くして柔らかい印象に *\/\n    object-fit: cover;\n  }\n\n  \/* PCサイズ（画面幅768px以上）の時はスワイプではなく4枚綺麗に横並びにする *\/\n  @media (min-width: 768px) {\n    .cf-image-slider {\n      justify-content: center; \/* 中央に配置 *\/\n      overflow-x: visible;\n      scroll-snap-type: none;\n    }\n    .cf-slide-item {\n      flex: 0 0 calc(25% - 12px); \/* 4等分して隙間分を引いた幅 *\/\n    }\n  }\n  \/* ========================================= *\/\n\n  \/* ★表全体を囲むコンテナ（ここに枠線をつける） *\/\n  .cf-table-container {\n    width: 100%;\n    border: 1px solid #e1e0e5;\n    border-radius: 12px;\n    margin-bottom: 40px;\n    background: #fff;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02); \/* うっすら影をつけてリッチに *\/\n  }\n\n  \/* ★大見出し（スクロール枠の外に出して完全固定、左揃え、色の変更） *\/\n  .cf-main-head {\n    background: linear-gradient(135deg, #fce1ed, #e6e6fa, #e6ffe6, #e1fcfc);\n    color: #243B6E; \n    font-size: 18px;\n    font-weight: bold;\n    text-align: left; \/* 中央揃えから左揃えに変更 *\/\n    padding: 15px 20px; \/* 左側に少し余白を持たせる *\/\n    letter-spacing: 2px;\n    border-bottom: 1px solid #e1e0e5;\n    border-radius: 11px 11px 0 0;\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  \/* 横スクロールさせる枠 *\/\n  .cf-scroll-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    border-radius: 0 0 11px 11px; \/* 下側の角丸 *\/\n  }\n\n  \/* 疑似テーブル *\/\n  .cf-flex-table {\n    display: flex;\n    flex-direction: column;\n    min-width: 900px; \n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    font-size: 14px;\n    color: #4a3c5a;\n  }\n\n  \/* 行 *\/\n  .cf-row {\n    display: flex;\n    width: 100%;\n    border-bottom: 1px solid #e1e0e5;\n  }\n  .cf-row:last-child {\n    border-bottom: none; \/* 一番下の線は消す（コンテナの線があるため） *\/\n  }\n\n  \/* 通常のセル *\/\n  .cf-cell {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px;\n    border-right: 1px solid #e1e0e5;\n    box-sizing: border-box;\n  }\n  .cf-cell:last-child {\n    border-right: none;\n  }\n\n  \/* ★絶対に固定される左列★ *\/\n  .cf-sticky {\n    flex: 0 0 170px; \n    position: -webkit-sticky !important;\n    position: sticky !important;\n    left: 0 !important;\n    z-index: 10 !important;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 12px 10px 12px 15px;\n    font-weight: bold;\n    border-right: 1px solid #e1e0e5;\n    box-shadow: 3px 0 5px -2px rgba(0,0,0,0.08); \n    box-sizing: border-box;\n  }\n  \n  \/* --- 行のしましま模様と、固定列の背景色 --- *\/\n  .cf-row.cf-header-row { background-color: #f6f5f9; font-weight: bold; }\n  .cf-row.cf-header-row .cf-sticky { background-color: #f6f5f9; }\n\n  .cf-row.cf-stripe-odd { background-color: #fff; }\n  .cf-row.cf-stripe-odd .cf-sticky { background-color: #fff; }\n\n  .cf-row.cf-stripe-even { background-color: #fdfcff; }\n  .cf-row.cf-stripe-even .cf-sticky { background-color: #fdfcff; }\n\n  \/* 左下の角丸対応 *\/\n  .cf-row:last-child .cf-sticky { border-radius: 0 0 0 11px; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"cf-chart-area\"\u003e\n  \u003ch1 class=\"cf-page-title\"\u003eUniform Size Chart\u003c\/h1\u003e\n\n  \u003cdiv class=\"cf-image-slider\"\u003e\n    \u003cdiv class=\"cf-slide-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0612\/4447\/3462\/files\/chiafor_sizechart_image-01.jpg?v=1777050013\" alt=\"採寸方法 1\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-slide-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0612\/4447\/3462\/files\/chiafor_sizechart_image-02.jpg?v=1777050013\" alt=\"採寸方法 2\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-slide-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0612\/4447\/3462\/files\/chiafor_sizechart_image-03.jpg?v=1777050013\" alt=\"採寸方法 3\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cf-slide-item\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0612\/4447\/3462\/files\/chiafor_sizechart_image-04.jpg?v=1777050013\" alt=\"採寸方法 4\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cf-table-container\"\u003e\n    \u003cdiv class=\"cf-main-head\"\u003eスカート\u003c\/div\u003e\n    \n    \u003cdiv class=\"cf-scroll-wrapper\"\u003e\n      \u003cdiv class=\"cf-flex-table\"\u003e\n        \u003cdiv class=\"cf-row cf-header-row\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eサイズ (cm)\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003eJS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJM\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJXL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAXS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAM\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAXL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eA2XL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eA3XL\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-odd\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003e身長\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e100-110\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e111-120\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e121-130\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e131-140\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e141-150\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e151-160\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e160-165\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e165-170\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e170-175\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e175-180\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e175-180\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-even\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eバスト\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e54\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e58\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e62\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e66\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e71\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e75\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e79\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e85\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e91\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e98\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e106\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-odd\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eウェスト\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e47\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e50\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e52\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e55\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e58\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e62\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e66\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e72\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e78\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e85\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e93\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-even\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003e袖丈\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e38\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e42\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e46\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e49\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e52\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e54\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e56\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e56\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e58\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e59\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e60\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-odd\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003e\u003cdiv\u003e着丈\u003cbr\u003e\u003cspan style=\"font-size:12px; color:#e6a06e;\"\u003e(スナップなし)\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e40\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e40\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e43\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e46\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e51\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e53\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e53\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e55\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e55\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e57\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e59\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-even\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003e\u003cdiv\u003e着丈\u003cbr\u003e\u003cspan style=\"font-size:12px; color:#e6a06e;\"\u003e(スナップ付き)\u003c\/span\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e50.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e52.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e54.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e56.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e66.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e69\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e71.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e74\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e76.5\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e79\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e81.5\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-odd\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eワンピース着丈\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e64\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e67\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e70\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e73\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e78\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e80\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e82\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e84\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e86\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e88\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e90\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"cf-table-container\"\u003e\n    \u003cdiv class=\"cf-main-head\"\u003eボトムス\u003c\/div\u003e\n    \n    \u003cdiv class=\"cf-scroll-wrapper\"\u003e\n      \u003cdiv class=\"cf-flex-table\"\u003e\n        \u003cdiv class=\"cf-row cf-header-row\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eサイズ (cm)\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003eJS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJM\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eJXL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAXS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAS\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAM\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eAXL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eA2XL\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003eA3XL\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-odd\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003e身長\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e100-110\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e111-120\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e121-130\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e131-140\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e141-150\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e151-160\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e160-165\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e165-170\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e170-175\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e180-185\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e180-185\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cf-row cf-stripe-even\"\u003e\n          \u003cdiv class=\"cf-sticky\"\u003eスカート ウェスト\u003c\/div\u003e\n          \u003cdiv class=\"cf-cell\"\u003e46\u003c\/div\u003e\n\u003cdiv class=\"cf-cell\"\u003e4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gravis","offers":[{"title":"JS","offer_id":52493632176415,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"JM","offer_id":52493632209183,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"JL","offer_id":52493632241951,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"JXL","offer_id":52493632274719,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"AXS","offer_id":52493632307487,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"AS","offer_id":52493632340255,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"AM","offer_id":52493632373023,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"AL","offer_id":52493632405791,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"AXL","offer_id":52493632438559,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"A2XL","offer_id":52493632471327,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true},{"title":"A3XL","offer_id":52493632504095,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0840\/2295\/2223\/files\/S__559710278_0.jpg?v=1777375359","url":"https:\/\/gravis-store.com\/products\/%e3%83%a6%e3%83%8b%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0%e3%82%b9%e3%82%ab%e3%83%bc%e3%83%88-%e5%85%ab%e7%8e%8b%e5%ad%90vigor-little-2026","provider":"Gravis ","version":"1.0","type":"link"}