{"title":"Sugar \u0026 Co.","description":"\u003cp\u003eFounded in Osaka in 2020 by Shinya Takahashi, Sugar \u0026amp; Co. brings a fresh energy to Japanese denim and casual wear. While inspired by the style of the 1980s and 1990s, each piece is made in Okayama with the same high standards of traditional production — yet with a more modern silhouette, comfortable fit, and beautiful fading that grows richer over time.\u003c\/p\u003e\n\u003cp\u003eThe name “Sugar” carries a simple wish — that each item will become something sweet and familiar to its owner, loved more with every wear. Built to last and designed to age gracefully, Sugar \u0026amp; Co. creates clothing that feels timeless, easy, and full of character — the more you wear it, the better it gets.\u003c\/p\u003e","products":[{"product_id":"sugar-co-sgr-s01-12oz-selvedge-indigo-denim-gentle-pants-relaxed-tapered-fit","title":"Sugar \u0026 Co. SGR-S01 12oz Selvedge Indigo Denim Gentle Pants - Relaxed Tapered Fit","description":"\u003cdiv class=\"custom-tabs\"\u003e\n\u003cul class=\"custom-tab-nav\"\u003e\n\u003cli data-tab=\"intro\" class=\"active\"\u003eIntro\u003c\/li\u003e\n\u003cli data-tab=\"details\"\u003eDetails\u003c\/li\u003e\n\u003cli data-tab=\"size\"\u003eSize Chart\u003c\/li\u003e\n\u003cli data-tab=\"measure\"\u003eHow We Measure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"custom-tab-content active\" id=\"intro\"\u003e\n \u003cp style=\"margin-left: 10px; margin-top: 20px; text-align: left;\"\u003e- Introduced in 2025, the Gentle Pants represent a new standard item from Sugar \u0026amp; Co. Rooted in selvedge denim culture, this special piece carries the spirit of traditional denim while expressing Sugar \u0026amp; Co.’s philosophy in a modern way. It combines premium denim fabric with a relaxed, easy-to-wear approach, bridging heritage craftsmanship and contemporary casual style.\n\u003cbr\u003e\u003cbr\u003e\nThe original selvedge denim is woven in the Bingo district of Okayama, one of Japan’s most respected denim-producing regions. The yarn is made from Supima cotton, known for its long staple fibers, resulting in a soft and smooth hand feel. The denim is unsanforized and finished in a one-washed state, resulting in a soft yet textured surface with subtle fiber character.\n\u003cbr\u003e\u003cbr\u003e\nWhile designed as an easy denim trouser, the Gentle Pants are built with many thoughtful details beneath the surface. Creating a clean trouser silhouette using selvedge denim requires precise and careful pattern making. Through detailed construction and careful balance, the result is a beautifully shaped silhouette that maintains structure while remaining comfortable.\n\u003cbr\u003e\u003cbr\u003e\nThe elastic waistband, a signature detail of Sugar \u0026amp; Co., is not simply inspired by workwear styles, but thoughtfully refined to enhance both comfort and fit around the waist. The result is a pair of trousers that feel relaxed yet look sharp, offering both comfort and a clean, tailored appearance.\n\u003cbr\u003e\u003cbr\u003e\nFor those who prefer a more casual style while still appreciating the aging character of denim, the Gentle Pants are a highly recommended piece. They offer the charm of denim’s natural fade with the ease of everyday wear.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"details\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"mobile-scroll-table-2\"\u003e    \n\u003ctable class=\"details-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd\u003e100% Cotton\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeight:\u003c\/td\u003e\n\u003ctd\u003e12 oz\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeaving Method:\u003c\/td\u003e\n\u003ctd\u003eTwill Weave on Old Shuttle Loom\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDyeing:\u003c\/td\u003e\n\u003ctd\u003eWarp – Rope-Dyed Indigo \/ Weft – Natural\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFabric Finish:\u003c\/td\u003e\n\u003ctd\u003eUnsanforized, One-Washed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eSilhouette:\u003c\/td\u003e\n\u003ctd\u003eRelaxed Tapered Fit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eOrigin:\u003c\/td\u003e\n\u003ctd\u003eMade in Japan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDetails:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Original Selvedge Denim\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Metal Hook-and-Bar Closure\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Brass-Finish YKK Zipper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- One-Pleat Construction\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Elastic Waistband\u003c\/td\u003e\n\u003c\/tr\u003e   \n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e  \n\u003c!-- Size Beginning --\u003e\n \n\u003cdiv id=\"size\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"size-toggle\"\u003e\n  \u003cbutton class=\"toggle active\" onclick=\"convertSize('cm')\"\u003ecm\u003c\/button\u003e\n  \u003cbutton class=\"toggle\" onclick=\"convertSize('in')\"\u003einches\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Size Chart cm --\u003e\n   \u003cdiv class=\"mobile-scroll-table\"\u003e\n \u003ctable class=\"size-chart\" id=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e \n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist ①\u003c\/td\u003e\n\u003ctd data-cm=\"76\"\u003e76\u003c\/td\u003e\n\u003ctd data-cm=\"80\"\u003e80\u003c\/td\u003e\n\u003ctd data-cm=\"84\"\u003e84\u003c\/td\u003e\n\u003ctd data-cm=\"88\"\u003e88\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist ②\u003c\/td\u003e\n\u003ctd data-cm=\"80\"\u003e80\u003c\/td\u003e\n\u003ctd data-cm=\"84\"\u003e84\u003c\/td\u003e\n\u003ctd data-cm=\"88\"\u003e88\u003c\/td\u003e\n\u003ctd data-cm=\"92\"\u003e92\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd\u003eHip\u003c\/td\u003e\n\u003ctd data-cm=\"118\"\u003e118\u003c\/td\u003e\n\u003ctd data-cm=\"120\"\u003e120\u003c\/td\u003e\n\u003ctd data-cm=\"122\"\u003e122\u003c\/td\u003e\n\u003ctd data-cm=\"124\"\u003e124\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFront Rise\u003c\/td\u003e\n\u003ctd data-cm=\"29\"\u003e29\u003c\/td\u003e\n\u003ctd data-cm=\"30\"\u003e30\u003c\/td\u003e\n\u003ctd data-cm=\"30.5\"\u003e30.5\u003c\/td\u003e\n\u003ctd data-cm=\"31\"\u003e31\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBack Rise\u003c\/td\u003e\n\u003ctd data-cm=\"40\"\u003e40\u003c\/td\u003e\n\u003ctd data-cm=\"41\"\u003e41\u003c\/td\u003e\n\u003ctd data-cm=\"41.5\"\u003e41.5\u003c\/td\u003e\n\u003ctd data-cm=\"42\"\u003e42\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eThigh\u003c\/td\u003e\n\u003ctd data-cm=\"33\"\u003e33\u003c\/td\u003e\n\u003ctd data-cm=\"35\"\u003e35\u003c\/td\u003e\n\u003ctd data-cm=\"36\"\u003e36\u003c\/td\u003e\n\u003ctd data-cm=\"37\"\u003e37\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eKnee\u003c\/td\u003e\n\u003ctd data-cm=\"25\"\u003e25\u003c\/td\u003e\n\u003ctd data-cm=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-cm=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-cm=\"28\"\u003e28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLeg Opening\u003c\/td\u003e\n\u003ctd data-cm=\"21\"\u003e21\u003c\/td\u003e\n\u003ctd data-cm=\"22\"\u003e22\u003c\/td\u003e\n\u003ctd data-cm=\"23\"\u003e23\u003c\/td\u003e  \n\u003ctd data-cm=\"24\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam\u003c\/td\u003e\n\u003ctd data-cm=\"73\"\u003e73\u003c\/td\u003e\n\u003ctd data-cm=\"77\"\u003e77\u003c\/td\u003e\n\u003ctd data-cm=\"80\"\u003e80\u003c\/td\u003e\n\u003ctd data-cm=\"83\"\u003e83\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"size-note\"\u003e\n• Waist ①: Measured laid flat\u003cbr\u003e\n• Waist ②: Measured at maximum stretch\u003cbr\u003e  \n• Measurements are based on one-washed trousers.\u003cbr\u003e \n• Slight variations may occur due to manual measurement and washing.  \n\u003c\/p\u003e          \n\u003c\/div\u003e\n\u003cscript\u003e\nfunction convertSize(unit) {\n  const buttons = document.querySelectorAll('.toggle');\n  buttons.forEach(btn =\u003e btn.classList.remove('active'));\n  document.querySelector(`.toggle[onclick*=\"${unit}\"]`).classList.add('active');\n\n  const cells = document.querySelectorAll('#size-chart td[data-cm]');\n  cells.forEach(cell =\u003e {\n    const cm = parseFloat(cell.getAttribute('data-cm'));\n    if (cm === 0 || isNaN(cm)) {\n      cell.textContent = '---';\n    } else {\n      cell.textContent = (unit === 'in') ? (cm \/ 2.54).toFixed(1) : cm;\n    }\n  });\n}\n\u003c\/script\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.size-chart td').forEach(cell =\u003e {\n  cell.addEventListener('mouseenter', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Highlight row\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.add('highlight-row'));\n\n    \/\/ Highlight column\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.add('highlight-col');\n    });\n\n    cell.classList.add('active-hover');\n  });\n\n  cell.addEventListener('mouseleave', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Remove highlight\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.remove('highlight-row'));\n\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.remove('highlight-col');\n    });\n\n    cell.classList.remove('active-hover');\n  });\n});\n\u003c\/script\u003e\n  \n\u003c\/div\u003e\n\u003c!-- End Size Chart Inch --\u003e\n  \u003c!-- How we measure --\u003e\n\u003cdiv id=\"measure\" class=\"custom-tab-content\"\u003e\n  \u003cdiv class=\"measure-toggle\"\u003e\n    \u003cbutton data-type=\"tops\" class=\"measure-btn active\"\u003eTops\u003c\/button\u003e\n    \u003cbutton data-type=\"bottoms\" class=\"measure-btn\"\u003eBottoms\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- NEW: scrollable wrapper --\u003e\n  \u003cdiv class=\"measure-scroll\"\u003e\n    \u003cdiv class=\"measure-content tops\"\u003e\n      \u003ch4\u003eShoulder Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Shoulder.jpg?v=1747667689\" alt=\"Shoulder Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across from shoulder seam to shoulder seam on the back.\u003c\/p\u003e\n\n      \u003ch4\u003eChest Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Chest_New.jpg?v=1747667689\" alt=\"Chest Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the front of the garment, from armpit to armpit.For size chart reference, chest measurement is shown as full circumference ( flat measurement x 2 ).\u003c\/p\u003e\n  \n      \u003ch4\u003eWaist Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Waist.jpg?v=1747667689\" alt=\"Waist Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure across the narrowest part of the shirt — from seam to seam — between the chest and the hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eHem Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Hem.jpg?v=1747667689\" alt=\"Hem Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom edge of the shirt, from one side seam to the other — just above the curved hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Set-In)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Sleeve.jpg?v=1747667689\" alt=\"Sleeve Length (Set-In)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the top of the shoulder seam straight to the end of the cuff.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Raglan)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Raglan.jpg?v=1747667689\" alt=\"Sleeve Length (Raglan)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from seam of collar all the way down to the end of the cuff.\u003c\/p\u003e\n\n      \u003ch4\u003eArmhole\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Arm.jpg?v=1747667689\" alt=\"Armhole\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure vertically from the shoulder seam down to the bottom of the armhole seam.\u003c\/p\u003e\n\n      \u003ch4\u003eBody Length\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Length.jpg?v=1747667689\" alt=\"Body Length\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the center of the base of the collar (just below the collar band) straight down to the bottom hem.\u003c\/p\u003e \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"measure-content bottoms\" style=\"display: none;\"\u003e\n      \u003ch4\u003eWaist\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Waist.jpg?v=1747667719\" alt=\"Waist\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the top of the waistband from edge to edge, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eFront Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Front_Rise.jpg?v=1747667719\" alt=\"Front Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure the front rise from the crotch seam straight up to the top of the front waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eBack Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Back_Rise.jpg?v=1747667719\" alt=\"Back Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch seam to the top of the back waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eHip Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Hip.jpg?v=1747667719\" alt=\"Hip Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 7.5 cm (or 3 inches) up from the crotch seam, then go straight across from side to side while laid flat, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eThigh Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Thigh.jpg?v=1747667719\" alt=\"Thigh Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure horizontally from the crotch seam straight out to the outer edge of the thigh.\u003c\/p\u003e \n\n      \u003ch4\u003eKnee\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_1.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 33 cm (or 13 inches) down from the crotch seam along the inside leg seam.\u003c\/p\u003e \n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_2.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the leg from one side to the other.\u003c\/p\u003e \n\n      \u003ch4\u003eInseam\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Inseam.jpg?v=1747667719\" alt=\"Inseam\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch stitch all the way to the end of the leg.\u003c\/p\u003e \n\n      \u003ch4\u003eLeg Opening\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Leg.jpg?v=1747667719\" alt=\"Leg Opening\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom cuff — from one side of the leg opening to the other.\u003c\/p\u003e \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.measure-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    button.classList.add('active');\n    const type = button.getAttribute('data-type');\n    document.querySelectorAll('.measure-content').forEach(content =\u003e {\n      content.style.display = 'none';\n    });\n    document.querySelector('.measure-content.' + type).style.display = 'block';\n  });\n});\n\u003c\/script\u003e\n\u003c!-- End How we measure --\u003e\n  \u003cscript\u003e\nfunction refreshOpenDescriptionHeight(el) {\n  var wrapper = el.closest('.collapsible-content');\n  if (!wrapper) return;\n\n  var inner = wrapper.querySelector('.collapsible-content__inner');\n  if (!inner) return;\n\n  wrapper.style.height = inner.scrollHeight + 'px';\n\n  setTimeout(function() {\n    wrapper.style.height = inner.scrollHeight + 'px';\n  }, 50);\n\n  setTimeout(function() {\n    if (wrapper.classList.contains('is-open')) {\n      wrapper.style.height = 'auto';\n    }\n  }, 500);\n}\n\ndocument.querySelectorAll('.custom-tab-nav li').forEach(tab =\u003e {\n  tab.addEventListener('click', function() {\n    var tabsWrap = this.closest('.custom-tabs');\n    if (!tabsWrap) return;\n\n    tabsWrap.querySelectorAll('.custom-tab-nav li').forEach(li =\u003e li.classList.remove('active'));\n    tabsWrap.querySelectorAll('.custom-tab-content').forEach(content =\u003e content.classList.remove('active'));\n\n    this.classList.add('active');\n\n    var target = tabsWrap.querySelector('#' + this.dataset.tab);\n    if (target) target.classList.add('active');\n\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', function() {\n    setTimeout(() =\u003e {\n      refreshOpenDescriptionHeight(this);\n    }, 30);\n  });\n});\n\nwindow.convertSize = (function(originalFn) {\n  return function(unit) {\n    originalFn(unit);\n    setTimeout(() =\u003e {\n      var activeTab = document.querySelector('.custom-tab-content.active');\n      if (activeTab) refreshOpenDescriptionHeight(activeTab);\n    }, 30);\n  };\n})(window.convertSize);\n\ndocument.querySelectorAll('#measure img, #intro img, #details img, #size img').forEach(img =\u003e {\n  img.addEventListener('load', function() {\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\nwindow.addEventListener('resize', function() {\n  var activeTab = document.querySelector('.custom-tab-content.active');\n  if (activeTab) refreshOpenDescriptionHeight(activeTab);\n});\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"Sugar \u0026 Co.","offers":[{"title":"One-washed Denim \/ M","offer_id":54729521529123,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"One-washed Denim \/ L","offer_id":54729521561891,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"One-washed Denim \/ XL","offer_id":54729521594659,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"One-washed Denim \/ XXL","offer_id":54729521627427,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/1_6afbc700-8d2d-4e85-b902-b9530fcb54b3.jpg?v=1770863983"},{"product_id":"sugar-co-sgr-s01-12oz-selvedge-black-denim-gentle-pants-relaxed-tapered-fit","title":"Sugar \u0026 Co. SGR-S01 12oz Selvedge Black Denim Gentle Pants - Relaxed Tapered Fit","description":"\u003cdiv class=\"custom-tabs\"\u003e\n\u003cul class=\"custom-tab-nav\"\u003e\n\u003cli data-tab=\"intro\" class=\"active\"\u003eIntro\u003c\/li\u003e\n\u003cli data-tab=\"details\"\u003eDetails\u003c\/li\u003e\n\u003cli data-tab=\"size\"\u003eSize Chart\u003c\/li\u003e\n\u003cli data-tab=\"measure\"\u003eHow We Measure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"custom-tab-content active\" id=\"intro\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 20px; text-align: left;\"\u003e- Introduced in 2025, the Gentle Pants represent a new standard item from Sugar \u0026amp; Co. Rooted in selvedge denim culture, this special piece carries the spirit of traditional denim while expressing Sugar \u0026amp; Co.’s philosophy in a modern way. It combines premium denim fabric with a relaxed, easy-to-wear approach, bridging heritage craftsmanship and contemporary casual style. \u003cbr\u003e\u003cbr\u003eThe original selvedge denim is woven in the Bingo district of Okayama, one of Japan’s most respected denim-producing regions. The yarn is made from Supima cotton, known for its long staple fibers, resulting in a soft and smooth hand feel. The denim is unsanforized and finished in a one-washed state, resulting in a soft yet textured surface with subtle fiber character. \u003cbr\u003e\u003cbr\u003eWhile designed as an easy denim trouser, the Gentle Pants are built with many thoughtful details beneath the surface. Creating a clean trouser silhouette using selvedge denim requires precise and careful pattern making. Through detailed construction and careful balance, the result is a beautifully shaped silhouette that maintains structure while remaining comfortable. \u003cbr\u003e\u003cbr\u003eThe elastic waistband, a signature detail of Sugar \u0026amp; Co., is not simply inspired by workwear styles, but thoughtfully refined to enhance both comfort and fit around the waist. The result is a pair of trousers that feel relaxed yet look sharp, offering both comfort and a clean, tailored appearance. \u003cbr\u003e\u003cbr\u003eFor those who prefer a more casual style while still appreciating the aging character of denim, the Gentle Pants are a highly recommended piece. They offer the charm of denim’s natural fade with the ease of everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"details\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"mobile-scroll-table-2\"\u003e\n\u003ctable class=\"details-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd\u003e100% Cotton\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeight:\u003c\/td\u003e\n\u003ctd\u003e12 oz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeaving Method:\u003c\/td\u003e\n\u003ctd\u003eTwill Weave on Old Shuttle Loom\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDyeing:\u003c\/td\u003e\n\u003ctd\u003eWarp – Sulphur Rope-Dyed Black \/ Weft – Black\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFabric Finish:\u003c\/td\u003e\n\u003ctd\u003eUnsanforized, One-Washed\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eSilhouette:\u003c\/td\u003e\n\u003ctd\u003eRelaxed Tapered Fit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eOrigin:\u003c\/td\u003e\n\u003ctd\u003eMade in Japan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDetails:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Original Selvedge Denim\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Metal Hook-and-Bar Closure\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Brass-Finish YKK Zipper\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- One-Pleat Construction\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Elastic Waistband\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Size Beginning --\u003e\n\u003cdiv id=\"size\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"size-toggle\"\u003e\n\u003cbutton class=\"toggle active\"\u003ecm\u003c\/button\u003e \u003cbutton class=\"toggle\"\u003einches\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Size Chart cm --\u003e\n\u003cdiv class=\"mobile-scroll-table\"\u003e\n\u003ctable class=\"size-chart\" id=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist ①\u003c\/td\u003e\n\u003ctd data-cm=\"76\"\u003e76\u003c\/td\u003e\n\u003ctd data-cm=\"80\"\u003e80\u003c\/td\u003e\n\u003ctd data-cm=\"84\"\u003e84\u003c\/td\u003e\n\u003ctd data-cm=\"88\"\u003e88\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist ②\u003c\/td\u003e\n\u003ctd data-cm=\"80\"\u003e80\u003c\/td\u003e\n\u003ctd data-cm=\"84\"\u003e84\u003c\/td\u003e\n\u003ctd data-cm=\"88\"\u003e88\u003c\/td\u003e\n\u003ctd data-cm=\"92\"\u003e92\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHip\u003c\/td\u003e\n\u003ctd data-cm=\"118\"\u003e118\u003c\/td\u003e\n\u003ctd data-cm=\"120\"\u003e120\u003c\/td\u003e\n\u003ctd data-cm=\"122\"\u003e122\u003c\/td\u003e\n\u003ctd data-cm=\"124\"\u003e124\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFront Rise\u003c\/td\u003e\n\u003ctd data-cm=\"30\"\u003e30\u003c\/td\u003e\n\u003ctd data-cm=\"30\"\u003e30\u003c\/td\u003e\n\u003ctd data-cm=\"31\"\u003e31\u003c\/td\u003e\n\u003ctd data-cm=\"31\"\u003e31\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBack Rise\u003c\/td\u003e\n\u003ctd data-cm=\"42\"\u003e42\u003c\/td\u003e\n\u003ctd data-cm=\"42\"\u003e42\u003c\/td\u003e\n\u003ctd data-cm=\"43\"\u003e43\u003c\/td\u003e\n\u003ctd data-cm=\"43\"\u003e43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eThigh\u003c\/td\u003e\n\u003ctd data-cm=\"33\"\u003e33\u003c\/td\u003e\n\u003ctd data-cm=\"35\"\u003e35\u003c\/td\u003e\n\u003ctd data-cm=\"36\"\u003e36\u003c\/td\u003e\n\u003ctd data-cm=\"37\"\u003e37\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eKnee\u003c\/td\u003e\n\u003ctd data-cm=\"26\"\u003e26\u003c\/td\u003e\n\u003ctd data-cm=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-cm=\"28\"\u003e28\u003c\/td\u003e\n\u003ctd data-cm=\"29\"\u003e29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLeg Opening\u003c\/td\u003e\n\u003ctd data-cm=\"21\"\u003e21\u003c\/td\u003e\n\u003ctd data-cm=\"22\"\u003e22\u003c\/td\u003e\n\u003ctd data-cm=\"23\"\u003e23\u003c\/td\u003e\n\u003ctd data-cm=\"24\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInseam\u003c\/td\u003e\n\u003ctd data-cm=\"75\"\u003e75\u003c\/td\u003e\n\u003ctd data-cm=\"78\"\u003e78\u003c\/td\u003e\n\u003ctd data-cm=\"81\"\u003e81\u003c\/td\u003e\n\u003ctd data-cm=\"83\"\u003e83\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"size-note\"\u003e\n• Waist ①: Measured laid flat\u003cbr\u003e\n• Waist ②: Measured at maximum stretch\u003cbr\u003e  \n• Measurements are based on one-washed trousers.\u003cbr\u003e \n• Slight variations may occur due to manual measurement and washing.  \n\u003c\/p\u003e          \n\u003c\/div\u003e\n\u003cscript\u003e\nfunction convertSize(unit) {\n  const buttons = document.querySelectorAll('.toggle');\n  buttons.forEach(btn =\u003e btn.classList.remove('active'));\n  document.querySelector(`.toggle[onclick*=\"${unit}\"]`).classList.add('active');\n\n  const cells = document.querySelectorAll('#size-chart td[data-cm]');\n  cells.forEach(cell =\u003e {\n    const cm = parseFloat(cell.getAttribute('data-cm'));\n    if (cm === 0 || isNaN(cm)) {\n      cell.textContent = '---';\n    } else {\n      cell.textContent = (unit === 'in') ? (cm \/ 2.54).toFixed(1) : cm;\n    }\n  });\n}\n\u003c\/script\u003e \u003cscript\u003e\ndocument.querySelectorAll('.size-chart td').forEach(cell =\u003e {\n  cell.addEventListener('mouseenter', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Highlight row\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.add('highlight-row'));\n\n    \/\/ Highlight column\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.add('highlight-col');\n    });\n\n    cell.classList.add('active-hover');\n  });\n\n  cell.addEventListener('mouseleave', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Remove highlight\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.remove('highlight-row'));\n\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.remove('highlight-col');\n    });\n\n    cell.classList.remove('active-hover');\n  });\n});\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- End Size Chart Inch --\u003e \u003c!-- How we measure --\u003e\n\u003cdiv id=\"measure\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"measure-toggle\"\u003e\n\u003cbutton data-type=\"tops\" class=\"measure-btn active\"\u003eTops\u003c\/button\u003e \u003cbutton data-type=\"bottoms\" class=\"measure-btn\"\u003eBottoms\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- NEW: scrollable wrapper --\u003e\n\u003cdiv class=\"measure-scroll\"\u003e\n\u003cdiv class=\"measure-content tops\"\u003e\n\u003ch4\u003eShoulder Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Shoulder.jpg?v=1747667689\" alt=\"Shoulder Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across from shoulder seam to shoulder seam on the back.\u003c\/p\u003e\n\u003ch4\u003eChest Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Chest_New.jpg?v=1747667689\" alt=\"Chest Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the front of the garment, from armpit to armpit.For size chart reference, chest measurement is shown as full circumference ( flat measurement x 2 ).\u003c\/p\u003e\n\u003ch4\u003eWaist Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Waist.jpg?v=1747667689\" alt=\"Waist Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure across the narrowest part of the shirt — from seam to seam — between the chest and the hem.\u003c\/p\u003e\n\u003ch4\u003eHem Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Hem.jpg?v=1747667689\" alt=\"Hem Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom edge of the shirt, from one side seam to the other — just above the curved hem.\u003c\/p\u003e\n\u003ch4\u003eSleeve Length (Set-In)\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Sleeve.jpg?v=1747667689\" alt=\"Sleeve Length (Set-In)\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the top of the shoulder seam straight to the end of the cuff.\u003c\/p\u003e\n\u003ch4\u003eSleeve Length (Raglan)\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Raglan.jpg?v=1747667689\" alt=\"Sleeve Length (Raglan)\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from seam of collar all the way down to the end of the cuff.\u003c\/p\u003e\n\u003ch4\u003eArmhole\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Arm.jpg?v=1747667689\" alt=\"Armhole\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure vertically from the shoulder seam down to the bottom of the armhole seam.\u003c\/p\u003e\n\u003ch4\u003eBody Length\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Length.jpg?v=1747667689\" alt=\"Body Length\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the center of the base of the collar (just below the collar band) straight down to the bottom hem.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"measure-content bottoms\" style=\"display: none;\"\u003e\n\u003ch4\u003eWaist\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Waist.jpg?v=1747667719\" alt=\"Waist\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the top of the waistband from edge to edge, then double the measurement.\u003c\/p\u003e\n\u003ch4\u003eFront Rise\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Front_Rise.jpg?v=1747667719\" alt=\"Front Rise\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure the front rise from the crotch seam straight up to the top of the front waistband.\u003c\/p\u003e\n\u003ch4\u003eBack Rise\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Back_Rise.jpg?v=1747667719\" alt=\"Back Rise\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch seam to the top of the back waistband.\u003c\/p\u003e\n\u003ch4\u003eHip Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Hip.jpg?v=1747667719\" alt=\"Hip Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 7.5 cm (or 3 inches) up from the crotch seam, then go straight across from side to side while laid flat, then double the measurement.\u003c\/p\u003e\n\u003ch4\u003eThigh Width\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Thigh.jpg?v=1747667719\" alt=\"Thigh Width\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure horizontally from the crotch seam straight out to the outer edge of the thigh.\u003c\/p\u003e\n\u003ch4\u003eKnee\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_1.jpg?v=1747667719\" alt=\"Knee\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 33 cm (or 13 inches) down from the crotch seam along the inside leg seam.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_2.jpg?v=1747667719\" alt=\"Knee\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the leg from one side to the other.\u003c\/p\u003e\n\u003ch4\u003eInseam\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Inseam.jpg?v=1747667719\" alt=\"Inseam\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch stitch all the way to the end of the leg.\u003c\/p\u003e\n\u003ch4\u003eLeg Opening\u003c\/h4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Leg.jpg?v=1747667719\" alt=\"Leg Opening\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom cuff — from one side of the leg opening to the other.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.measure-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    button.classList.add('active');\n    const type = button.getAttribute('data-type');\n    document.querySelectorAll('.measure-content').forEach(content =\u003e {\n      content.style.display = 'none';\n    });\n    document.querySelector('.measure-content.' + type).style.display = 'block';\n  });\n});\n\u003c\/script\u003e\n\u003c!-- End How we measure --\u003e\n\u003cscript\u003e\nfunction refreshOpenDescriptionHeight(el) {\n  var wrapper = el.closest('.collapsible-content');\n  if (!wrapper) return;\n\n  var inner = wrapper.querySelector('.collapsible-content__inner');\n  if (!inner) return;\n\n  wrapper.style.height = inner.scrollHeight + 'px';\n\n  setTimeout(function() {\n    wrapper.style.height = inner.scrollHeight + 'px';\n  }, 50);\n\n  setTimeout(function() {\n    if (wrapper.classList.contains('is-open')) {\n      wrapper.style.height = 'auto';\n    }\n  }, 500);\n}\n\ndocument.querySelectorAll('.custom-tab-nav li').forEach(tab =\u003e {\n  tab.addEventListener('click', function() {\n    var tabsWrap = this.closest('.custom-tabs');\n    if (!tabsWrap) return;\n\n    tabsWrap.querySelectorAll('.custom-tab-nav li').forEach(li =\u003e li.classList.remove('active'));\n    tabsWrap.querySelectorAll('.custom-tab-content').forEach(content =\u003e content.classList.remove('active'));\n\n    this.classList.add('active');\n\n    var target = tabsWrap.querySelector('#' + this.dataset.tab);\n    if (target) target.classList.add('active');\n\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', function() {\n    setTimeout(() =\u003e {\n      refreshOpenDescriptionHeight(this);\n    }, 30);\n  });\n});\n\nwindow.convertSize = (function(originalFn) {\n  return function(unit) {\n    originalFn(unit);\n    setTimeout(() =\u003e {\n      var activeTab = document.querySelector('.custom-tab-content.active');\n      if (activeTab) refreshOpenDescriptionHeight(activeTab);\n    }, 30);\n  };\n})(window.convertSize);\n\ndocument.querySelectorAll('#measure img, #intro img, #details img, #size img').forEach(img =\u003e {\n  img.addEventListener('load', function() {\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\nwindow.addEventListener('resize', function() {\n  var activeTab = document.querySelector('.custom-tab-content.active');\n  if (activeTab) refreshOpenDescriptionHeight(activeTab);\n});\n\u003c\/script\u003e  \n  \n\u003c\/div\u003e","brand":"Sugar \u0026 Co.","offers":[{"title":"Black \/ M","offer_id":54729659580707,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"Black \/ L","offer_id":54729733046563,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"Black \/ XL","offer_id":54729733079331,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false},{"title":"Black \/ XXL","offer_id":54729733112099,"sku":null,"price":30800.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/1_88144e66-192e-4adc-82c1-4bd95e19d44d.jpg?v=1770878312"},{"product_id":"sugar-co-sgr-bts01v-box-check-shirt-vintage-wash","title":"Sugar \u0026 Co. SGR-BTS01V Box Check Shirt – Vintage Wash","description":"\u003cdiv class=\"custom-tabs\"\u003e\n\u003cul class=\"custom-tab-nav\"\u003e\n\u003cli data-tab=\"intro\" class=\"active\"\u003eIntro\u003c\/li\u003e\n\u003cli data-tab=\"details\"\u003eDetails\u003c\/li\u003e\n\u003cli data-tab=\"size\"\u003eSize Chart\u003c\/li\u003e\n\u003cli data-tab=\"measure\"\u003eHow We Measure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"custom-tab-content active\" id=\"intro\"\u003e\n \u003cp style=\"margin-left: 10px; margin-top: 20px; text-align: left;\"\u003e- Alongside the Selvedge Easy Trousers, the Box Shirt stands as one of the core pieces in Sugar’s collection. Inspired by the 1960s board shirts — famously worn by The Beach Boys on their album covers — it carries that relaxed West Coast mood. The shorter length, straight hem, and generous box silhouette create a clean yet easy balance that feels both nostalgic and modern.\n\u003cbr\u003e\u003cbr\u003e\nOriginally made from wool, the classic board shirt has been reworked using Sugar’s original 100% cotton fabric for better comfort and daily use. The fabric is woven in Niigata Prefecture using a traditional triple-twist method, where three No.20 yarns are twisted together into one single yarn. This gives the fabric depth, warmth, and a rich surface texture. The fabric has a solid weight and a softly brushed finish, giving it strong presence while still feeling comfortable. The vintage wash is carefully done in Kojima, Okayama, and the small damage details on the shirt are finished by hand.\n\u003cbr\u003e\u003cbr\u003e\nWith its relaxed box fit, it can be worn as a shirt or as a light outer layer. Simple in design, but expressive in shape and fabric, it shows the character of Sugar \u0026amp; Co. Together with the original buttons, it becomes a special piece with its own personality.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"details\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"mobile-scroll-table-2\"\u003e    \n\u003ctable class=\"details-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd\u003e100% Cotton\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeaving Method:\u003c\/td\u003e\n\u003ctd\u003eTwill Weave\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFinish:\u003c\/td\u003e\n\u003ctd\u003eVintage Wash\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eSilhouette:\u003c\/td\u003e\n\u003ctd\u003eRegular Box Fit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eOrigin:\u003c\/td\u003e\n\u003ctd\u003eMade in Japan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDetails:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Triple-Twist Yarn Construction\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Open Collar\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Double Front Pockets with Flap\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Original Buttons\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e  \n\u003c!-- Size Beginning --\u003e\n \n\u003cdiv id=\"size\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"size-toggle\"\u003e\n  \u003cbutton class=\"toggle active\" onclick=\"convertSize('cm')\"\u003ecm\u003c\/button\u003e\n  \u003cbutton class=\"toggle\" onclick=\"convertSize('in')\"\u003einches\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Size Chart cm --\u003e\n   \u003cdiv class=\"mobile-scroll-table\"\u003e\n \u003ctable class=\"size-chart\" id=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e \n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e   \n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eShoulder\u003c\/td\u003e \n\u003ctd data-cm=\"45\"\u003e45\u003c\/td\u003e\n\u003ctd data-cm=\"47\"\u003e47\u003c\/td\u003e\n\u003ctd data-cm=\"49\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eChest\u003c\/td\u003e\n\u003ctd data-cm=\"112\"\u003e112\u003c\/td\u003e  \n\u003ctd data-cm=\"116\"\u003e116\u003c\/td\u003e\n\u003ctd data-cm=\"120\"\u003e120\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist\u003c\/td\u003e\n\u003ctd data-cm=\"55\"\u003e55\u003c\/td\u003e\n\u003ctd data-cm=\"57\"\u003e57\u003c\/td\u003e\n\u003ctd data-cm=\"59\"\u003e59\u003c\/td\u003e   \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHem\u003c\/td\u003e\n\u003ctd data-cm=\"56\"\u003e56\u003c\/td\u003e\n\u003ctd data-cm=\"58\"\u003e58\u003c\/td\u003e\n\u003ctd data-cm=\"60\"\u003e60\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSleeve Length\u003c\/td\u003e\n\u003ctd data-cm=\"57\"\u003e57\u003c\/td\u003e  \n\u003ctd data-cm=\"58\"\u003e58\u003c\/td\u003e\n\u003ctd data-cm=\"60\"\u003e60\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eArm Hole\u003c\/td\u003e\n\u003ctd data-cm=\"26\"\u003e26\u003c\/td\u003e  \n\u003ctd data-cm=\"27\"\u003e27\u003c\/td\u003e\n\u003ctd data-cm=\"28\"\u003e28\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBody Length\u003c\/td\u003e\n\u003ctd data-cm=\"66\"\u003e66\u003c\/td\u003e  \n\u003ctd data-cm=\"67\"\u003e67\u003c\/td\u003e\n\u003ctd data-cm=\"69\"\u003e69\u003c\/td\u003e  \n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n \u003cp class=\"size-note\"\u003e• Measurements are based on one-washed shirt.\n  \u003cbr\u003e• Slight variations may occur due to manual measurement and washing.\n \u003c\/p\u003e   \n\u003c\/div\u003e \n\u003cscript\u003e\nfunction convertSize(unit) {\n  const buttons = document.querySelectorAll('.toggle');\n  buttons.forEach(btn =\u003e btn.classList.remove('active'));\n  document.querySelector(`.toggle[onclick*=\"${unit}\"]`).classList.add('active');\n\n  const cells = document.querySelectorAll('#size-chart td[data-cm]');\n  cells.forEach(cell =\u003e {\n    const cm = parseFloat(cell.getAttribute('data-cm'));\n    if (cm === 0 || isNaN(cm)) {\n      cell.textContent = '---';\n    } else {\n      cell.textContent = (unit === 'in') ? (cm \/ 2.54).toFixed(1) : cm;\n    }\n  });\n}\n\u003c\/script\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.size-chart td').forEach(cell =\u003e {\n  cell.addEventListener('mouseenter', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Highlight row\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.add('highlight-row'));\n\n    \/\/ Highlight column\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.add('highlight-col');\n    });\n\n    cell.classList.add('active-hover');\n  });\n\n  cell.addEventListener('mouseleave', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Remove highlight\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.remove('highlight-row'));\n\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.remove('highlight-col');\n    });\n\n    cell.classList.remove('active-hover');\n  });\n});\n\u003c\/script\u003e\n  \n\u003c\/div\u003e\n\u003c!-- End Size Chart Inch --\u003e\n  \u003c!-- How we measure --\u003e\n\u003cdiv id=\"measure\" class=\"custom-tab-content\"\u003e\n  \u003cdiv class=\"measure-toggle\"\u003e\n    \u003cbutton data-type=\"tops\" class=\"measure-btn active\"\u003eTops\u003c\/button\u003e\n    \u003cbutton data-type=\"bottoms\" class=\"measure-btn\"\u003eBottoms\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- NEW: scrollable wrapper --\u003e\n  \u003cdiv class=\"measure-scroll\"\u003e\n    \u003cdiv class=\"measure-content tops\"\u003e\n      \u003ch4\u003eShoulder Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Shoulder.jpg?v=1747667689\" alt=\"Shoulder Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across from shoulder seam to shoulder seam on the back.\u003c\/p\u003e\n\n      \u003ch4\u003eChest Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Chest_New.jpg?v=1747667689\" alt=\"Chest Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the front of the garment, from armpit to armpit. For size chart reference, chest measurement is shown as full circumference ( flat measurement x 2 ).\u003c\/p\u003e\n  \n      \u003ch4\u003eWaist Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Waist.jpg?v=1747667689\" alt=\"Waist Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure across the narrowest part of the shirt — from seam to seam — between the chest and the hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eHem Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Hem.jpg?v=1747667689\" alt=\"Hem Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom edge of the shirt, from one side seam to the other — just above the curved hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Set-In)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Sleeve.jpg?v=1747667689\" alt=\"Sleeve Length (Set-In)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the top of the shoulder seam straight to the end of the cuff.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Raglan)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Raglan.jpg?v=1747667689\" alt=\"Sleeve Length (Raglan)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from seam of collar all the way down to the end of the cuff.\u003c\/p\u003e\n\n      \u003ch4\u003eArmhole\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Arm.jpg?v=1747667689\" alt=\"Armhole\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure vertically from the shoulder seam down to the bottom of the armhole seam.\u003c\/p\u003e\n\n      \u003ch4\u003eBody Length\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Length.jpg?v=1747667689\" alt=\"Body Length\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the center of the base of the collar (just below the collar band) straight down to the bottom hem.\u003c\/p\u003e \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"measure-content bottoms\" style=\"display: none;\"\u003e\n      \u003ch4\u003eWaist\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Waist.jpg?v=1747667719\" alt=\"Waist\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the top of the waistband from edge to edge, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eFront Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Front_Rise.jpg?v=1747667719\" alt=\"Front Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure the front rise from the crotch seam straight up to the top of the front waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eBack Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Back_Rise.jpg?v=1747667719\" alt=\"Back Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch seam to the top of the back waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eHip Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Hip.jpg?v=1747667719\" alt=\"Hip Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 7.5 cm (or 3 inches) up from the crotch seam, then go straight across from side to side while laid flat, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eThigh Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Thigh.jpg?v=1747667719\" alt=\"Thigh Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure horizontally from the crotch seam straight out to the outer edge of the thigh.\u003c\/p\u003e \n\n      \u003ch4\u003eKnee\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_1.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 33 cm (or 13 inches) down from the crotch seam along the inside leg seam.\u003c\/p\u003e \n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_2.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the leg from one side to the other.\u003c\/p\u003e \n\n      \u003ch4\u003eInseam\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Inseam.jpg?v=1747667719\" alt=\"Inseam\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch stitch all the way to the end of the leg.\u003c\/p\u003e \n\n      \u003ch4\u003eLeg Opening\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Leg.jpg?v=1747667719\" alt=\"Leg Opening\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom cuff — from one side of the leg opening to the other.\u003c\/p\u003e \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.measure-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    button.classList.add('active');\n    const type = button.getAttribute('data-type');\n    document.querySelectorAll('.measure-content').forEach(content =\u003e {\n      content.style.display = 'none';\n    });\n    document.querySelector('.measure-content.' + type).style.display = 'block';\n  });\n});\n\u003c\/script\u003e\n\u003c!-- End How we measure --\u003e\n \u003cscript\u003e\nfunction refreshOpenDescriptionHeight(el) {\n  var wrapper = el.closest('.collapsible-content');\n  if (!wrapper) return;\n\n  var inner = wrapper.querySelector('.collapsible-content__inner');\n  if (!inner) return;\n\n  wrapper.style.height = inner.scrollHeight + 'px';\n\n  setTimeout(function() {\n    wrapper.style.height = inner.scrollHeight + 'px';\n  }, 50);\n\n  setTimeout(function() {\n    if (wrapper.classList.contains('is-open')) {\n      wrapper.style.height = 'auto';\n    }\n  }, 500);\n}\n\ndocument.querySelectorAll('.custom-tab-nav li').forEach(tab =\u003e {\n  tab.addEventListener('click', function() {\n    var tabsWrap = this.closest('.custom-tabs');\n    if (!tabsWrap) return;\n\n    tabsWrap.querySelectorAll('.custom-tab-nav li').forEach(li =\u003e li.classList.remove('active'));\n    tabsWrap.querySelectorAll('.custom-tab-content').forEach(content =\u003e content.classList.remove('active'));\n\n    this.classList.add('active');\n\n    var target = tabsWrap.querySelector('#' + this.dataset.tab);\n    if (target) target.classList.add('active');\n\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', function() {\n    setTimeout(() =\u003e {\n      refreshOpenDescriptionHeight(this);\n    }, 30);\n  });\n});\n\nwindow.convertSize = (function(originalFn) {\n  return function(unit) {\n    originalFn(unit);\n    setTimeout(() =\u003e {\n      var activeTab = document.querySelector('.custom-tab-content.active');\n      if (activeTab) refreshOpenDescriptionHeight(activeTab);\n    }, 30);\n  };\n})(window.convertSize);\n\ndocument.querySelectorAll('#measure img, #intro img, #details img, #size img').forEach(img =\u003e {\n  img.addEventListener('load', function() {\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\nwindow.addEventListener('resize', function() {\n  var activeTab = document.querySelector('.custom-tab-content.active');\n  if (activeTab) refreshOpenDescriptionHeight(activeTab);\n});\n\u003c\/script\u003e \n\u003c\/div\u003e","brand":"Sugar \u0026 Co.","offers":[{"title":"Green \/ M","offer_id":54730778771747,"sku":null,"price":36300.0,"currency_code":"JPY","in_stock":true},{"title":"Green \/ L","offer_id":54730778804515,"sku":null,"price":36300.0,"currency_code":"JPY","in_stock":true},{"title":"Green \/ XL","offer_id":54730778837283,"sku":null,"price":36300.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/1_f0ec01d6-9611-4944-994c-bce7071258ec.jpg?v=1770903972"},{"product_id":"sugar-co-sgr-rs01-original-reverse-sweatshirt-faded-black","title":"Sugar \u0026 Co. SGR-RS01 Original Reverse Sweatshirt – Faded Black","description":"\u003cdiv class=\"custom-tabs\"\u003e\n\u003cul class=\"custom-tab-nav\"\u003e\n\u003cli data-tab=\"intro\" class=\"active\"\u003eIntro\u003c\/li\u003e\n\u003cli data-tab=\"details\"\u003eDetails\u003c\/li\u003e\n\u003cli data-tab=\"size\"\u003eSize Chart\u003c\/li\u003e\n\u003cli data-tab=\"measure\"\u003eHow We Measure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"custom-tab-content active\" id=\"intro\"\u003e\n \u003cp style=\"margin-left: 10px; margin-top: 20px; text-align: left;\"\u003e- The reverse-type sweatshirt makes its first debut in Sugar \u0026amp; Co.’s 5th anniversary year — a special milestone piece that reflects the brand’s commitment to authentic sportswear heritage.\n\u003cbr\u003e\u003cbr\u003e\nThe fabric is built from a carefully balanced blend of 89% cotton, 8% acrylic, and 3% rayon, faithfully recreating the texture and hand feel of early classic American sportswear. Widely regarded as one of the most well-balanced compositions of that era, this blend delivers softness, durability, and structure in equal measure.\n\u003cbr\u003e\u003cbr\u003e\nThe body fabric, originally knitted vertically, is intentionally used horizontally to improve freedom of movement across the body — a true reverse construction. Action ribs are sewn with a four-needle flat-seamer for strength and flexibility. The body is constructed from a single continuous piece with no shoulder seams, staying true to vintage construction methods.\n\u003cbr\u003e\u003cbr\u003e\nWhile the texture, stitching, details, and silhouette remain faithful to original vintage pieces, the sleeve ribs have been refined to a cleaner length to enhance the shoulder-to-arm balance. The hem rib, inspired by authentic vintage cut-off sweatshirts, has been removed and replaced with a rounded double-fold finish sewn with a two-needle construction — creating a lighter, more modern proportion.\n\u003cbr\u003e\u003cbr\u003e\nThe Faded Black color is finished using a special gas pigment dyeing technique, carefully hand-applied by skilled craftsmen in Kojima.This process creates a naturally worn depth and uneven tonal character, making each piece subtly unique and giving the sweatshirt a distinct presence that sets it apart from ordinary black sweatshirts.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"details\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"mobile-scroll-table-2\"\u003e    \n\u003ctable class=\"details-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd\u003e89% Cotton \/ 8% Acrylic \/ 3% Rayon\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFabric Type:\u003c\/td\u003e\n\u003ctd\u003eKnitted\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDyeing:\u003c\/td\u003e\n\u003ctd\u003eGarment-Dyed with Gas Pigment Finish\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFabric Finish:\u003c\/td\u003e\n\u003ctd\u003eOne-Washed\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eSilhouette:\u003c\/td\u003e\n\u003ctd\u003eRelaxed Fit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eOrigin:\u003c\/td\u003e\n\u003ctd\u003eMade in Japan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDetails:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Original Reverse-Weave Jersey\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Four-Needle Flat-Seam Side Panels\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Single-Panel Body with No Shoulder Seams\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Rounded Hem with Two-Needle Construction\u003c\/td\u003e\n\u003c\/tr\u003e \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eModel:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- 178 cm \/ 68 kg ( 5'10\" \/ 150 lbs ) — Wearing Size: S\u003c\/td\u003e\n\u003c\/tr\u003e    \n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e  \n\u003c!-- Size Beginning --\u003e\n \n\u003cdiv id=\"size\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"size-toggle\"\u003e\n  \u003cbutton class=\"toggle active\" onclick=\"convertSize('cm')\"\u003ecm\u003c\/button\u003e\n  \u003cbutton class=\"toggle\" onclick=\"convertSize('in')\"\u003einches\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Size Chart cm --\u003e\n   \u003cdiv class=\"mobile-scroll-table\"\u003e\n \u003ctable class=\"size-chart\" id=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e \n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e \n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e   \n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eShoulder\u003c\/td\u003e \n\u003ctd data-cm=\"48\"\u003e48\u003c\/td\u003e\n\u003ctd data-cm=\"52\"\u003e52\u003c\/td\u003e  \n\u003ctd data-cm=\"53\"\u003e53\u003c\/td\u003e\n\u003ctd data-cm=\"55\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eChest\u003c\/td\u003e\n\u003ctd data-cm=\"125\"\u003e125\u003c\/td\u003e  \n\u003ctd data-cm=\"130\"\u003e130\u003c\/td\u003e\n\u003ctd data-cm=\"132\"\u003e132\u003c\/td\u003e \n\u003ctd data-cm=\"134\"\u003e134\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist\u003c\/td\u003e\n\u003ctd data-cm=\"60\"\u003e60\u003c\/td\u003e\n\u003ctd data-cm=\"61.5\"\u003e61.5\u003c\/td\u003e\n\u003ctd data-cm=\"64\"\u003e64\u003c\/td\u003e   \n\u003ctd data-cm=\"65.5\"\u003e65.5\u003c\/td\u003e   \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHem\u003c\/td\u003e\n\u003ctd data-cm=\"57\"\u003e57\u003c\/td\u003e\n\u003ctd data-cm=\"58\"\u003e58\u003c\/td\u003e\n\u003ctd data-cm=\"60.5\"\u003e60.5\u003c\/td\u003e \n\u003ctd data-cm=\"61.5\"\u003e61.5\u003c\/td\u003e   \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSleeve Length\u003c\/td\u003e\n\u003ctd data-cm=\"63\"\u003e63\u003c\/td\u003e  \n\u003ctd data-cm=\"65\"\u003e65\u003c\/td\u003e\n\u003ctd data-cm=\"65\"\u003e65\u003c\/td\u003e  \n\u003ctd data-cm=\"66\"\u003e66\u003c\/td\u003e \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eArm Hole\u003c\/td\u003e\n\u003ctd data-cm=\"32\"\u003e32\u003c\/td\u003e  \n\u003ctd data-cm=\"33\"\u003e33\u003c\/td\u003e\n\u003ctd data-cm=\"33.5\"\u003e33.5\u003c\/td\u003e \n\u003ctd data-cm=\"34.5\"\u003e34.5\u003c\/td\u003e  \n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBody Length\u003c\/td\u003e\n\u003ctd data-cm=\"64.5\"\u003e64.5\u003c\/td\u003e  \n\u003ctd data-cm=\"65.5\"\u003e65.5\u003c\/td\u003e\n\u003ctd data-cm=\"65.5\"\u003e65.5\u003c\/td\u003e\n\u003ctd data-cm=\"67.5\"\u003e67.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n \u003cp class=\"size-note\"\u003e• Measurements are based on one-washed sweatshirt.\n  \u003cbr\u003e• Slight variations may occur due to manual measurement and washing.\n \u003c\/p\u003e   \n\u003c\/div\u003e \n\u003cscript\u003e\nfunction convertSize(unit) {\n  const buttons = document.querySelectorAll('.toggle');\n  buttons.forEach(btn =\u003e btn.classList.remove('active'));\n  document.querySelector(`.toggle[onclick*=\"${unit}\"]`).classList.add('active');\n\n  const cells = document.querySelectorAll('#size-chart td[data-cm]');\n  cells.forEach(cell =\u003e {\n    const cm = parseFloat(cell.getAttribute('data-cm'));\n    if (cm === 0 || isNaN(cm)) {\n      cell.textContent = '---';\n    } else {\n      cell.textContent = (unit === 'in') ? (cm \/ 2.54).toFixed(1) : cm;\n    }\n  });\n}\n\u003c\/script\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.size-chart td').forEach(cell =\u003e {\n  cell.addEventListener('mouseenter', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Highlight row\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.add('highlight-row'));\n\n    \/\/ Highlight column\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.add('highlight-col');\n    });\n\n    cell.classList.add('active-hover');\n  });\n\n  cell.addEventListener('mouseleave', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Remove highlight\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.remove('highlight-row'));\n\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.remove('highlight-col');\n    });\n\n    cell.classList.remove('active-hover');\n  });\n});\n\u003c\/script\u003e\n  \n\u003c\/div\u003e\n\u003c!-- End Size Chart Inch --\u003e\n  \u003c!-- How we measure --\u003e\n\u003cdiv id=\"measure\" class=\"custom-tab-content\"\u003e\n  \u003cdiv class=\"measure-toggle\"\u003e\n    \u003cbutton data-type=\"tops\" class=\"measure-btn active\"\u003eTops\u003c\/button\u003e\n    \u003cbutton data-type=\"bottoms\" class=\"measure-btn\"\u003eBottoms\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- NEW: scrollable wrapper --\u003e\n  \u003cdiv class=\"measure-scroll\"\u003e\n    \u003cdiv class=\"measure-content tops\"\u003e\n      \u003ch4\u003eShoulder Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Shoulder.jpg?v=1747667689\" alt=\"Shoulder Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across from shoulder seam to shoulder seam on the back.\u003c\/p\u003e\n\n      \u003ch4\u003eChest Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Chest_New.jpg?v=1747667689\" alt=\"Chest Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the front of the garment, from armpit to armpit. For size chart reference, chest measurement is shown as full circumference ( flat measurement x 2 ).\u003c\/p\u003e\n  \n      \u003ch4\u003eWaist Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Waist.jpg?v=1747667689\" alt=\"Waist Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure across the narrowest part of the shirt — from seam to seam — between the chest and the hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eHem Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Hem.jpg?v=1747667689\" alt=\"Hem Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom edge of the shirt, from one side seam to the other — just above the curved hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Set-In)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Sleeve.jpg?v=1747667689\" alt=\"Sleeve Length (Set-In)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the top of the shoulder seam straight to the end of the cuff.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Raglan)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Raglan.jpg?v=1747667689\" alt=\"Sleeve Length (Raglan)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from seam of collar all the way down to the end of the cuff.\u003c\/p\u003e\n\n      \u003ch4\u003eArmhole\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Arm.jpg?v=1747667689\" alt=\"Armhole\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure vertically from the shoulder seam down to the bottom of the armhole seam.\u003c\/p\u003e\n\n      \u003ch4\u003eBody Length\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Length.jpg?v=1747667689\" alt=\"Body Length\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the center of the base of the collar (just below the collar band) straight down to the bottom hem.\u003c\/p\u003e \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"measure-content bottoms\" style=\"display: none;\"\u003e\n      \u003ch4\u003eWaist\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Waist.jpg?v=1747667719\" alt=\"Waist\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the top of the waistband from edge to edge, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eFront Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Front_Rise.jpg?v=1747667719\" alt=\"Front Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure the front rise from the crotch seam straight up to the top of the front waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eBack Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Back_Rise.jpg?v=1747667719\" alt=\"Back Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch seam to the top of the back waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eHip Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Hip.jpg?v=1747667719\" alt=\"Hip Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 7.5 cm (or 3 inches) up from the crotch seam, then go straight across from side to side while laid flat, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eThigh Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Thigh.jpg?v=1747667719\" alt=\"Thigh Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure horizontally from the crotch seam straight out to the outer edge of the thigh.\u003c\/p\u003e \n\n      \u003ch4\u003eKnee\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_1.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 33 cm (or 13 inches) down from the crotch seam along the inside leg seam.\u003c\/p\u003e \n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_2.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the leg from one side to the other.\u003c\/p\u003e \n\n      \u003ch4\u003eInseam\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Inseam.jpg?v=1747667719\" alt=\"Inseam\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch stitch all the way to the end of the leg.\u003c\/p\u003e \n\n      \u003ch4\u003eLeg Opening\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Leg.jpg?v=1747667719\" alt=\"Leg Opening\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom cuff — from one side of the leg opening to the other.\u003c\/p\u003e \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.measure-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    button.classList.add('active');\n    const type = button.getAttribute('data-type');\n    document.querySelectorAll('.measure-content').forEach(content =\u003e {\n      content.style.display = 'none';\n    });\n    document.querySelector('.measure-content.' + type).style.display = 'block';\n  });\n});\n\u003c\/script\u003e\n\u003c!-- End How we measure --\u003e\n \u003cscript\u003e\nfunction refreshOpenDescriptionHeight(el) {\n  var wrapper = el.closest('.collapsible-content');\n  if (!wrapper) return;\n\n  var inner = wrapper.querySelector('.collapsible-content__inner');\n  if (!inner) return;\n\n  wrapper.style.height = inner.scrollHeight + 'px';\n\n  setTimeout(function() {\n    wrapper.style.height = inner.scrollHeight + 'px';\n  }, 50);\n\n  setTimeout(function() {\n    if (wrapper.classList.contains('is-open')) {\n      wrapper.style.height = 'auto';\n    }\n  }, 500);\n}\n\ndocument.querySelectorAll('.custom-tab-nav li').forEach(tab =\u003e {\n  tab.addEventListener('click', function() {\n    var tabsWrap = this.closest('.custom-tabs');\n    if (!tabsWrap) return;\n\n    tabsWrap.querySelectorAll('.custom-tab-nav li').forEach(li =\u003e li.classList.remove('active'));\n    tabsWrap.querySelectorAll('.custom-tab-content').forEach(content =\u003e content.classList.remove('active'));\n\n    this.classList.add('active');\n\n    var target = tabsWrap.querySelector('#' + this.dataset.tab);\n    if (target) target.classList.add('active');\n\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', function() {\n    setTimeout(() =\u003e {\n      refreshOpenDescriptionHeight(this);\n    }, 30);\n  });\n});\n\nwindow.convertSize = (function(originalFn) {\n  return function(unit) {\n    originalFn(unit);\n    setTimeout(() =\u003e {\n      var activeTab = document.querySelector('.custom-tab-content.active');\n      if (activeTab) refreshOpenDescriptionHeight(activeTab);\n    }, 30);\n  };\n})(window.convertSize);\n\ndocument.querySelectorAll('#measure img, #intro img, #details img, #size img').forEach(img =\u003e {\n  img.addEventListener('load', function() {\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\nwindow.addEventListener('resize', function() {\n  var activeTab = document.querySelector('.custom-tab-content.active');\n  if (activeTab) refreshOpenDescriptionHeight(activeTab);\n});\n\u003c\/script\u003e \n\u003c\/div\u003e","brand":"Sugar \u0026 Co.","offers":[{"title":"Faded Black \/ M","offer_id":54730828448035,"sku":null,"price":25300.0,"currency_code":"JPY","in_stock":true},{"title":"Faded Black \/ L","offer_id":54730848993571,"sku":null,"price":25300.0,"currency_code":"JPY","in_stock":true},{"title":"Faded Black \/ XL","offer_id":54730849026339,"sku":null,"price":25300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/1_f39459c8-2c5c-43ad-881e-3bd0671f9c6c.jpg?v=1770911086"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/collections\/sugar-co.jpg?v=1776281471","url":"https:\/\/www.mentionclothing.com\/collections\/sugar-co.oembed","provider":"MENTION CLOTHING","version":"1.0","type":"link"}