{"title":"모두","description":"","products":[{"product_id":"rush-guard","title":"rash guard (for kids) ","description":"\u003cp data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003emodel :\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003eEmiri 110cm size3 , Eito 118cm size4\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003e(각각 착용 사진 하단에 모델 이름과 신장이 있습니다. 참고하십시오.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e 앞으로의 시즌에 필수적인 러쉬 가드. ooju에서는 신형을 전개하겠습니다.\u003cbr\u003e\u003c\/p\u003e\n\n \u003cp data-mce-fragment=\"1\"\u003e후드 첨부로 길이를 길게 하는 것으로, 보다 길게 사용하실 수 있습니다.\u003cbr\u003e 포켓에는 ooju 자수를 베풀어 자연스럽게도 포인트가 되고 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 색상도 ooju 같은 올리브와 퍼플.\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e 통기성, 속건성, 신축성이 있는 소재를 사용하고 있기 때문에 수영장이나 바다 등의 물놀이시에 강한 햇볕이나 부상으로부터도 피부를 지킵니다.\u003cbr\u003e\u003cbr data-mce-fragment=\"1\"\u003e 어른 사이즈도 전개하는 이쪽은 갖추어진 착용도 추천합니다!\u003cbr\u003e 앞으로의 시즌에 꼭 도입해 보세요. \u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e color : \u003cspan data-mce-fragment=\"1\"\u003epurple , olive\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e 크기 : 1, 2, 3, 4\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e ㅤ\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003ematerial: 나일론 80% 폴리우레탄 20%\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/23ss2_57d245de-4324-41e9-a4f0-5d37f262e3be_480x480.png?v=1686754675\"\u003e\u003c\/div\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\n\u003ctable width=\"100%\" data-mce-fragment=\"1\"\u003e\n\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\n\u003ctr style=\"height: 19px;\" data-mce-fragment=\"1\"\u003e\n\n\u003ctd style=\"width: 147.273px; height: 19px;\" data-mce-fragment=\"1\"\u003e 크기\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 19px;\" data-mce-fragment=\"1\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 19px;\" data-mce-fragment=\"1\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 19px;\" data-mce-fragment=\"1\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 19px;\" data-mce-fragment=\"1\"\u003e 4 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\" data-mce-fragment=\"1\"\u003e\n\n\u003ctd style=\"width: 147.273px; height: 35px;\" data-mce-fragment=\"1\"\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003eA:옷길이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 35px;\" data-mce-fragment=\"1\"\u003e 36.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 35px;\" data-mce-fragment=\"1\"\u003e 41.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 35px;\" data-mce-fragment=\"1\"\u003e 46.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 35px;\" data-mce-fragment=\"1\"\u003e 51.5 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\" data-mce-fragment=\"1\"\u003e\n\n\u003ctd style=\"width: 147.273px; height: 19px;\" data-mce-fragment=\"1\"\u003e B:품\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 19px;\" data-mce-fragment=\"1\"\u003e 58\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 19px;\" data-mce-fragment=\"1\"\u003e 62\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 19px;\" data-mce-fragment=\"1\"\u003e 66\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 19px;\" data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 70 \u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 22.9062px;\" data-mce-fragment=\"1\"\u003e\n\n\u003ctd style=\"width: 147.273px; height: 22.9062px;\" data-mce-fragment=\"1\"\u003e \u003cspan\u003eC:소매 길이\u003c\/span\u003e\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 22.9062px;\" data-mce-fragment=\"1\"\u003e 27.2\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.734px; height: 22.9062px;\" data-mce-fragment=\"1\"\u003e 30.2\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 22.9062px;\" data-mce-fragment=\"1\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"width: 114.758px; height: 22.9062px;\" data-mce-fragment=\"1\"\u003e 35.2 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0044.jpg?v=1686752662\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0044.jpg?v=1686752662\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0046.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0046.jpg?v=1686752663\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0051.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0051.jpg?v=1686752663\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0057.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0057.jpg?v=1686752663\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0064_567cd9d5-382f-4ec5-bf94-2d6a5adc196a.jpg?v=1686752662\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0064_567cd9d5-382f-4ec5-bf94-2d6a5adc196a.jpg?v=1686752662\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0188.jpg?v=1686752719\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0188.jpg?v=1686752719\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0180.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0180.jpg?v=1686752663\" alt=\"Image7\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0178.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0178.jpg?v=1686752663\" alt=\"Image8\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0184.jpg?v=1686752663\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0184.jpg?v=1686752663\" alt=\"Image9\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n \u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"purple \/ 1","offer_id":42617810419905,"sku":"OJ050202CU120PL05","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"purple \/ 2","offer_id":42617810452673,"sku":"OJ050202CU120PL06","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"purple \/ 3","offer_id":42617810485441,"sku":"OJ050202CU120PL07","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"purple \/ 4","offer_id":42617814646977,"sku":"OJ050202CU120PL08","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"올리브 \/ 1","offer_id":42617810550977,"sku":"OJ050202CU120KH05","price":3234.0,"currency_code":"JPY","in_stock":true},{"title":"올리브 \/ 2","offer_id":42617810616513,"sku":"OJ050202CU120KH06","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"올리브 \/ 3","offer_id":42617810682049,"sku":"OJ050202CU120KH07","price":3234.0,"currency_code":"JPY","in_stock":false},{"title":"올리브 \/ 4","offer_id":42617814679745,"sku":"OJ050202CU120KH08","price":3234.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/025A6789.jpg?v=1686753433"},{"product_id":"check-pattrened-shirt","title":"check patterned shirt_navy","description":"\u003cp\u003e \u003cspan data-mce-fragment=\"1\"\u003e원단의 깨끗한 셔츠를 만들었습니다.\u003c\/span\u003e \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003e체크 무늬가 세련되고, 버튼도 링 버튼을 베풀고 있으므로, 한 버릇 있는 셔츠가 되어 있습니다.\u003cbr\u003e 디렉터 취향의 입는 방법은 아래의 버튼을 몇 개 열어, 이너 놀이를 하는 코디네이터. 거북이와 티셔츠 등 다양한 탑스와 레이어드를 즐기세요.\u003cbr\u003e 물론 심플하게 겉옷이나 닫아 입는 스타일도 추천합니다.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e model : Kou 90cm size1 , Tsuzumi 104cm size2 , Hinata 114cm size3\u003cbr\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003ebeige , navy\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 폴리에스터 70%, 레이온 25%, 폴리우레탄 5%\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤㅤ \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003ctable width=\"100%\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 1\u003c\/td\u003e\n\n\u003ctd\u003e 2\u003c\/td\u003e\n\n\u003ctd\u003e 3\u003c\/td\u003e\n\n\u003ctd\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 47\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 52\u003c\/td\u003e\n\n\u003ctd\u003e 57\u003c\/td\u003e\n\n\u003ctd\u003e 65\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 41.5\u003c\/td\u003e\n\n\u003ctd\u003e 44.5\u003c\/td\u003e\n\n\u003ctd\u003e 46.5\u003c\/td\u003e\n\n\u003ctd\u003e 48.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd\u003e 27.3\u003c\/td\u003e\n\n\u003ctd\u003e 32\u003c\/td\u003e\n\n\u003ctd\u003e 36\u003c\/td\u003e\n\n\u003ctd\u003e 42.3\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd\u003e 80-90\u003c\/td\u003e\n\n\u003ctd\u003e 95-105\u003c\/td\u003e\n\n\u003ctd\u003e 110-120\u003c\/td\u003e\n\n\u003ctd\u003e 120-130 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0416.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0416.jpg?v=1694067334\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9293.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9293.jpg?v=1694067334\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9297_0b0e0675-3377-4ce0-a486-d7e06773c882.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9297_0b0e0675-3377-4ce0-a486-d7e06773c882.jpg?v=1694067334\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0424.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0424.jpg?v=1694067334\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0426.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0426.jpg?v=1694067334\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9384.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9384.jpg?v=1694067334\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9393.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9393.jpg?v=1694067334\" alt=\"Image7\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9387_c707cedc-f84f-44a3-91b1-e3deebd49de6.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9387_c707cedc-f84f-44a3-91b1-e3deebd49de6.jpg?v=1694067334\" alt=\"Image8\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9392.jpg?v=1694067335\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9392.jpg?v=1694067335\" alt=\"Image9\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9396.jpg?v=1694067334\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9396.jpg?v=1694067334\" alt=\"Image10\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":42712223219905,"sku":"OJ0601230402CU096NV02","price":3300.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/denim-check1.png?v=1725360757"},{"product_id":"s-s-rib-t-shirt-for-kids","title":"tulle tops (for kids)","description":"\u003cp data-mce-fragment=\"1\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel :\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003eEmma 84cm size1 , Ten 103cm size2 ,Hinata 114cm size3\u003c\/span\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cbr\u003e올해도 맹활약할 것 같은 튤 아이템. 어른 사이즈도 전개하는 심플한 터틀넥의 탑스는 등에 스티치를 베푼 심플하면서도 소화감 있는 디자인. 칼라 전개도 네이비나 카키 등, 사람 버릇 있는 컬러링인 것도 특징입니다. 원피스나 데님, 스웨트에 레이어드 하거나 등 다양한 아이템의 레이어드에 도입해 보세요.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e color : khaki , navy , black\u003cbr data-mce-fragment=\"1\"\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e ㅤ\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003ematerial : 폴리에스텔 90%, 폴리우레탄 10%\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-fragment=\"1\" data-mce-style=\"text-align: left;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/1_b8f3b32c-5c58-4008-ac50-f758246a424f_480x480.png?v=1690856927\"\u003e\u003c\/div\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e \u003cspan data-mce-fragment=\"1\"\u003eㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" data-mce-fragment=\"1\"\u003e\n\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 크기\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 1\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 2\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 3\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e A:품\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 29.5\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 31.5\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 34\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 36.5 \u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e B:옷길이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 40\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 45\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e\n\n\u003cp\u003e 50 \u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e C:어깨 폭\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 22\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 24\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 26\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 28\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e D:소매 길이\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 34\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 38\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 42\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 46\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr data-mce-fragment=\"1\"\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd data-mce-fragment=\"1\"\u003e 110-120\u003c\/td\u003e\n\n \u003ctd data-mce-fragment=\"1\"\u003e125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp data-mce-fragment=\"1\"\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8287.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8287.jpg?v=1692275495\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8289.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8289.jpg?v=1692275495\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8292.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8292.jpg?v=1692275495\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8299.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8299.jpg?v=1692275495\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8304.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8304.jpg?v=1692275495\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8293.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8293.jpg?v=1692275495\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8297.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8297.jpg?v=1692275495\" alt=\"Image7\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8377_a80972d8-6e3c-45ca-b2b2-cb68d47edac0.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8377_a80972d8-6e3c-45ca-b2b2-cb68d47edac0.jpg?v=1692275495\" alt=\"Image8\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8378.jpg?v=1692275495\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8378.jpg?v=1692275495\" alt=\"Image9\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ 카키","offer_id":42712341512385,"sku":"OJ050402CU093KH05","price":2475.0,"currency_code":"JPY","in_stock":true},{"title":"1 \/ navy","offer_id":42712341545153,"sku":"OJ050402CU093NV05","price":2475.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ 카키","offer_id":42712348197057,"sku":"OJ050402CU093KH06","price":2475.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ navy","offer_id":42712348229825,"sku":"OJ050402CU093NV06","price":2475.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/tule1.png?v=1692336660"},{"product_id":"denim-shirt-navy","title":"denim shirt","description":"\u003cp\u003e \u003cspan data-mce-fragment=\"1\"\u003e본격적인 데님 원단을 사용한 원 워시 셔츠.\u003c\/span\u003e \u003cbr\u003e\u003cspan data-mce-fragment=\"1\"\u003e셔츠를 좋아하는 디렉터가 실루엣에 구애되어, 어른스러움을 최대한으로 표현한 혼신의 1장입니다.\u003cbr\u003e 버튼 사양으로 클래식한 디자인도 헌 옷 같은 분위기로 귀엽습니다.\u003cbr\u003e 튈 탑스나 파일의 T등, 레이어드에도 향하고 있으므로, 다양한 코디네이터를 즐길 수 있습니다.\u003cbr\u003e 데님 원단으로되어 있기 때문에, 색 이동 등주의하시기 바랍니다.\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e model : Tsuzumi 104cm size2 , Hinata 114cm size3\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan data-mce-fragment=\"1\"\u003e\u003cmeta charset=\"utf-8\"\u003e(각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003enavy\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 코튼 100%\u003cbr\u003e\u003c\/span\u003e ※이쪽의 제품은 인디고 염색을의 제품이 되기 때문에 이하에 주의해 주십시오. \u003cbr\u003e・착용중에, 다른 의류나 백, 의자등 하는 것으로 색이 옮겨지는 일이 있습니다.\u003cbr\u003e 엷은 색, 흰색 제품과 조합하는 경우에는 특히 주의해 주십시오.\u003cbr\u003e・탈색하므로 다른 것과 함께 세탁하지 말아 주세요.\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/77328aab023d62ce64e50ef289755990_480x480.png?v=1694050988\"\u003e ㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003ctable width=\"100%\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 1\u003c\/td\u003e\n\n\u003ctd\u003e 2\u003c\/td\u003e\n\n\u003ctd\u003e 3\u003c\/td\u003e\n\n\u003ctd\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 47\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 52\u003c\/td\u003e\n\n\u003ctd\u003e 57\u003c\/td\u003e\n\n\u003ctd\u003e 69\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 44\u003c\/td\u003e\n\n\u003ctd\u003e 47\u003c\/td\u003e\n\n\u003ctd\u003e 49\u003c\/td\u003e\n\n\u003ctd\u003e 51\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd\u003e 28\u003c\/td\u003e\n\n\u003ctd\u003e 32.5\u003c\/td\u003e\n\n\u003ctd\u003e 36.5\u003c\/td\u003e\n\n\u003ctd\u003e 42.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd\u003e 80-90\u003c\/td\u003e\n\n\u003ctd\u003e 95-105\u003c\/td\u003e\n\n\u003ctd\u003e 110-120\u003c\/td\u003e\n\n\u003ctd\u003e 120-130 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429.jpg?v=1694067301\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436.jpg?v=1694067301\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9362.jpg?v=1694067300\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9362.jpg?v=1694067300\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9368.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9368.jpg?v=1694067301\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9364.jpg?v=1694067301\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9364.jpg?v=1694067301\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":42765407158465,"sku":"OJ0601230402SH100NV02","price":3575.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/senimshit.png?v=1725361062"},{"product_id":"ooju-jeans-gy","title":"ooju jeans_grey","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003emodel : Kai\u003c\/span\u003e \u003cspan\u003e78cm size1 , Tumugi 98.7cm size2\u003cbr\u003e\u003c\/span\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e \u003cspan\u003eooju 중에서도 부동의 대인기 아이템, 이번은 신색을 추가했습니다.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e아이스 블루를 기반으로 데미지 가공을 한 앞으로의 계절에 코디하기 쉬운 색상입니다.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eT셔츠는 물론, 블라우스나 셔츠, 가을구치에는 터틀넥 니트 등, ooju jeans의 특색인 실루엣의 장점이 아이템을 선택하지 않고 맞출 수 있습니다.\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e벌써 가지고 계신 분도 앞으로 새롭게 하는 분에게도, 매우 추천의 1개입니다.\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n \u003cp\u003ecolor : \u003cspan data-mce-fragment=\"1\"\u003egray, indigo\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial:\u003cmeta charset=\"utf-8\"\u003e 본체\/면 100%\u003cbr\u003e\u003c\/span\u003e \u003cspan\u003e패치\/합성 피혁\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/11_bc5d51c1-a8e6-4aa7-acf4-c68e79619569_480x480.png?v=1650013082\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cp\u003e \u003cspan\u003e※사이즈 1만 웨스트 고무의 이지 사양이 됩니다. 사이즈 2~4는 어저스터로 웨스트를 조정할 수 있는 사양이 됩니다. ㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003ctable width=\"100%\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e 크기\u003c\/td\u003e\n\n\u003ctd\u003e 1\u003c\/td\u003e\n\n\u003ctd\u003e 2\u003c\/td\u003e\n\n\u003ctd\u003e 3\u003c\/td\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e 4\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e 신장\u003c\/td\u003e\n\n\u003ctd\u003e 80-90\u003c\/td\u003e\n\n\u003ctd\u003e 95-105\u003c\/td\u003e\n\n\u003ctd\u003e 110-120\u003c\/td\u003e\n\n\u003ctd\u003e 120-130\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e A: 허리\u003c\/td\u003e\n\n\u003ctd\u003e 42\u003c\/td\u003e\n\n\u003ctd\u003e 55\u003c\/td\u003e\n\n\u003ctd\u003e 58\u003c\/td\u003e\n\n\u003ctd\u003e 62.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\n\n\u003cp\u003e B: 엉덩이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd\u003e 33.5\u003c\/td\u003e\n\n\u003ctd\u003e 32.3\u003c\/td\u003e\n\n\u003ctd\u003e 33.7\u003c\/td\u003e\n\n\u003ctd\u003e 36\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e C: 가랑이\u003c\/td\u003e\n\n\u003ctd\u003e 19\u003c\/td\u003e\n\n\u003ctd\u003e 19.5\u003c\/td\u003e\n\n\u003ctd\u003e 21\u003c\/td\u003e\n\n\u003ctd\u003e 22\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e D: 밑아래\u003c\/td\u003e\n\n\u003ctd\u003e 27\u003c\/td\u003e\n\n\u003ctd\u003e 37.5\u003c\/td\u003e\n\n\u003ctd\u003e 46\u003c\/td\u003e\n\n\u003ctd\u003e 52\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e E:모모 폭\u003c\/td\u003e\n\n\u003ctd\u003e 20\u003c\/td\u003e\n\n\u003ctd\u003e 21\u003c\/td\u003e\n\n\u003ctd\u003e 22.5\u003c\/td\u003e\n\n\u003ctd\u003e 23.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e F:단 폭\u003c\/td\u003e\n\n\u003ctd\u003e 12.5\u003c\/td\u003e\n\n\u003ctd\u003e 14.2\u003c\/td\u003e\n\n\u003ctd\u003e 15.5\u003c\/td\u003e\n\n\u003ctd\u003e 16.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7625.jpg?v=1675658420\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7625.jpg?v=1675658420\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7634.jpg?v=1675658411\"\u003e\u003cimg alt=\"Image3\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7634.jpg?v=1675658411\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7639.jpg?v=1675658412\"\u003e\u003cimg alt=\"Image4\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7639.jpg?v=1675658412\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7644.jpg?v=1675658412\"\u003e\u003cimg alt=\"Image5\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7644.jpg?v=1675658412\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/jeans-ooju.jpg?v=1702264350\"\u003e\u003cimg alt=\"Image8\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/jeans-ooju.jpg?v=1702264350\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7879.jpg?v=1675658412\"\u003e\u003cimg alt=\"Image9\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7879.jpg?v=1675658412\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7876.jpg?v=1675658413\"\u003e\u003cimg alt=\"Image10\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7876.jpg?v=1675658413\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7885.jpg?v=1675658413\"\u003e\u003cimg alt=\"Image11\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7885.jpg?v=1675658413\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7897.jpg?v=1675658412\"\u003e\u003cimg alt=\"Image12\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7897.jpg?v=1675658412\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7889.jpg?v=1675658413\"\u003e\u003cimg alt=\"Image13\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7889.jpg?v=1675658413\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7871.jpg?v=1675658413\"\u003e\u003cimg alt=\"Image14\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7871.jpg?v=1675658413\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt; \n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n \u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e\u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e\u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e\u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"그레이 \/ 1","offer_id":47406336442561,"sku":"OJ0601240103PT157GY02","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"그레이 \/ 2","offer_id":47406336475329,"sku":"OJ0601240103PT157GY03","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/denim4_6b96143f-aa5f-49eb-bc79-a8a9cae40044.jpg?v=1732264240"},{"product_id":"paperly-knitkids_gy","title":"paperly knit(kids)","description":"\u003cp\u003e 올해는 더 눈이 거친 뜨개질 땅에서 푹신한 니트를 만들었습니다. 색감도 사용하기 쉬운 그레이지와 차콜의 2색 전개입니다.\u003cbr\u003e 느슨한 보이는 느낌의 니트이므로 하의를 가리지 않고 소화된 코디를 즐길 수 있습니다. 어른 사이즈도 전개하므로, 갖추어져도 입고 싶은 아이템입니다.\u003c\/p\u003e\n\n\u003cp\u003e model : Tensei 116cm size3 , Kinari 123cm (레이디스 착용)\u003cbr\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003c\/p\u003e\n\n \u003cp\u003ecolor : \u003cspan\u003echarcoal , \u003ca href=\"https:\/\/ooju.jp\/collections\/newarrival\/products\/paperly-knitkids%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC?variant=47686510575809\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003egreige\u003c\/span\u003e\u003c\/a\u003e\u003cbr\u003e\u003c\/span\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial:면 75% 나일론 25%\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/24ss-1_480x480.png?v=1708490838\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/24ss-1_480x480.png?v=1708490838\"\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable height=\"161\" style=\"width: 396px;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e 크기\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px; text-align: center;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px; text-align: center;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px; text-align: center;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px; text-align: center;\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e A:품\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 44\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 49\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 55\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e\n\n\u003cp\u003e B:옷길이\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 39.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 41.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 48\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 50\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e c:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 23.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 28.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 32.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 39\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e D:천건\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 12.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 13\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 14\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 14.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 47px;\"\u003e\n\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e신장(cm)\u003c\/span\u003e\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 68.5547px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"width: 74.4453px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"width: 83px;\"\u003e 125-135 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0027_94c41d49-96f2-413e-8448-ecac502cc988.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0027_94c41d49-96f2-413e-8448-ecac502cc988.jpg?v=1708519422\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0030.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0030.jpg?v=1708519422\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0036.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0036.jpg?v=1708519422\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0089.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0089.jpg?v=1708519422\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0088_372f56ba-f655-465d-9ce0-36fe6697f9ec.jpg?v=1708519422\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0088_372f56ba-f655-465d-9ce0-36fe6697f9ec.jpg?v=1708519422\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt; \n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":47480158847169,"sku":"OJ0601240102KT147GY02","price":3740.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/grid17.jpg?v=1725361572"},{"product_id":"print-t-ladies_bg","title":"print T-shirts(ladies)","description":"\u003cp\u003e\u003cbr\u003e \u003cspan\u003eㅤ\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003egreige , charcoal\u003c\/span\u003e\u003cbr\u003e 크기 : 1\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial:\u003c\/span\u003e 면 100%\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable style=\"width: 29.1479%;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 10%;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 20.9315%;\"\u003e 1\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 10%;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 20.9315%;\"\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 10%;\"\u003e\n\n\u003cp\u003e B:가슴둘레 \u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 20.9315%;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 10%;\"\u003e C:소매 길이 \u003c\/td\u003e\n\n\u003ctd style=\"width: 20.9315%;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd style=\"width: 10%;\"\u003e 신장(cm) \u003c\/td\u003e\n\n\u003ctd style=\"width: 20.9315%;\"\u003e\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\u003c!--\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e\u003cbr\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3129.jpg?v=1681904829\" data-size=\"750x1050\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt; \n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e \n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e\u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e","brand":"OOJU","offers":[{"title":"greige","offer_id":47675189625025,"sku":"OJ0101240202CU143BG09","price":3850.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1271_-2.jpg?v=1710835632"},{"product_id":"puff-blousekids_bk","title":"2 way puff blouse","description":"\u003cp\u003e 올해도 어른 귀여운 블라우스가 등장합니다. \u003cbr data-mce-fragment=\"1\"\u003e소매와 등에 사다리 레이스를 베풀고 투명감을 내고 있기 때문에 앞으로의 시기는 탱크 탑이나 캐미솔, 가을 입에는 터틀넥 니트를 레이어드하고 입는 것도 가능합니다.\u003cbr data-mce-fragment=\"1\"\u003e V 넥이 된 옷길과 등의 디자인은 모두 앞에 입을 수 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 원단도 촉감을 중시하고 부드러운 코튼을 채용했습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e model : Tumugi 98.7cm size2\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003eblack , \u003ca href=\"https:\/\/ooju.jp\/products\/puff-blousekids%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eivory\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 면 100%\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\"\u003e ㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 43\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 47 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 35\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 38\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 40\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 42\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 37.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 43.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 48.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n    \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905g\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e \n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n\u003c\/button\u003e\n \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n\u003c\/button\u003e \n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ 블랙","offer_id":47686519193793,"sku":"OJ0601240102SH134BK02","price":3300.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ 블랙","offer_id":47686519259329,"sku":"OJ0601240102SH134BK03","price":3300.0,"currency_code":"JPY","in_stock":false},{"title":"3 \/ 블랙","offer_id":47686519324865,"sku":"OJ0601240102SH134BK04","price":3300.0,"currency_code":"JPY","in_stock":false},{"title":"4 \/ 블랙","offer_id":47686519390401,"sku":"OJ0601240102SH134BK05","price":3300.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/0E9A2404.jpg?v=1713762559"},{"product_id":"puff-blousekids-iv","title":"2 way puff blouse","description":"\u003cp\u003e 올해도 어른 귀여운 블라우스가 등장합니다.\u003cbr data-mce-fragment=\"1\"\u003e 소매와 등에 사다리 레이스를 베풀고 투명감을 내고 있기 때문에 앞으로의 시기는 탱크 탑이나 캐미솔, 가을 입에는 터틀넥 니트를 레이어드하고 입는 것도 가능합니다.\u003cbr data-mce-fragment=\"1\"\u003e V 넥이 된 옷길과 등의 디자인은 모두 앞에 입을 수 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 원단도 촉감을 중시하고 부드러운 코튼을 채용했습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e model : Hana 121cm size4\u003cbr\u003e\u003c\/p\u003e\n\n \u003cp\u003e(각각 착용 사진 하부에 모델명과 신장이 있습니다. 참고해 주십시오.)\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003eivory , \u003ca href=\"https:\/\/ooju.jp\/products\/puff-blousekids\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eblack\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 면 100%\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\"\u003e ㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" style=\"width: 100%; height: 143px;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 4 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 43\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 47 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 35px;\"\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 35px;\"\u003e 35\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 35px;\"\u003e 38\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 40\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 35px;\"\u003e 42 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 19px;\"\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 19px;\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 19px;\"\u003e 37.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 43.5\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 48.5 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"width: 27.9412%; height: 19px;\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd style=\"width: 14.1544%; height: 19px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"width: 16.9118%; height: 19px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"width: 19.4853%; height: 19px;\"\u003e 125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0387.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0387.jpg?v=1709707906\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0405_8cae322e-f572-4dd5-985a-10dc2678c594.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0405_8cae322e-f572-4dd5-985a-10dc2678c594.jpg?v=1709707906\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n             \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429_2e4d7349-2e4d-479d-bdc0-a498b6c54edf.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0429_2e4d7349-2e4d-479d-bdc0-a498b6c54edf.jpg?v=1709707906\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436_2cec0844-ec1e-40f6-9a3f-92ff549230f5.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0436_2cec0844-ec1e-40f6-9a3f-92ff549230f5.jpg?v=1709707906\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0434.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0434.jpg?v=1709707906\" alt=\"Image6\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \n\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n\u003c\/button\u003e\n \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n\u003c\/button\u003e \n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ ivory","offer_id":47741433020609,"sku":"OJ0601240102SH134IV02","price":3300.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ ivory","offer_id":47741433086145,"sku":"OJ0601240102SH134IV03","price":3300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/koharu3.png?v=1713762721"},{"product_id":"knit-bustier-lime","title":"knit bustier","description":"\u003cp\u003eoojuのアイテムはシンプルな物が多く、だからこそのレイヤードアイテムを発売します。肩はリボンにして長さ調整が可能なニットビスチェです。そのままでももちろん、Tシャツやブラウスにレイヤードしてコーディネートを楽しんでください。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Emma 89cm sizeS\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e lime , \u003ca href=\"https:\/\/ooju.jp\/collections\/all\/products\/knit-bustier-%E3%83%81%E3%83%A3%E3%82%B3%E3%83%BC%E3%83%AB?variant=47875104833729\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003echarcoal\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003esize : S , M \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： アクリル 52%　コットン43%　ポリウレタン5%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/bische_480x480.png?v=1712198301\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"width: 35.8063%;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 10%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e2\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 10%;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e\n\u003cp\u003e20.5\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e22.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 10%;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e14\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e19\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 10%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e95-110\u003c\/td\u003e\n\u003ctd style=\"width: 10%;\"\u003e115-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2784_f42fb4d3-df55-4e82-9339-efc59d00f2ee.jpg?v=1712047564\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2784_f42fb4d3-df55-4e82-9339-efc59d00f2ee.jpg?v=1712047564\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2795.jpg?v=1712047564\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2795.jpg?v=1712047564\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2802.jpg?v=1712047564\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2802.jpg?v=1712047564\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2817.jpg?v=1712047565\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2817.jpg?v=1712047565\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2821.jpg?v=1712047564\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2821.jpg?v=1712047564\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2823.jpg?v=1712047565\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_2823.jpg?v=1712047565\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"S \/ lime","offer_id":47875105259713,"sku":"OJ0601240102KT150LG02","price":2475.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/m010_0944.jpg?v=1712048787"},{"product_id":"denim-over-all-nv","title":"denim over all_navy","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eoojuでも人気の高いオーバーオールシリーズ。\u003cbr\u003e程よいストレッチ感のあるデニム素材のオーバーオールは、アクティブなキッズの動きを邪魔せず、着脱しやすいのも嬉しいポイント。\u003cbr\u003e濃いめの生地を採用し、シルエットもベーシックながらもお尻のラインや背中のラインにこだわりました。\u003cbr\u003eデニム生地となっておりますので、色移りなど、ご注意ください。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel : Ichika 105cm  size3　\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e navy、\u003cspan style=\"text-decoration: underline;\"\u003eivory\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003esize : 1 , 2 , 3 ,4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン 95%、ポリウレタン 5%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e※こちらの製品はインディゴ染めをの製品になりますので以下のにご注意ください。\u003cbr data-mce-fragment=\"1\"\u003e　・着用中に、ほかの衣類やバック、椅子などすれることで色が移ることがあります。\u003cbr data-mce-fragment=\"1\"\u003e　　淡色、白の製品と組み合わせる場合には特にご注意ください。\u003cbr data-mce-fragment=\"1\"\u003e　・色落ちしますので他ものと一緒に洗濯しないでください。\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\" data-mce-style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/c_600x600.png?v=1716373839\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003esize \u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd\u003e29\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cp\u003eB:股上\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd\u003e19\u003c\/td\u003e\n\u003ctd\u003e21\u003c\/td\u003e\n\u003ctd\u003e22.5\u003c\/td\u003e\n\u003ctd\u003e23.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eC:股下\u003c\/td\u003e\n\u003ctd\u003e25\u003c\/td\u003e\n\u003ctd\u003e31\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e48.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e身長（cm）\u003c\/td\u003e\n\u003ctd\u003e80-90\u003c\/td\u003e\n\u003ctd\u003e95-105\u003c\/td\u003e\n\u003ctd\u003e110-120\u003c\/td\u003e\n\u003ctd\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n    \u003cdiv class=\"slider_wrap\"\u003e\n        \u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9617.jpg?v=1716373893\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9617.jpg?v=1716373893\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9576.jpg?v=1716373892\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9576.jpg?v=1716373892\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9587.jpg?v=1716373892\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9587.jpg?v=1716373892\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9577.jpg?v=1716373891\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9577.jpg?v=1716373891\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9580.jpg?v=1716373890\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9580.jpg?v=1716373890\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n              \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n    \u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n    \u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n    \u003c!-- Slides wrapper with overflow:hidden. --\u003e\n    \u003cdiv class=\"pswp__scroll-wrap\"\u003e\n        \u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n        \u003cdiv class=\"pswp__container\"\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n        \u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n            \u003cdiv class=\"pswp__top-bar\"\u003e\n                \u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n                \u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n                \u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n                \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n                \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n                \u003cdiv class=\"pswp__preloader\"\u003e\n                    \u003cdiv class=\"pswp__preloader__icn\"\u003e\n                      \u003cdiv class=\"pswp__preloader__cut\"\u003e\n                        \u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n                      \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n                \u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e \n            \u003c\/div\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n            \u003c\/button\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n            \u003c\/button\u003e\n            \u003cdiv class=\"pswp__caption\"\u003e\n                \u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":48186108543169,"sku":"OJ0601240204OP171NV02","price":8250.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ navy","offer_id":48186108575937,"sku":"OJ0601240204OP171NV03","price":8250.0,"currency_code":"JPY","in_stock":false},{"title":"3 \/ navy","offer_id":48186108608705,"sku":"OJ0601240204OP171NV04","price":8250.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ navy","offer_id":48186108641473,"sku":"OJ0601240204OP171NV05","price":8250.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_4979_5e5570df-b944-4439-b24e-da6ae2f36c86.jpg?v=1775629415"},{"product_id":"haruna-kawai-tote_bg","title":"haruna kawai x ooju tote bag","description":"\u003cp\u003eニュアンスカラーのシンプルなトートバッグ。\u003cbr\u003eTシャツと同じモチーフを使いながら、バッグに合わせた落ち着きのあるカラートーンに。\u003cbr\u003eA4がすっきり収まるので、キッズの習い事バッグやサブバッグはもちろん、大人でも使いやすいサイズ感。\u003cbr\u003e親子でさりげなくお揃いのモチーフが楽しめます。\u003cbr\u003e\u003cbr\u003ecolor : \u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003egreen , \u003ca href=\"https:\/\/ooju.jp\/collections\/all\/products\/ooju-x-haruna-kawai-toto-bag-bg?variant=48186219397313\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003egreige\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\" data-mce-style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003ematerial： \u003cspan\u003eコットン\u003c\/span\u003e 100%ㅤ\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"width: 100%; height: 143px;\" data-mce-style=\"width: 100%; height: 143px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003eF\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003eA:幅\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003e\n\u003cp\u003e34\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\" data-mce-style=\"height: 35px;\"\u003e\n\u003ctd style=\"width: 66.242%; height: 35px;\" data-mce-style=\"width: 66.242%; height: 35px;\"\u003e\n\u003cp\u003eB:高さ\u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%; height: 35px;\" data-mce-style=\"width: 33.3333%; height: 35px;\"\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 66.242%;\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003eC.持ち手\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 33.3333%;\"\u003e57\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\" data-mce-style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e","brand":"OOJU","offers":[{"title":"FREE \/ greige","offer_id":48186219397313,"sku":"OJ0602240206BG162BG09","price":2970.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_4506.jpg?v=1715162610"},{"product_id":"nylon-salopetto-beige","title":"nylon salopetto_beige","description":"\u003cp\u003eさらっとした質感で軽い着心地のナイロンサロペット。\u003cbr\u003e撥水加工を施したナイロン素材で水はじきがよく、梅雨時期や水遊びのシーンで活躍する1枚。\u003cbr\u003e子どもっぽくなりすぎないよう、シルエットにもこだわりました。\u003cbr\u003e着丈はベルトで調整が可能なので、成長に合わせて長く愛用いただけます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003emodel : \u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eMia 90cm size1, \u003c\/span\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eHiyuki 91cm size2, \u003cmeta charset=\"utf-8\"\u003eIchika 108cm size3\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ナイロン 100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/091c7afd5b79f36f283a36e596136a6d_600x600.png?v=1716373229\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 154.933px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e\n\u003cp\u003e69.5\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e78.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e89\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e98\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003eB:股下\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e25.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 28.5859px;\"\u003e\n\u003ctd style=\"height: 28.5859px; width: 28.2257%;\"\u003eC:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.2697%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.0293%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.084%;\"\u003e39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2257%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.2697%;\"\u003e80-90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.367%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.0293%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.084%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"OOJU","offers":[{"title":"1 \/ beige","offer_id":48186279362753,"sku":"OJ0601240204OP167BG02","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ beige","offer_id":48186279395521,"sku":"OJ0601240204OP167BG03","price":7920.0,"currency_code":"JPY","in_stock":false},{"title":"3 \/ beige","offer_id":48186279428289,"sku":"OJ0601240204OP167BG04","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ beige","offer_id":48186279461057,"sku":"OJ0601240204OP167BG05","price":7920.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/salope3_cfb6ce04-19cb-4f52-85a2-db6b7720c334.png?v=1724294816"},{"product_id":"polo-shirts-ye","title":"polo shirts","description":"\u003cp\u003e 올해도 어른 귀여운 블라우스가 등장합니다. \u003cbr data-mce-fragment=\"1\"\u003e소매와 등에 사다리 레이스를 베풀고 투명감을 내고 있기 때문에 앞으로의 시기는 탱크 탑이나 캐미솔, 가을 입에는 터틀넥 니트를 레이어드하고 입는 것도 가능합니다.\u003cbr data-mce-fragment=\"1\"\u003e V 넥이 된 옷길과 등의 디자인은 모두 앞에 입을 수 있습니다.\u003cbr data-mce-fragment=\"1\"\u003e 원단도 촉감을 중시하고 부드러운 코튼을 채용했습니다.\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e model : Tumugi 98.7cm size2\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e (각각 착용 사진 하단에 모델명과 신장이 있습니다. 참고하십시오.)\u003cspan\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\ntd {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e color : \u003cspan\u003eblack , \u003ca href=\"https:\/\/ooju.jp\/products\/puff-blousekids%E3%81%AE%E3%82%B3%E3%83%94%E3%83%BC\"\u003e\u003cspan style=\"text-decoration: underline;\"\u003eivory\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003cbr\u003e 크기 : 1, 2, 3, 4\u003c\/p\u003e\n\n\u003cp\u003e ㅤ\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003ematerial: 면 100%\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/blouce_480x480.png?v=1709697011\"\u003e ㅤㅤ\u003c\/span\u003e \u003c\/p\u003e\n\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 크기\u003cbr\u003e\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 1\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 2\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 3\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 4\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e A:옷길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e 35\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 39\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 43\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 47 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 35px;\"\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e\n\n\u003cp\u003e B:가슴둘레\u003c\/p\u003e\n\n\n\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 35\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 38\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 40\u003c\/td\u003e\n\n\u003ctd style=\"height: 35px;\"\u003e 42\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e C:소매 길이\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 33.2\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 37.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 43.5\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 48.5\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr style=\"height: 19px;\"\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 신장(cm)\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 80-90\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 95-105\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 110-120\u003c\/td\u003e\n\n\u003ctd style=\"height: 19px;\"\u003e 125-135\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n\n\u003cdiv class=\"slider_wrap\"\u003e\n\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\n    \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0384.jpg?v=1709707906\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0397.jpg?v=1709707905\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0439.jpg?v=1709707906\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0442.jpg?v=1709707907\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0441.jpg?v=1709707905g\" alt=\"Image5\"\u003e\u003c\/a\u003e \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n\n\u003c!-- Background of PhotoSwipe. \nIt's a separate element as animating opacity is faster than rgba(). --\u0026gt;\n\u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\n\u003c!-- Container that holds slides. \nPhotoSwipe keeps only 3 of them in the DOM to save memory.\n Don't modify these 3 pswp__item elements, data is added later on. --\u0026gt; \n\u003cdiv class=\"pswp__container\"\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e \n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n\u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n\u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n\u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n\u003c\/button\u003e\n \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n\u003c\/button\u003e \n\u003cdiv class=\"pswp__caption\"\u003e\n\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ 블랙","offer_id":48238953791681,"sku":"OJ0601240202CU164YE02","price":5280.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ 블랙","offer_id":48238953824449,"sku":"OJ0601240202CU164YE03","price":5280.0,"currency_code":"JPY","in_stock":false},{"title":"3 \/ 블랙","offer_id":48238953857217,"sku":"OJ0601240202CU164YE04","price":5280.0,"currency_code":"JPY","in_stock":false},{"title":"4 \/ 블랙","offer_id":48238953889985,"sku":"OJ0601240202CU164YE05","price":5280.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/0E9A3186.jpg?v=1716262090"},{"product_id":"nylon-shorts-ye","title":"nylon shorts","description":"\u003cp\u003eこれからのシーズンに欠かせない軽撥水のナイロンショーツは、水遊びやレジャーなど、アウトドアシーンに最適です。\u003cbr\u003e軽くてストレスフリーな履き心地なので、タウンユースとしても活躍します。\u003cbr\u003e爽やかなイエローとシックな印象のモスグリーンの2色展開です。\u003c\/p\u003e\n\u003cp\u003emodel : Hiyuki 92cm size2,Ichika 105cm size3\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : yellow, \u003cspan style=\"text-decoration: underline;\"\u003emoss green\u003c\/span\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eナイロン100%\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e                \u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv data-mce-fragment=\"1\" style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/nylonpants_480x480.png?v=1717576627\"\u003e\u003c\/div\u003e\n\u003cp data-mce-fragment=\"1\"\u003e\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/p\u003e\n\u003ctable data-mce-fragment=\"1\" width=\"100%\"\u003e\n\u003ctbody data-mce-fragment=\"1\"\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 31%;\"\u003esize \u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e１\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e２\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14.1912%;\"\u003e３\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 13.8088%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 31%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e41\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e44\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14.1912%;\"\u003e47\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 13.8088%;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 31%;\"\u003e\n\u003cp data-mce-fragment=\"1\"\u003eB:ヒップ\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e36\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e37.6\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14.1912%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 13.8088%;\"\u003e41.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 31%;\"\u003eC:総丈\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e27\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14.1912%;\"\u003e31.5\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 13.8088%;\"\u003e35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr data-mce-fragment=\"1\"\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 31%;\"\u003eD:裾周り\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 14.1912%;\"\u003e26\u003c\/td\u003e\n\u003ctd data-mce-fragment=\"1\" style=\"width: 13.8088%;\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1156.jpg?v=1717491580\"\u003e\u003cimg alt=\"image1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1156.jpg?v=1717491580\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1138.jpg?v=1717491581\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1138.jpg?v=1717491581\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1142.jpg?v=1717491581\"\u003e\u003cimg alt=\"Image3\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1142.jpg?v=1717491581\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1144.jpg?v=1717491581\"\u003e\u003cimg alt=\"Image4\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_1144.jpg?v=1717491581\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ yellow","offer_id":48246175400129,"sku":"OJ0601240203PT168YE02","price":4400.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ yellow","offer_id":48246175432897,"sku":"OJ0601240203PT168YE03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ yellow","offer_id":48246175465665,"sku":"OJ0601240203PT168YE04","price":4400.0,"currency_code":"JPY","in_stock":false},{"title":"4 \/ yellow","offer_id":48246175498433,"sku":"OJ0601240203PT168YE05","price":4400.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/0E9A3905.jpg?v=1718346987"},{"product_id":"oj0601240402cu321gr","title":"【disney collection】 Mickey sweat hoodie_green","description":"\u003cp\u003e程よいオーバーサイズのシルエットがリラックスムード溢れるスウェットフーディー。\u003cbr\u003eセンターに大きくプリントされたミッキーのアートワークが、プレイフルな印象に。\u003cbr\u003e全体に洗いをかけて絶妙な風合いを出すことで、子どもっぽくなりすぎないよう生地感やプリントのかすれ具合にもこだわりました。\u003cbr\u003eミニーのスウェットフーディーとお揃いコーデを楽しむのもお勧めです。\u003c\/p\u003e\n\u003cp\u003emodel : Ichika 108cm,  size3\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\u003cp\u003ecolor : green, oatmeal, charcoal\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン63％　ポリエステル37％\u003cbr\u003e　　　　　リブ部分：ポリエステル58％　コットン30％　\u003cbr\u003e　　　　　　　　　　レーヨン10％　ポリウレタン2％\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/24aw-disney.png?v=1729077722\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ctable style=\"width: 91.8097%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e\n\u003cp\u003e4\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e45.5\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e51\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e40.5\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e45\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e53.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e43.5\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e46.4\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e48.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003eD:袖丈\u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e23\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e27.5\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e35.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 28.2257%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 14.2986%;\"\u003e80-90\u003c\/td\u003e\n\u003ctd style=\"width: 17.084%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"width: 19.6837%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6180.jpg?v=1728991039\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6180.jpg?v=1728991039\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6184.jpg?v=1728991039\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6184.jpg?v=1728991039\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6187.jpg?v=1728991039\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6187.jpg?v=1728991039\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6189.jpg?v=1728991039\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6189.jpg?v=1728991039\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"green \/ 1","offer_id":48636460302529,"sku":"OJ0601240402CU321GR02","price":4125.0,"currency_code":"JPY","in_stock":true},{"title":"green \/ 2","offer_id":48636460335297,"sku":"OJ0601240402CU321GR03","price":4125.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/1015-1.png?v=1728988831"},{"product_id":"oj0601240404op320br","title":"corduroy over all_charcoal","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eoojuでも人気の高いオーバーオールシリーズにコーデュロイ素材が登場。\u003cbr\u003e\u003cbr\u003e程よいストレッチ感のあるコーデュロイ素材のオーバーオールは、アクティブなキッズの動きを邪魔せず、着脱しやすいのも嬉しいポイント。\u003cbr\u003e太畝のコーデュロイでヴィンテージ感もプラスされています。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eシルエットもベーシックながらもお尻のラインや背中のラインにこだわりました。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eこれからの時期にぴったりなニュアンスカラーで、秋冬のコーディネートにピッタリの1枚です。\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel : Joji 97cm size2,\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003eIchiru 104cm size2\u003c\/span\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/span\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor : charcoal , pink , camel\u003c\/p\u003e\n\u003cp\u003esize : 1 , 2 , 3 ,4\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン  97% 、ポリウレタン 3%\u003cbr\u003e　　　　  裏地　ポリウレタン 80% , コットン 20%\u003c\/span\u003e\u003cspan\u003e      \u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 113.945px; width: 100.089%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:股上\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e19.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e21\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:股下\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e41\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e80-90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n    \u003cdiv class=\"slider_wrap\"\u003e\n        \u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5620.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5620.jpg?v=1727784981\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5624.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5624.jpg?v=1727784981\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n           \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n    \u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n    \u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n    \u003c!-- Slides wrapper with overflow:hidden. --\u003e\n    \u003cdiv class=\"pswp__scroll-wrap\"\u003e\n        \u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n        \u003cdiv class=\"pswp__container\"\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n        \u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n            \u003cdiv class=\"pswp__top-bar\"\u003e\n                \u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n                \u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n                \u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n                \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n                \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n                \u003cdiv class=\"pswp__preloader\"\u003e\n                    \u003cdiv class=\"pswp__preloader__icn\"\u003e\n                      \u003cdiv class=\"pswp__preloader__cut\"\u003e\n                        \u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n                      \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n                \u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e \n            \u003c\/div\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n            \u003c\/button\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n            \u003c\/button\u003e\n            \u003cdiv class=\"pswp__caption\"\u003e\n                \u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":48690168168641,"sku":"OJ0601240404OP320BR02","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":48690168201409,"sku":"OJ0601240404OP320BR03","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 3","offer_id":48690168234177,"sku":"OJ0601240404OP320BR04","price":5390.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 4","offer_id":48690168266945,"sku":"OJ0601240404OP320BR05","price":5390.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3521_70e69875-91f9-4b4b-8c3f-0c1fd9de7f8a.jpg?v=1727684512"},{"product_id":"oj0601240404op320cm","title":"corduroy over all_camel","description":"\u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eoojuでも人気の高いオーバーオールシリーズにコーデュロイ素材が登場。\u003cbr\u003e\u003cbr\u003e程よいストレッチ感のあるコーデュロイ素材のオーバーオールは、アクティブなキッズの動きを邪魔せず、着脱しやすいのも嬉しいポイント。\u003cbr\u003e太畝のコーデュロイでヴィンテージ感もプラスされています。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eシルエットもベーシックながらもお尻のラインや背中のラインにこだわりました。\u003cbr\u003e\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eこれからの時期にぴったりなニュアンスカラーで、秋冬のコーディネートにピッタリの1枚です。\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan data-mce-fragment=\"1\"\u003emodel : Ichika 108cm,  size3\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/span\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor : camel, charcoal , pink\u003c\/p\u003e\n\u003cp\u003esize : 1 , 2 , 3 ,4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン  97% 、ポリウレタン 3%\u003cbr\u003e　　　　  裏地　ポリウレタン 80% , コットン 20%\u003c\/span\u003e\u003cspan\u003e      \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ctable style=\"height: 113.945px; width: 100.089%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:股上\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e19.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e21\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e24\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:股下\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e41\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e80-90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n    \u003cdiv class=\"slider_wrap\"\u003e\n        \u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5616.jpg?v=1727784981\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5598.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5598.jpg?v=1727784981\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5601.jpg?v=1727784981\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5601.jpg?v=1727784981\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n          \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n    \u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n    \u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n    \u003c!-- Slides wrapper with overflow:hidden. --\u003e\n    \u003cdiv class=\"pswp__scroll-wrap\"\u003e\n        \u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n        \u003cdiv class=\"pswp__container\"\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n        \u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n            \u003cdiv class=\"pswp__top-bar\"\u003e\n                \u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n                \u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n                \u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n                \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n                \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n                \u003cdiv class=\"pswp__preloader\"\u003e\n                    \u003cdiv class=\"pswp__preloader__icn\"\u003e\n                      \u003cdiv class=\"pswp__preloader__cut\"\u003e\n                        \u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n                      \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n                \u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e \n            \u003c\/div\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n            \u003c\/button\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n            \u003c\/button\u003e\n            \u003cdiv class=\"pswp__caption\"\u003e\n                \u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"camel \/ 1","offer_id":48690169315521,"sku":"OJ0601240404OP320CM02","price":5390.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/codesize3.png?v=1727684080"},{"product_id":"oj0602240606bg415bk","title":"【OUTDOOR PRODUCTS x ooju】back pack_black","description":"\u003cp\u003eアウトドアプロダクツとoojuのコラボレーションバックパックが登場！\u003cbr\u003e人気の\u003cspan\u003e452W X-SMALL SOLID\u003c\/span\u003eにoojuのロゴをプラスし、オリジナル缶バッジで自由にアレンジが出来る仕様にしました。\u003cbr\u003e是非、お子さまと一緒に自由にアレンジを楽しんでください。\u003cbr\u003e\u003cbr\u003eブランドのコンセプトである\"MAKE IT PLAYFUL\"の大きな缶バッジは、ボディーのカラーに合わせた3色展開です。\u003c\/p\u003e\n\u003cp\u003e本体 ブラック- 缶バッジ パープル\u003cbr\u003e本体 ネイビー- 缶バッジ ダークグリーン\u003cbr\u003e本体 パープル- 缶バッジ オレンジ\u003c\/p\u003e\n\u003cdiv\u003e\n\u003ctable class=\"d-size-heading-table c-size-heading-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"c-size-heading-table__th\"\u003eサイズ\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c-size-heading-table__td\"\u003eフリー\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-scroll-content-wrapper\"\u003e\n\u003cdiv class=\"c-scroll-shadow-horizontal c-scroll-content-wrapper__size-table\"\u003e\n\u003ctable class=\"d-size-body-table c-size-body-table c-scroll-shadow-horizontal__inner\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e高さ\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e幅\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003eマチ\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e持ち手\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e重さ(g)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e30\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e23\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e13\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e35-59\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e252\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eBACKPACK\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e452シリーズ\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e＜アウトドアプロダクツ＞の定番デイパック。通常のナイロンよりもはるかに強靭な米国インビスタ社の素材「コーデュラナイロン」を使用。2枚の生地パーツで構成されたシンプルな作りながらも、軽量かつ耐摩耗性、耐久性、耐水性に優れています。ジッパーにはYKKを採用。コレクションしたくなるカラーバリエーションの豊富さも魅力のひとつ。さまざまなスタイルやシーンにマッチしやすく、年齢を問わず幅広く使えるマスターピース的な存在です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0541.jpg?v=1733486114\"\u003e\u003cimg alt=\"image1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0541.jpg?v=1733486114\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0558.jpg?v=1733485505\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0558.jpg?v=1733485505\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0566.jpg?v=1733485542\"\u003e\u003cimg alt=\"Image3\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0566.jpg?v=1733485542\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0563.jpg?v=1733485505\"\u003e\u003cimg alt=\"Image4\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0563.jpg?v=1733485505\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0560.jpg?v=1733485504\"\u003e\u003cimg alt=\"Image5\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0560.jpg?v=1733485504\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0565.jpg?v=1733485504\"\u003e\u003cimg alt=\"Image6\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0565.jpg?v=1733485504\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"black \/ FREE\/UNISEX","offer_id":48839389774017,"sku":"OJ0602240606BG415BK09","price":5940.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0290.jpg?v=1775628999"},{"product_id":"oj0602240606bg415nv","title":"【OUTDOOR PRODUCTS x ooju】back pack_navy","description":"\u003cp\u003eアウトドアプロダクツとoojuのコラボレーションバックパックが登場！\u003cbr\u003e人気の\u003cspan\u003e452W X-SMALL SOLID\u003c\/span\u003eにoojuのロゴをプラスし、オリジナル缶バッジで自由にアレンジが出来る仕様にしました。\u003cbr\u003e是非、お子さまと一緒に自由にアレンジを楽しんでください。\u003cbr\u003e\u003cbr\u003eブランドのコンセプトである\"MAKE IT PLAYFUL\"の大きな缶バッジは、ボディーのカラーに合わせた3色展開です。\u003c\/p\u003e\n\u003cp\u003e本体 ブラック- 缶バッジ パープル\u003cbr\u003e本体 ネイビー- 缶バッジ ダークグリーン\u003cbr\u003e本体 パープル- 缶バッジ オレンジ\u003c\/p\u003e\n\u003cdiv\u003e\n\u003ctable class=\"d-size-heading-table c-size-heading-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"c-size-heading-table__th\"\u003eサイズ\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c-size-heading-table__td\"\u003eフリー\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"c-scroll-content-wrapper\"\u003e\n\u003cdiv class=\"c-scroll-shadow-horizontal c-scroll-content-wrapper__size-table\"\u003e\n\u003ctable class=\"d-size-body-table c-size-body-table c-scroll-shadow-horizontal__inner\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e高さ\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e幅\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003eマチ\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e持ち手\u003c\/th\u003e\n\u003cth class=\"c-size-body-table__th\"\u003e重さ(g)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e30\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e23\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e13\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e35-59\u003c\/td\u003e\n\u003ctd class=\"c-size-body-table__td\"\u003e252\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eBACKPACK\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003e452シリーズ\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan\u003e＜アウトドアプロダクツ＞の定番デイパック。通常のナイロンよりもはるかに強靭な米国インビスタ社の素材「コーデュラナイロン」を使用。2枚の生地パーツで構成されたシンプルな作りながらも、軽量かつ耐摩耗性、耐久性、耐水性に優れています。ジッパーにはYKKを採用。コレクションしたくなるカラーバリエーションの豊富さも魅力のひとつ。さまざまなスタイルやシーンにマッチしやすく、年齢を問わず幅広く使えるマスターピース的な存在です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\n\u003cdiv class=\"img\"\u003e\n    \u003cdiv class=\"slider_wrap\"\u003e\n        \u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n   \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0541.jpg?v=1733486114\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0541.jpg?v=1733486114\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0589.jpg?v=1733485503\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0589.jpg?v=1733485503\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0594.jpg?v=1733485503\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0594.jpg?v=1733485503\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0596.jpg?v=1733485504\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0596.jpg?v=1733485504\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0601.jpg?v=1733485505\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0601.jpg?v=1733485505\" alt=\"Image5\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n            \u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0600.jpg?v=1733485505\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0600.jpg?v=1733485505\" alt=\"Image6\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n          \n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\"\u003e\n    \u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n    \u003cdiv class=\"pswp__bg\"\u003e\u003c\/div\u003e\n    \u003c!-- Slides wrapper with overflow:hidden. --\u003e\n    \u003cdiv class=\"pswp__scroll-wrap\"\u003e\n        \u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n        \u003cdiv class=\"pswp__container\"\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"pswp__item\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n        \u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n            \u003cdiv class=\"pswp__top-bar\"\u003e\n                \u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n                \u003cdiv class=\"pswp__counter\"\u003e\u003c\/div\u003e\n                \u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e\n                \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e\n                \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n                \u003cdiv class=\"pswp__preloader\"\u003e\n                    \u003cdiv class=\"pswp__preloader__icn\"\u003e\n                      \u003cdiv class=\"pswp__preloader__cut\"\u003e\n                        \u003cdiv class=\"pswp__preloader__donut\"\u003e\u003c\/div\u003e\n                      \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n                \u003cdiv class=\"pswp__share-tooltip\"\u003e\u003c\/div\u003e \n            \u003c\/div\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e\n            \u003c\/button\u003e\n            \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e\n            \u003c\/button\u003e\n            \u003cdiv class=\"pswp__caption\"\u003e\n                \u003cdiv class=\"pswp__caption__center\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ FREE\/UNISEX","offer_id":48839391936705,"sku":"OJ0602240606BG415NV09","price":5940.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0273.jpg?v=1775628997"},{"product_id":"oj0601240503pt412gy","title":"fluffy rib pants_charcoal","description":"\u003cp\u003e昨シーズンも大変ご好評いただいたリブパンツの予約販売がスタートいたしました。薄手のベロアのようなfluffy(ふわふわ)な質感のリブパンツは、真夏以外の3シーズン活躍するデイリーユースな1枚。程よいセミフレアシルエットは、足長効果抜群です。ベーシックなチャコールとネイビーで、トップスの色味を選ばずコーディネートを楽しめるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : isuzu 93cm size2\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ポリエステル93%、ポリウレタン7%\u003c\/span\u003e       \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/edf2629565489b228b9109fd15d62f5e_600x600.png?v=1716372289\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 145.937px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003e47.8\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e53.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e62.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e70.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e33\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0122.jpg?v=1733376591\"\u003e\u003cimg alt=\"image1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0122.jpg?v=1733376591\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0125.jpg?v=1733376591\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0125.jpg?v=1733376591\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":48825532383425,"sku":"OJ0601240503PT412GY02","price":2816.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":48825532416193,"sku":"OJ0601240503PT412GY03","price":2816.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 3","offer_id":48825532448961,"sku":"OJ0601240503PT412GY04","price":2816.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 4","offer_id":48825532481729,"sku":"OJ0601240503PT412GY05","price":2816.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9980.jpg?v=1733377348"},{"product_id":"oj0601240503pt412nv","title":"fluffy rib pants_navy","description":"\u003cp\u003e昨シーズンも大変ご好評いただいたリブパンツの予約販売がスタートいたしました。薄手のベロアのようなfluffy(ふわふわ)な質感のリブパンツは、真夏以外の3シーズン活躍するデイリーユースな1枚。程よいセミフレアシルエットは、足長効果抜群です。ベーシックなチャコールとネイビーで、トップスの色味を選ばずコーディネートを楽しめるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003emodel : isuzu 93cm size2\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ポリエステル93%、ポリウレタン7%\u003c\/span\u003e       \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/edf2629565489b228b9109fd15d62f5e_600x600.png?v=1716372289\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 145.937px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003e47.8\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e53.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e62.8\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e70.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e29\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e31\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e33\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0128.jpg?v=1733376591\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0128.jpg?v=1733376591\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0134.jpg?v=1733376591\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0134.jpg?v=1733376591\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":48825554337985,"sku":"OJ0601240503PT412NV02","price":2816.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/RIB1.jpg?v=1733377226"},{"product_id":"oj0601250102cu413gy","title":"curved rib sweat shirts_grey","description":"\u003cp\u003e\u003cspan\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003eoojuでは初となるラグランスリーブのスウェットシャツ。\u003cbr\u003e首元と袖口のカーブモチーフのリブが、カジュアルなスウェットをスタイリッシュに格上げしてくれます。\u003cbr\u003eボトムを選ばないグレー、イエロー、新色のピーチと3色展開。\u003cbr\u003e\u003cbr\u003e定番のoojuスウェットよりも少しコンパクトなトゥルーフィットです。\u003cbr\u003eサイズ感はモデルの着用画像をご参考ください。\u003cbr\u003e実際の商品はロゴの色が少し濃くなります。\u003cbr\u003e静物画像をご覧ください。\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003emodel : May 78cm size1, Hiyori 86cm size1,Takito 83cm size1, Ichika 111cm size3\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :  grey, yellow,peach\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン 100%\u003cbr\u003e                 リブ部分：コットン 97% , ポリウレタン 3%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/sweat_480x480.png?v=1707300940\" alt=\"\"\u003e \u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 207px; width: 86.3636%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e35.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e38.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e42.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e46.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e44.0\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e48.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e54.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"grey \/ 1","offer_id":48975071674561,"sku":"OJ0601250102CU413GY02","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"grey \/ 2","offer_id":48975071707329,"sku":"OJ0601250102CU413GY03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"grey \/ 3","offer_id":48975071740097,"sku":"OJ0601250102CU413GY04","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"grey \/ 4","offer_id":48975071772865,"sku":"OJ0601250102CU413GY05","price":5500.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7176_e0e7a76e-8fe0-4318-8a77-27b3ae85bbc8.jpg?v=1757835126"},{"product_id":"oj0601250102cu413ye","title":"curved rib sweat shirts_yellow","description":"\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003eoojuでは初となるラグランスリーブの\u003c\/span\u003eスウェットシャツ。\u003cbr\u003e首元と袖口のカーブモチーフのリブが、カジュアルなスウェットをスタイリッシュに格上げしてくれます。\u003cbr\u003eボトムを選ばないグレー、イエロー、新色のピーチの3色展開。\u003cbr\u003e\u003cbr\u003e定番のoojuスウェットよりも少しコンパクトなトゥルーフィットです。\u003cbr\u003eサイズ感はモデルの着用画像をご参考ください。\u003cbr\u003e\u003c\/span\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e実際の商品はロゴの色が少し濃くなります。\u003cbr\u003e静物画像をご覧ください。\u003c\/span\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003emodel : \u003cspan\u003ekai  92cm  size2, \u003c\/span\u003eHiyori 86cm size1, Koharu 103cm size2\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :  grey, yellow,peach\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン 100%\u003cbr\u003e                 リブ部分：コットン 97% , ポリウレタン 3%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/sweat_9a0761ee-3f21-42b4-9f04-84856dc0aaeb_600x600.png?v=1739328928\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 207px; width: 86.3636%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e35.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e38.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e42.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e46.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 27.7195%;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 16.2052%;\"\u003e44.0\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 17.2714%;\"\u003e48.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 18.5507%;\"\u003e54.0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 27.7195%;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 16.2052%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 17.2714%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 18.5507%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"yellow \/ 1","offer_id":48975116599489,"sku":"OJ0601250102CU413YE02","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 2","offer_id":48975116632257,"sku":"OJ0601250102CU413YE03","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 3","offer_id":48975116665025,"sku":"OJ0601250102CU413YE04","price":5500.0,"currency_code":"JPY","in_stock":false},{"title":"yellow \/ 4","offer_id":48975116697793,"sku":"OJ0601250102CU413YE05","price":5500.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6098.jpg?v=1758158742"},{"product_id":"oj0601250103pt414cg","title":"line pants_charcoal","description":"\u003cp\u003e昨シーズン人気だったラインパンツに新色が登場。\u003cbr\u003eキースタイルでもあるレトロスポーツの要素を取り入れたラインパンツ。\u003cbr\u003eそれぞれのボディーカラーに合わせた個性的なサイドテープがコーディネートのアクセントに。\u003cbr\u003e伸縮性に優れた履き心地の良いストレッチ素材で、ストレスフリーの履き心地も魅力です。\u003c\/p\u003e\n\u003cp\u003emodel : Ichika 111cm size3\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： レーヨン55%、ポリエステル40%、ポリウレタン5%\u003c\/span\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/LINE-PANTS_600x600.png?v=1739328928\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 145.969px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e49.7\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e57\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e63\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e72\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e21.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\" alt=\"image1\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3291.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3291.jpg?v=1739325999\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3297.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3297.jpg?v=1739325999\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3295.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3295.jpg?v=1739325999\" alt=\"Image4\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"“v”\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":48975141372097,"sku":"OJ0601250103PT414CG02","price":4158.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 2","offer_id":48975141404865,"sku":"OJ0601250103PT414CG03","price":4158.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6811.jpg?v=1739415514"},{"product_id":"oj0601250103pt414nv","title":"line pants_navy","description":"\u003cp\u003e昨シーズン人気だったラインパンツに新色が登場。\u003cbr\u003eキースタイルでもあるレトロスポーツの要素を取り入れたラインパンツ。\u003cbr\u003eそれぞれのボディーカラーに合わせた個性的なサイドテープがコーディネートのアクセントに。\u003cbr\u003e伸縮性に優れた履き心地の良いストレッチ素材で、ストレスフリーの履き心地も魅力です。\u003c\/p\u003e\n\u003cp\u003emodel : Hiyori 86cm size1,Takito 82cm size1\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： レーヨン55%、ポリエステル40%、ポリウレタン5%\u003c\/span\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/LINE-PANTS_600x600.png?v=1739328928\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 145.969px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e49.7\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e57\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e63\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e72\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e21.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\"\u003e\u003cimg alt=\"image1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3307.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3307.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3313.jpg?v=1739326000\"\u003e\u003cimg alt=\"Image3\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3313.jpg?v=1739326000\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3311.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image4\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3311.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image5\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":48975139700929,"sku":"OJ0601250103PT414NV02","price":4158.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 2","offer_id":48975139733697,"sku":"OJ0601250103PT414NV03","price":4158.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5939_13b72d79-16be-405f-b189-fc999666f054.jpg?v=1739415030"},{"product_id":"oj0601250103pt414pl","title":"line pants_purple","description":"\u003cp\u003e昨シーズン人気だったラインパンツに新色が登場。\u003cbr\u003eキースタイルでもあるレトロスポーツの要素を取り入れたラインパンツ。\u003cbr\u003eそれぞれのボディーカラーに合わせた個性的なサイドテープがコーディネートのアクセントに。\u003cbr\u003e伸縮性に優れた履き心地の良いストレッチ素材で、ストレスフリーの履き心地も魅力です。\u003c\/p\u003e\n\u003cp\u003emodel : Koharu size2\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e（それぞれ着用写真下部にモデル名と身長がございます。ご参考ください。）\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： レーヨン55%、ポリエステル40%、ポリウレタン5%\u003c\/span\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/LINE-PANTS_600x600.png?v=1739328928\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 145.969px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e49.7\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e57\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e63\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e72\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:ウエスト\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e21.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e24.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:ヒップ\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\"\u003e\u003cimg alt=\"image1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3288.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3301.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image2\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3301.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3305.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image3\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3305.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3302.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image4\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3302.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca data-size=\"750x1050\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\"\u003e\u003cimg alt=\"Image5\" data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_3316.jpg?v=1739325999\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"purple \/ 1","offer_id":48975134195905,"sku":"OJ0601250103PT414PL02","price":4158.0,"currency_code":"JPY","in_stock":true},{"title":"purple \/ 2","offer_id":48975134228673,"sku":"OJ0601250103PT414PL03","price":4158.0,"currency_code":"JPY","in_stock":true},{"title":"purple \/ 3","offer_id":48975134261441,"sku":"OJ0601250103PT414PL04","price":4158.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7332.jpg?v=1739414993"},{"product_id":"new-border-long-t-shirts_charcoal","title":"pencil border long T-shirts_charcoal","description":"\u003cp\u003e昨年人気だったボーダーロングTシャツに新色が追加され再登場！！\u003cbr\u003e\u003cbr\u003eトレンドのレトロなマルチボーダーは、\u003cspan\u003eコーディネートの主役になる1枚です。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eオーバーサイズのシルエットは、タイトなボトムと合わせてチュニック風に着ても、デニムと合わせてもグッドバランス。\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e柔らかい素材感は、肌触りがよく着心地も抜群です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e model : Koharu\u003cspan\u003e 103cm size2\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :  charcoal, beige, green\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン100％\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/border_600x600.png?v=1732158683\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 181px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e44\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e30\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 20.5938px;\"\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cbr\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":49153383104705,"sku":"OJ-CU2031CG02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":49153383137473,"sku":"OJ-CU2031CG03","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"charcoal \/ 3","offer_id":49153383170241,"sku":"OJ-CU2031CG04","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 4","offer_id":49153383203009,"sku":"OJ-CU2031CG05","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6946.jpg?v=1744106709"},{"product_id":"new-border-long-t-shirts_green","title":"pencil border long T-shirts_green","description":"\u003cp\u003e昨年人気だったボーダーロングTシャツに新色が追加され再登場！！\u003cbr\u003e\u003cbr\u003eトレンドのレトロなマルチボーダーは、\u003cspan\u003eコーディネートの主役になる1枚です。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eオーバーサイズのシルエットは、タイトなボトムと合わせてチュニック風に着ても、デニムと合わせてもグッドバランス。\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e柔らかい素材感は、肌触りがよく着心地も抜群です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e model : Ichika\u003cspan\u003e 111cm size3\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :  beige, green,charcoal\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン100％\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/border_600x600.png?v=1732158683\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 181px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e44\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e30\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 20.5938px;\"\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cbr\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0139_d1a3d0e1-5f2a-4514-9876-8d5514f99b6f.jpg?v=1732153220\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0139_d1a3d0e1-5f2a-4514-9876-8d5514f99b6f.jpg?v=1732153220\" alt=\"Image2\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0141_79f17c77-d053-4f07-b2df-43f0dd02804e.jpg?v=1732153220\" data-size=\"750x1050\"\u003e\u003cimg data-lazy=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_0141_79f17c77-d053-4f07-b2df-43f0dd02804e.jpg?v=1732153220\" alt=\"Image3\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"green \/ 1","offer_id":49153455259841,"sku":"OJ-CU2031GR02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"green \/ 2","offer_id":49153455292609,"sku":"OJ-CU2031GR03","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"green \/ 3","offer_id":49153455325377,"sku":"OJ-CU2031GR04","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"green \/ 4","offer_id":49153455358145,"sku":"OJ-CU2031GR05","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6393.jpg?v=1744106247"},{"product_id":"new-border-long-t-shirts_beige","title":"pencil border long T-shirts_beige","description":"\u003cp\u003e昨年人気だったボーダーロングTシャツに新色が追加され再登場！！\u003cbr\u003e\u003cbr\u003eトレンドのレトロなマルチボーダーは、\u003cspan\u003eコーディネートの主役になる1枚です。\u003c\/span\u003e\u003cbr\u003e\u003cspan\u003eオーバーサイズのシルエットは、タイトなボトムと合わせてチュニック風に着ても、デニムと合わせてもグッドバランス。\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e柔らかい素材感は、肌触りがよく着心地も抜群です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e model : Takito\u003cspan\u003e 87cm size1, Hiyori 86cm size1\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :  beige, green,charcoal\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial：コットン100%\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/border_600x600.png?v=1732158683\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 181px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e44\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e56\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e48\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e22\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e30\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e34\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 20.5938px;\"\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 20.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"beige \/ 1","offer_id":49153459716289,"sku":"OJ-CU2031BG02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 2","offer_id":49153459749057,"sku":"OJ-CU2031BG03","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"beige \/ 3","offer_id":49153459781825,"sku":"OJ-CU2031BG04","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"beige \/ 4","offer_id":49153459814593,"sku":"OJ-CU2031BG05","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5736.jpg?v=1744105644"},{"product_id":"new-number-long-t-shirts_white","title":"number long T-shirts_ivory","description":"\u003cp\u003e前シーズンで人気だったロングTシャツがアップデートされて再登場！！\u003cbr\u003e新色のピンクも仲間入り！\u003cbr\u003e\u003cbr\u003eoojuのキースタイルでもあるレトロスポーツの要素を取り入れた人気のロングTシャツ。\u003cbr\u003e今シーズンは首元のリブもプリントと同じカラーにアップデートし、全体を引き締めるアクセントに。\u003cbr\u003eプリントもヴィンテージライクな加工にすることで、トレンド感も取り入れています。\u003cbr\u003e\u003cbr\u003e※刺繍ロゴはピンクのみグリーンになります。\u003cbr\u003e※実際の色味は商品写真をご参考ください。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : \u003cspan\u003eIchika 112cm size3, \u003c\/span\u003eKoharu 103cm size2\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, charcoal, pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cspan style=\"font-size: 0.875rem;\"\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003ematerial：コットン100%\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/bordert_480x480.png?v=1709697012\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 129.969px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e4\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e52\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider_list my-gallery\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"ivory \/ 1","offer_id":49153464598721,"sku":"OJ-CU2030IV02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"ivory \/ 2","offer_id":49153464631489,"sku":"OJ-CU2030IV03","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 3","offer_id":49153464664257,"sku":"OJ-CU2030IV04","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"ivory \/ 4","offer_id":49153464697025,"sku":"OJ-CU2030IV05","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6805_59c2703a-1b59-44ea-b172-c865b8207969.jpg?v=1758159281"},{"product_id":"new-number-long-t-shirts_ivory-コピー","title":"number long T-shirts_charcoal","description":"\u003cp\u003e前シーズンで人気だったロングTシャツがアップデートされて再登場！！\u003cbr\u003e新色のピンクも仲間入り！\u003cbr\u003e\u003cbr\u003eoojuのキースタイルでもあるレトロスポーツの要素を取り入れた人気のロングTシャツ。\u003cbr\u003e今シーズンは首元のリブもプリントと同じカラーにアップデートし、全体を引き締めるアクセントに。\u003cbr\u003eプリントもヴィンテージライクな加工にすることで、トレンド感も取り入れています。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003emodel : Kai 91cm size 2, Takito 87cm size 1\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, charcoal, pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cspan style=\"font-size: 0.875rem;\"\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003ematerial：コットン100%\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/bordert_480x480.png?v=1709697012\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 129.941px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003e4\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e52\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cbr\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"charcoal \/ 1","offer_id":49153472626881,"sku":"OJ-CU2030CG02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"charcoal \/ 2","offer_id":49153472659649,"sku":"OJ-CU2030CG03","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6262.jpg?v=1758159087"},{"product_id":"new-number-long-t-shirts_pink","title":"number long T-shirts_pink","description":"\u003cp\u003e前シーズンで人気だったロングTシャツがアップデートされて再登場！！\u003cbr\u003e新色のピンクも仲間入り！\u003cbr\u003e\u003cbr\u003eoojuのキースタイルでもあるレトロスポーツの要素を取り入れた人気のロングTシャツ。\u003cbr\u003e今シーズンは首元のリブもプリントと同じカラーにアップデートし、全体を引き締めるアクセントに。\u003cbr\u003eプリントもヴィンテージライクな加工にすることで、トレンド感も取り入れています。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003emodel : Emma 103cm size2, \u003cspan\u003eMay 78cm  size1\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, charcoal, pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003cspan style=\"font-size: 0.875rem;\"\u003eㅤ\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003ematerial：コットン100%\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cspan\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/bordert_480x480.png?v=1709697012\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 130px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003e4\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6042px;\"\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003eA:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6042px;\"\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e52\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.6042px;\"\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003e身長（cm）\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.6042px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003cspan style=\"font-size: 0.875rem;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cbr\u003e\n\u003cfigure class=\"slide-item\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_9462.jpg?v=1726714656\" data-size=\"750x1050\"\u003e\u003c\/a\u003e\u003c\/figure\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\n\u003cdiv class=\"pswp__bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pswp__item\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"pink \/ 1","offer_id":49153479737537,"sku":"OJ-CU2030PK02","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 2","offer_id":49153479770305,"sku":"OJ-CU2030PK03","price":3960.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":49153479803073,"sku":"OJ-CU2030PK04","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"pink \/ 4","offer_id":49153479835841,"sku":"OJ-CU2030PK05","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7571.jpg?v=1756793906"},{"product_id":"multi-border-s-s-t-shirts-コピー","title":"multi border ringer t-shirts_grey","description":"\u003cp\u003e首元と袖口にパイピングを施したトレンドのリンガーT-shirtsが登場！！\u003cbr\u003eoojuならではの特徴的なマルチボーダーが、ヴィンテージスポーツのテイストをプラスしています。\u003cbr\u003eデニムとも相性抜群のキャッチーなカラーリングも魅力の1枚は、スタイリングの主役になる今シーズンのマストハブアイテムです。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : Takito 87cm size1\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e grey, pink, khaki\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e38 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ grey","offer_id":49279142723777,"sku":"OJ-25SSCU01GR01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ grey","offer_id":49279142756545,"sku":"OJ-25SSCU01GR02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ grey","offer_id":49279142789313,"sku":"OJ-25SSCU01GR03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ grey","offer_id":49279142822081,"sku":"OJ-25SSCU01GR04","price":4400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7001.jpg?v=1748481157"},{"product_id":"new-multi-border-s-s-t-shirts_khaki-コピー","title":"Club ooju s\/s t-shirts_ivory","description":"\u003cp\u003e\"Club ooju\"へようこそ！！\u003cbr\u003eoojuを着たおしゃれキッズたちに、楽しく元気に過ごして欲しいという想いでClub t-shirtsを作りました。\u003cbr\u003e\"何も心配いらないよ、oojuはいつも傍にいる\"というメッセージと共にプリントされたナンバー\"22\"は、oojuがスタートした2022年を意味しています。\u003cbr\u003eフロントには\"Club ooju\"のオリジナルロゴもプラスしました。\u003cbr\u003eキャッチーな配色も\"今っぽさ\"万歳の今シーズンを象徴する1枚です。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : Ichika 112cm size3\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, lilac, blue\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e39\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8  \u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ ivory","offer_id":49279159304385,"sku":"OJ-25SSCU02IV01","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ ivory","offer_id":49279159337153,"sku":"OJ-25SSCU02IV02","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ ivory","offer_id":49279159369921,"sku":"OJ-25SSCU02IV03","price":3850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7715.jpg?v=1748501071"},{"product_id":"club-ooju-s-s-t-shirts_ivory-コピー","title":"Club ooju s\/s t-shirts_lilac","description":"\u003cp\u003e\"Club ooju\"へようこそ！！\u003cbr\u003eoojuを着たおしゃれキッズたちに、楽しく元気に過ごして欲しいという想いでClub t-shirtsを作りました。\u003cbr\u003e\"何も心配いらないよ、oojuはいつも傍にいる\"というメッセージと共にプリントされたナンバー\"22\"は、oojuがスタートした2022年を意味しています。\u003cbr\u003eフロントには\"Club ooju\"のオリジナルロゴもプラスしました。\u003cbr\u003eキャッチーな配色も\"今っぽさ\"万歳の今シーズンを象徴する1枚です。\u003c\/p\u003e\n\u003cp\u003emodel : Emma 102cm size2\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, lilac, blue\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\"\u003e\u003c\/div\u003e\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e39\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8  \u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ lilac","offer_id":49279163498689,"sku":"OJ-25SSCU02LI01","price":3850.0,"currency_code":"JPY","in_stock":false},{"title":"2 \/ lilac","offer_id":49279163531457,"sku":"OJ-25SSCU02LI02","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ lilac","offer_id":49279163564225,"sku":"OJ-25SSCU02LI03","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ lilac","offer_id":49279163596993,"sku":"OJ-25SSCU02LI04","price":3850.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7483.jpg?v=1748483847"},{"product_id":"club-ooju-s-s-t-shirts_blue","title":"Club ooju s\/s t-shirts_blue","description":"\u003cp\u003e\"Club ooju\"へようこそ！！\u003cbr\u003eoojuを着たおしゃれキッズたちに、楽しく元気に過ごして欲しいという想いでClub t-shirtsを作りました。\u003cbr\u003e\"何も心配いらないよ、oojuはいつも傍にいる\"というメッセージと共にプリントされたナンバー\"22\"は、oojuがスタートした2022年を意味しています。\u003cbr\u003eフロントには\"Club ooju\"のオリジナルロゴもプラスしました。\u003cbr\u003eキャッチーな配色も\"今っぽさ\"万歳の今シーズンを象徴する1枚です。\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : Takito 88cm size1\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory, lilac, blue\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e39\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e8  \u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e9\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e10\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e11\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ blue","offer_id":49279165137089,"sku":"OJ-25SSCU02BL01","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ blue","offer_id":49279165169857,"sku":"OJ-25SSCU02BL02","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ blue","offer_id":49279165202625,"sku":"OJ-25SSCU02BL03","price":3850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6840_f0ee2236-ee2f-41a5-b4d7-58e6a542b8e3.jpg?v=1748484066"},{"product_id":"club-ooju-s-s-t-shirts_blue-コピー","title":"Club ooju s\/s t-shirts for parents","description":"\u003cp\u003eキッズと同じデザインで、お揃いで着られる大人のクラブTシャツ。\u003cbr\u003eサイズは小学校高学年から女性まで着られるSと、ビックサイズでラフに着たい女性から男性まで着られるⅬの2サイズ展開。\u003cbr\u003eしっかりした素材感で洗っても型崩れしないのも嬉しいポイントです。\u003cbr\u003e是非家族でお揃いコーデを楽しんで！！\u003c\/p\u003e\n\u003cp\u003emodel : 157cm\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor :\u003cspan\u003e ivory\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : S , L\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： コットン100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/T_kawai_480x480.png?v=1715739844\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ctable style=\"height: 145.969px; width: 100.059%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003eS\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003eL\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003e\n\u003cp\u003e56\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003e69\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5938px;\"\u003e\n\u003ctd style=\"height: 35.5938px; width: 47.5114%;\"\u003e\n\u003cp\u003eB:身巾\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 23.9357%;\"\u003e45\u003c\/td\u003e\n\u003ctd style=\"height: 35.5938px; width: 28.0749%;\"\u003e55\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"height: 19.5938px; width: 47.5114%;\"\u003eC:袖丈\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 23.9357%;\"\u003e14.5\u003c\/td\u003e\n\u003ctd style=\"height: 19.5938px; width: 28.0749%;\"\u003e19.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"S \/ ivory","offer_id":49279166775489,"sku":"OJ-25SSCU04IV06","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"L \/ ivory","offer_id":49279166808257,"sku":"OJ-25SSCU04IV08","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_5222_e427ef1e-4a9f-43b8-88ad-d54e768f958e.jpg?v=1752199418"},{"product_id":"pile-f-s-t-shirts-コピー","title":"pile f\/s t-shirts_navy","description":"\u003cp\u003e人気のパイルT-shirtsに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でショーツも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Takito 88cm size1\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy, pink, D purple\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cimg height=\"256\" width=\"454\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/pile.png?v=1749799888\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ctable width=\"100%\" style=\"height: 145.937px; width: 100.089%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e\n\u003cp\u003e38\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e43 \u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":49279174082753,"sku":"OJ-25SSCU03NV01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ navy","offer_id":49279174115521,"sku":"OJ-25SSCU03NV02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ navy","offer_id":49279174148289,"sku":"OJ-25SSCU03NV03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ navy","offer_id":49279174181057,"sku":"OJ-25SSCU03NV04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7210_40643b04-9c0e-4d00-a4be-b381e59c7cf1.jpg?v=1749798302"},{"product_id":"new-pile-f-s-t-shirts-pink","title":"pile f\/s t-shirts_pink","description":"\u003cp\u003e人気のパイルT-shirtsに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でショーツも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Emma 102cm size2\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy, pink, D purple\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cspan\u003e\u003cimg height=\"256\" width=\"454\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/pile.png?v=1749799888\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 145.937px; width: 100.089%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e\n\u003cp\u003e38\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e43 \u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ pink","offer_id":49279200100545,"sku":"OJ-25SSCU03PK01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ pink","offer_id":49279200133313,"sku":"OJ-25SSCU03PK02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ pink","offer_id":49279200166081,"sku":"OJ-25SSCU03PK03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ pink","offer_id":49279200198849,"sku":"OJ-25SSCU03PK04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7065.jpg?v=1749602552"},{"product_id":"new-pile-f-s-t-shirts_pink-コピー","title":"pile f\/s t-shirts_dark purple","description":"\u003cp\u003e人気のパイルT-shirtsに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でショーツも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003emodel : Ichika 112cm size3\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy, pink, dark purple\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cspan\u003e\u003cimg height=\"256\" width=\"454\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/pile.png?v=1749799888\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 145.937px; width: 100.089%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003eA:着丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e\n\u003cp\u003e38\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e43 \u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e53\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2012%;\"\u003e\n\u003cp\u003eB:身幅\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 14.2861%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.0691%;\"\u003e40\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e42\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 19.6666%;\"\u003e\n\u003cp\u003e45\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003eC:肩幅\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e38\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e43\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2012%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 14.2861%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.0691%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 19.6666%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ D purple","offer_id":49279215927489,"sku":"OJ-25SSCU03DP01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ D purple","offer_id":49279215960257,"sku":"OJ-25SSCU03DP02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ D purple","offer_id":49279215993025,"sku":"OJ-25SSCU03DP03","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7822.jpg?v=1749775920"},{"product_id":"pile-shorts-コピー","title":"pile shorts_navy","description":"\u003cp\u003e人気のパイルショーツに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でトップスも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e※モデル着用品はサンプルです。正しいパンツの形は商品画像をご参考ください。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Takito 88cm size1\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy\u003cspan\u003e, \u003cspan style=\"text-decoration: underline;\"\u003epink\u003c\/span\u003e, D purple\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/shortpants_480x480.png?v=1712200457\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e41\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e30.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e35 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:腿巾\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e25.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ navy","offer_id":49279223627969,"sku":"OJ-25SSPT03NV01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ navy","offer_id":49279223660737,"sku":"OJ-25SSPT03NV02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ navy","offer_id":49279223693505,"sku":"OJ-25SSPT03NV03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ navy","offer_id":49279223726273,"sku":"OJ-25SSPT03NV04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7152_a3b117bf-dfd0-4caf-8d83-c7abb02a894b.jpg?v=1749772151"},{"product_id":"new-pile-shorts_pink","title":"pile shorts_pink","description":"\u003cp\u003e人気のパイルショーツに新色が登場。\u003cbr\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr\u003e同素材でトップスも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e※モデル着用品はサンプルです。正しいパンツの形は商品画像をご参考ください。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003emodel : Emma 102cm size2\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy\u003cspan\u003e, \u003cspan style=\"text-decoration: underline;\"\u003epink\u003c\/span\u003e, D purple\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eコットン 80%\u003c\/span\u003e\u003cspan\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv id=\"slider\" class=\"slider_list my-gallery\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/shortpants_480x480.png?v=1712200457\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003ctable style=\"height: 143px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e41\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e30.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e35 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:腿巾\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e25.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ pink","offer_id":49279230312641,"sku":"OJ-25SSPT03PK01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ pink","offer_id":49279230345409,"sku":"OJ-25SSPT03PK02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ pink","offer_id":49279230378177,"sku":"OJ-25SSPT03PK03","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ pink","offer_id":49279230410945,"sku":"OJ-25SSPT03PK04","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7091_fb24aa6c-a1c0-42c0-8762-c09072ed4dc7.jpg?v=1749775736"},{"product_id":"new-pile-shorts_pink-コピー","title":"pile shorts_dark purple","description":"\u003cp\u003e人気のパイルショーツに新色が登場。\u003cbr data-mce-fragment=\"1\"\u003e形はそのままに、素材を薄手にすることでより長い期間着られるようにアップデートしました。\u003cbr\u003e軽い着心地でストレスフリーな着心地も魅力です。\u003cbr\u003eロゴはそれぞれのボディーカラーに合わせてチョイス。\u003cbr\u003eシンプルでありながらカラーリングにこだわったoojuならではの1枚です。\u003cbr data-mce-fragment=\"1\"\u003e同素材でトップスも展開しているのでセットアップでコーディネートするのもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e※モデル着用品はサンプルです。正しいパンツの形は商品画像をご参考ください。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003emodel : Ichika 112cm size3\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : navy\u003cspan data-mce-fragment=\"1\"\u003e,\u003cspan style=\"text-decoration: underline;\"\u003e \u003c\/span\u003epink, dark purple\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003eコットン 80%\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e　ポリエステル 20%\u003c\/span\u003e\u003c\/p\u003e\n\u003c!----\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\n\u003cdiv class=\"slider_list my-gallery\" id=\"slider\"\u003e\n\u003cfigure class=\"slide-item\"\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/shortpants_480x480.png?v=1712200457\"\u003e\u003c\/div\u003e\n\u003ctable width=\"100%\" style=\"height: 143px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e41\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35px;\"\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003eB:着丈\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e23.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e30.5\u003c\/td\u003e\n\u003ctd style=\"height: 35px;\"\u003e\n\u003cp\u003e35 \u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003eC:腿巾\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e20.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e25.5\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e27.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19px;\"\u003e\n\u003ctd style=\"height: 19px;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19px;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ D purple","offer_id":49279232737473,"sku":"OJ-25SSPT03DP01","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ D purple","offer_id":49279232770241,"sku":"OJ-25SSPT03DP02","price":4620.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ D purple","offer_id":49279232803009,"sku":"OJ-25SSPT03DP03","price":4620.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7758_2873fc93-152d-4046-81ae-2410afb59549.jpg?v=1749775681"},{"product_id":"multi-border-dress-blue","title":"multi border dress_blue","description":"\u003cp\u003e昨シーズン好評だったマルチボーダードレスがアップデートされて登場！\u003cbr\u003eポコポコした表面のパイル調の素材感と、夏らしい爽やかなカラーリングが特徴です。\u003cbr\u003e着心地が良く動きやすいカットソー素材なので、アクティブなガールズにもピッタリの1枚。\u003cbr\u003eフレンチスリーブとウエストのシャーリングで女の子らしさもプラスされています。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003emodel : May 78cm size1\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ecolor :  blue , pink\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/23c0862577971507dfc71cb2be83d6fa_600x600.png?v=1716360018\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003cbr\u003e\n\u003ctable width=\"100%\" style=\"width: 100.091%; height: 78.3752px;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003esize\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eA.総丈\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eB.身幅\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e \u003cmeta charset=\"utf-8\"\u003e身長（㎝）\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ blue","offer_id":49287286325441,"sku":"OJ-25SSOP03BL01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ blue","offer_id":49287286358209,"sku":"OJ-25SSOP03BL02","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ blue","offer_id":49287286390977,"sku":"OJ-25SSOP03BL03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ blue","offer_id":49287286423745,"sku":"OJ-25SSOP03BL04","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6977_26bbfadc-8d73-474b-9cb0-3d46098797f1.jpg?v=1748569915"},{"product_id":"new-multi-border-dress_pink","title":"multi border dress_pink","description":"\u003cp\u003e昨シーズン好評だったマルチボーダードレスがアップデートされて登場！\u003cbr\u003eポコポコした表面のパイル調の素材感と、夏らしい爽やかなカラーリングが特徴です。\u003cbr\u003e着心地が良く動きやすいカットソー素材なので、アクティブなガールズにもピッタリの1枚。\u003cbr\u003eフレンチスリーブとウエストのシャーリングで女の子らしさもプラスされています。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003emodel : Emma 102cm size2\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ecolor :  pink , blue\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\"\u003e\n\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/23c0862577971507dfc71cb2be83d6fa_600x600.png?v=1716360018\"\u003e\u003cbr\u003e\n\u003ctable style=\"width: 100.091%; height: 78.3752px;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003esize\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eA.総丈\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e48\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e50\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e66\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003eB.身幅\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e46\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e49\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e52\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e54\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5938px;\"\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e \u003cmeta charset=\"utf-8\"\u003e身長（㎝）\u003c\/td\u003e\n\u003ctd style=\"width: 19.8165%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"width: 19.4495%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"width: 20%; height: 19.5938px;\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003cdiv class=\"slider_wrap\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv aria-hidden=\"true\" role=\"dialog\" class=\"pswp\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\n\u003cdiv class=\"pswp__container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton title=\"Close (Esc)\" class=\"pswp__button pswp__button--close\"\u003e\u003c\/button\u003e \u003cbutton title=\"Toggle fullscreen\" class=\"pswp__button pswp__button--fs\"\u003e\u003c\/button\u003e \u003cbutton title=\"Zoom in\/out\" class=\"pswp__button pswp__button--zoom\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton title=\"Previous (arrow left)\" class=\"pswp__button pswp__button--arrow--left\"\u003e \u003c\/button\u003e \u003cbutton title=\"Next (arrow right)\" class=\"pswp__button pswp__button--arrow--right\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ pink","offer_id":49287308443841,"sku":"OJ-25SSOP03PK01","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ pink","offer_id":50275904192705,"sku":"OJ-25SSOP03PK02","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ pink","offer_id":50275904225473,"sku":"OJ-25SSOP03PK03","price":5500.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ pink","offer_id":50275904258241,"sku":"OJ-25SSOP03PK04","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_6980.jpg?v=1748569854"},{"product_id":"nylon-shorts-コピー","title":"nylon shorts_khaki","description":"\u003cp\u003eこれからのシーズンに欠かせない軽撥水のナイロンショーツは、水遊びやレジャーなど、アウトドアシーンに最適です。\u003cbr\u003e軽くてストレスフリーな履き心地なので、タウンユースとしても活躍します。\u003cbr\u003eベーシックなカーキとベージュの2色展開で、トップスを選ばず着こなせるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003emodel : May 78cm size1, takito 88cm size1, Ichika 112cm size3\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : khaki, beige\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eナイロン100%\u003c\/span\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e                \u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/nylonpants_480x480.png?v=1717576627\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003e\n\u003cp\u003eB:ヒップ\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e37.6\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e41.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eC:総丈\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e31.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eD:裾周り\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"OOJU","offers":[{"title":"1 \/ khaki","offer_id":49287312605377,"sku":"OJ-25SSPT04KH01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ khaki","offer_id":49287312638145,"sku":"OJ-25SSPT04KH02","price":4400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_8019_92cd35a4-348d-463f-8089-3282a7bcf887.jpg?v=1748569824"},{"product_id":"new-nylon-shorts_khaki-コピー","title":"nylon shorts_beige","description":"\u003cp\u003eこれからのシーズンに欠かせない軽撥水のナイロンショーツは、水遊びやレジャーなど、アウトドアシーンに最適です。\u003cbr\u003e軽くてストレスフリーな履き心地なので、タウンユースとしても活躍します。\u003cbr\u003eベーシックなカーキとベージュの2色展開で、トップスを選ばず着こなせるのも嬉しいポイント。\u003c\/p\u003e\n\u003cp\u003emodel : Emma 101cm size2\u003cspan\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003ecolor : beige, khaki\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003esize : 1 , 2 , 3 , 4\u003c\/p\u003e\n\u003cp\u003eㅤ\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： \u003c\/span\u003e\u003cspan\u003eナイロン100%\u003c\/span\u003e\u003cspan\u003e\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e                \u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/nylonpants_480x480.png?v=1717576627\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003esize \u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e１\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e２\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e３\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eA:ウエスト\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e41\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e44\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e47\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003e\n\u003cp\u003eB:ヒップ\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e36\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e37.6\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e41.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eC:総丈\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e27\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e31.5\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e35\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 31%;\"\u003eD:裾周り\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e22.5\u003c\/td\u003e\n\u003ctd style=\"width: 14%;\"\u003e24.5\u003c\/td\u003e\n\u003ctd style=\"width: 14.1912%;\"\u003e26\u003c\/td\u003e\n\u003ctd style=\"width: 13.8088%;\"\u003e27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cstyle\u003e\n.rte ul, .rte ol {\n    margin: 0 auto;\n}\n.slick-dots {\n    position: absolute;\n    bottom: 15px;\n    display: block;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    text-align: center;\n}\n.slick-dots li {\n    position: relative;\n    display: inline-block;\n    width: 10px;\n    height: 25px;\n    margin: 0 5px;\n    padding: 0;\n    cursor: pointer;\n}\n  \n  .slick-dots li button:before {\n    font-family: auto;\n    font-size: 6px;\n    line-height: 20px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 15px;\n    height: 16px;\n    content: '•';\n    text-align: center;\n    opacity: .25;\n    color: black;\n    \n\n}\n  \n.pswp img {\n    max-width: none;\n    object-fit: contain;\n}\n  \n  .pswp__img--placeholder--blank{\n    display: none !important;\n}\n    \n\u003c\/style\u003e\n\u003cdiv class=\"img\"\u003e\n\u003c!-- Root element of PhotoSwipe. Must have class pswp. --\u003e\n\u003cdiv class=\"pswp\" role=\"dialog\" aria-hidden=\"true\" tabindex=\"-1\"\u003e\n\u003c!-- Background of PhotoSwipe. \n         It's a separate element as animating opacity is faster than rgba(). --\u003e\u003c!-- Slides wrapper with overflow:hidden. --\u003e\n\u003cdiv class=\"pswp__scroll-wrap\"\u003e\n\u003c!-- Container that holds slides. \n            PhotoSwipe keeps only 3 of them in the DOM to save memory.\n            Don't modify these 3 pswp__item elements, data is added later on. --\u003e\u003c!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --\u003e\n\u003cdiv class=\"pswp__ui pswp__ui--hidden\"\u003e\n\u003cdiv class=\"pswp__top-bar\"\u003e\n\u003c!--  Controls are self-explanatory. Order can be changed. --\u003e\n\u003cdiv class=\"pswp__counter\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003e\u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in\/out\"\u003e\u003c\/button\u003e \u003c!-- Preloader demo https:\/\/codepen.io\/dimsemenov\/pen\/yyBWoR --\u003e \u003c!-- element will get class pswp__preloader--active when preloader is running --\u003e\n\u003cdiv class=\"pswp__preloader\"\u003e\n\u003cdiv class=\"pswp__preloader__icn\"\u003e\n\u003cdiv class=\"pswp__preloader__cut\"\u003e\n\u003cdiv class=\"pswp__preloader__donut\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003e\n\u003cdiv class=\"pswp__share-tooltip\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003e \u003c\/button\u003e \u003cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\"\u003e \u003c\/button\u003e\n\u003cdiv class=\"pswp__caption\"\u003e\n\u003cdiv class=\"pswp__caption__center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n    \/\/slickスライダー初期化  \n    $(slider).slick({\n        autoplay: true,\n        arrows: false,\n       dots: true,\n        infinite: true \n    });\n\nvar initPhotoSwipeFromDOM = function(gallerySelector) {\n\n    \/\/ parse slide data (url, title, size ...) from DOM elements \n    \/\/ (children of gallerySelector)\n    var parseThumbnailElements = function(el) {\n        var thumbElements = el.childNodes,\n            numNodes = thumbElements.length,\n            items = [],\n            figureEl,\n            linkEl,\n            size,\n            item;\n\n        for(var i = 0; i \u003c numNodes; i++) {\n\n            figureEl = thumbElements[i]; \/\/ \u003cfigure\u003e element\n\n            \/\/ include only element nodes \n            if(figureEl.nodeType !== 1) {\n                continue;\n            }\n\n            linkEl = figureEl.children[0]; \/\/ \u003ca\u003e element\n\n            size = linkEl.getAttribute('data-size').split('x');\n\n            \/\/ create slide object\n            item = {\n                src: linkEl.getAttribute('href'),\n                w: parseInt(size[0], 10),\n                h: parseInt(size[1], 10)\n            };\n\n            if(figureEl.children.length \u003e 1) {\n                \/\/ \u003cfigcaption\u003e content\n                item.title = figureEl.children[1].innerHTML; \n            }\n\n            if(linkEl.children.length \u003e 0) {\n                \/\/ \u003cimg\u003e thumbnail element, retrieving thumbnail url\n                item.msrc = linkEl.children[0].getAttribute('src');\n            } \n\n            item.el = figureEl; \/\/ save link to element for getThumbBoundsFn\n            items.push(item);\n        }\n\n        return items;\n    };\n\n    \/\/ find nearest parent element\n    var closest = function closest(el, fn) {\n        return el \u0026\u0026 ( fn(el) ? el : closest(el.parentNode, fn) );\n    };\n\n    \/\/ triggers when user clicks on thumbnail\n    var onThumbnailsClick = function(e) {\n        e = e || window.event;\n        e.preventDefault ? e.preventDefault() : e.returnValue = false;\n\n        var eTarget = e.target || e.srcElement;\n\n        \/\/ find root element of slide\n        var clickedListItem = closest(eTarget, function(el) {\n            return (el.tagName \u0026\u0026 el.tagName.toUpperCase() === 'FIGURE');\n        });\n\n        if(!clickedListItem) {\n            return;\n        }\n\n        \/\/ find index of clicked item by looping through all child nodes\n        \/\/ alternatively, you may define index via data- attribute\n        var clickedGallery = clickedListItem.parentNode,\n            childNodes = clickedListItem.parentNode.childNodes,\n            numChildNodes = childNodes.length,\n            nodeIndex = 0,\n            index;\n\n        for (var i = 0; i \u003c numChildNodes; i++) {\n            if(childNodes[i].nodeType !== 1) { \n                continue; \n            }\n\n            if(childNodes[i] === clickedListItem) {\n                index = nodeIndex;\n                break;\n            }\n            nodeIndex++;\n        }\n\n        if(index \u003e= 0) {\n            \/\/ open PhotoSwipe if valid index found\n            openPhotoSwipe( index, clickedGallery );\n        }\n        return false;\n    };\n\n    \/\/ parse picture index and gallery index from URL (#\u0026pid=1\u0026gid=2)\n    var photoswipeParseHash = function() {\n        var hash = window.location.hash.substring(1),\n        params = {};\n\n        if(hash.length \u003c 5) {\n            return params;\n        }\n\n        var vars = hash.split('\u0026');\n        for (var i = 0; i \u003c vars.length; i++) {\n            if(!vars[i]) {\n                continue;\n            }\n            var pair = vars[i].split('=');  \n            if(pair.length \u003c 2) {\n                continue;\n            }           \n            params[pair[0]] = pair[1];\n        }\n\n        if(params.gid) {\n            params.gid = parseInt(params.gid, 10);\n        }\n\n        return params;\n    };\n\n    var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {\n        var pswpElement = document.querySelectorAll('.pswp')[0],\n            gallery,\n            options,\n            items;\n\n        items = parseThumbnailElements(galleryElement);\n\n        \/\/ define options (if needed)\n        options = {\n\n            \/\/ define gallery index (for URL)\n            galleryUID: galleryElement.getAttribute('data-pswp-uid'),\n\n            getThumbBoundsFn: function(index) {\n                \/\/ See Options -\u003e getThumbBoundsFn section of documentation for more info\n                var thumbnail = items[index].el.getElementsByTagName('img')[0], \/\/ find thumbnail\n                    pageYScroll = window.pageYOffset || document.documentElement.scrollTop,\n                    rect = thumbnail.getBoundingClientRect(); \n\n                return {x:rect.left, y:rect.top + pageYScroll, w:rect.width};\n            }\n\n        };\n\n        \/\/ PhotoSwipe opened from URL\n        if(fromURL) {\n            if(options.galleryPIDs) {\n                \/\/ parse real index when custom PIDs are used \n                \/\/ http:\/\/photoswipe.com\/documentation\/faq.html#custom-pid-in-url\n                for(var j = 0; j \u003c items.length; j++) {\n                    if(items[j].pid == index) {\n                        options.index = j;\n                        break;\n                    }\n                }\n            } else {\n                \/\/ in URL indexes start from 1\n                options.index = parseInt(index, 10) - 1;\n            }\n        } else {\n            options.index = parseInt(index, 10);\n        }\n\n        \/\/ exit if index not found\n        if( isNaN(options.index) ) {\n            return;\n        }\n\n        if(disableAnimation) {\n            options.showAnimationDuration = 0;\n        }\n\n        \/\/ Pass data to PhotoSwipe and initialize it\n        gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);\n        gallery.init();\n    };\n\n    \/\/ loop through all gallery elements and bind events\n    var galleryElements = document.querySelectorAll( gallerySelector );\n\n    for(var i = 0, l = galleryElements.length; i \u003c l; i++) {\n        galleryElements[i].setAttribute('data-pswp-uid', i+1);\n        galleryElements[i].onclick = onThumbnailsClick;\n    }\n\n    \/\/ Parse URL and open gallery if it contains #\u0026pid=3\u0026gid=1\n    var hashData = photoswipeParseHash();\n    if(hashData.pid \u0026\u0026 hashData.gid) {\n        openPhotoSwipe( hashData.pid ,  galleryElements[ hashData.gid - 1 ], true, true );\n    }\n};\n\n\/\/ execute above function\ninitPhotoSwipeFromDOM('.my-gallery');\n\u003c\/script\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/object-fit-images\/3.2.4\/ofi.js\"\u003e\u003c\/script\u003e\n\u003c\/div\u003e","brand":"OOJU","offers":[{"title":"1 \/ beige","offer_id":49287318962369,"sku":"OJ-25SSPT04BG01","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"2 \/ beige","offer_id":49287318995137,"sku":"OJ-25SSPT04BG02","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"3 \/ beige","offer_id":49287319027905,"sku":"OJ-25SSPT04BG03","price":4400.0,"currency_code":"JPY","in_stock":true},{"title":"4 \/ beige","offer_id":49287319060673,"sku":"OJ-25SSPT04BG04","price":4400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7543.jpg?v=1748485019"},{"product_id":"restock-nylon-salopette_navy","title":"nylon salopette_navy","description":"\u003cp\u003e人気のサロペットが新色を追加して再入荷。\u003cbr\u003eストラップがきちんと留まるよう、バックルの仕様をアップデートしました。\u003c\/p\u003e\n\u003cp\u003eさらっとした質感で軽い着心地のナイロンサロペット。\u003cbr\u003e撥水加工を施したナイロン素材で水はじきがよく、公園遊びや水場で活躍する1枚。\u003cbr\u003e子どもっぽくなりすぎないよう、シルエットにもこだわりました。\u003cbr\u003e着丈はベルトで調整が可能なので、成長に合わせて長く愛用いただけます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003emodel : May\u003c\/span\u003e\u003cspan\u003e 78cm size1　　※インナーは参考商品です。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ナイロン 100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/091c7afd5b79f36f283a36e596136a6d_600x600.png?v=1716373229\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable style=\"height: 154.933px; width: 100%;\" width=\"100%\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e\n\u003cp\u003e66\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e78.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e88\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e98.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003eB:股下\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 28.5859px;\"\u003e\n\u003ctd style=\"height: 28.5859px; width: 28.2257%;\"\u003eC:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.2697%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.0293%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.084%;\"\u003e39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2257%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.2697%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.367%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.0293%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.084%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"OOJU","offers":[{"title":"navy \/ 1","offer_id":49287324631233,"sku":"OJ-25SSOP02NV01","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 2","offer_id":49287324664001,"sku":"OJ-25SSOP02NV02","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 3","offer_id":49287324696769,"sku":"OJ-25SSOP02NV03","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"navy \/ 4","offer_id":49287324729537,"sku":"OJ-25SSOP02NV04","price":7920.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7300.jpg?v=1748485212"},{"product_id":"new-nylon-salopette_navy-コピー","title":"nylon salopette_pink","description":"\u003cp\u003e人気のサロペットが新色を追加して再入荷！！\u003cbr\u003eストラップがきちんと留まるよう、バックルの仕様をアップデートしました。\u003c\/p\u003e\n\u003cp\u003eさらっとした質感で軽い着心地のナイロンサロペット。\u003cbr\u003e撥水加工を施したナイロン素材で水はじきがよく、公園遊びや水場で活躍する1枚。\u003cbr\u003e子どもっぽくなりすぎないよう、シルエットにもこだわりました。\u003cbr\u003e着丈はベルトで調整が可能なので、成長に合わせて長く愛用いただけます。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003emodel :Emma\u003c\/span\u003e\u003cspan\u003e 101cm size2\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003ematerial： ナイロン 100%\u003c\/span\u003e\u003cbr\u003e             \u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv style=\"text-align: left;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/091c7afd5b79f36f283a36e596136a6d_600x600.png?v=1716373229\" alt=\"\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eㅤㅤ\u003c\/span\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" style=\"height: 154.933px; width: 100%;\"\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003esize \u003cbr\u003e\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e1\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e2\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e3\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003eA:総丈\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e\n\u003cp\u003e66\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e78.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e88\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e98.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 35.5859px;\"\u003e\n\u003ctd style=\"height: 35.5859px; width: 28.2257%;\"\u003e\n\u003cp\u003eB:股下\u003c\/p\u003e\n\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.2697%;\"\u003e26.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 18.0293%;\"\u003e39.5\u003c\/td\u003e\n\u003ctd style=\"height: 35.5859px; width: 17.084%;\"\u003e46\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 28.5859px;\"\u003e\n\u003ctd style=\"height: 28.5859px; width: 28.2257%;\"\u003eC:身幅\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.2697%;\"\u003e32\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.367%;\"\u003e33\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 18.0293%;\"\u003e37\u003c\/td\u003e\n\u003ctd style=\"height: 28.5859px; width: 17.084%;\"\u003e39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 19.5898px;\"\u003e\n\u003ctd style=\"height: 19.5898px; width: 28.2257%;\"\u003e身長（cm）\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.2697%;\"\u003e90\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.367%;\"\u003e95-105\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 18.0293%;\"\u003e110-120\u003c\/td\u003e\n\u003ctd style=\"height: 19.5898px; width: 17.084%;\"\u003e125-135\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"OOJU","offers":[{"title":"pink \/ 1","offer_id":49287334920385,"sku":"OJ-25SSOP02PK01","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 2","offer_id":49287334953153,"sku":"OJ-25SSOP02PK02","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 3","offer_id":49287334985921,"sku":"OJ-25SSOP02PK03","price":7920.0,"currency_code":"JPY","in_stock":true},{"title":"pink \/ 4","offer_id":50310029279425,"sku":"OJ-25SSOP02PK04","price":7920.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0611\/6691\/1681\/files\/IMG_7245.jpg?v=1748485488"}],"url":"https:\/\/ooju.jp\/ko\/collections\/all.oembed?page=4","provider":"OOJU","version":"1.0","type":"link"}