{"title":"タイプ別_バケットハット","description":"","products":[{"product_id":"dsh040u-gs","title":"LOGO PATCH BUCKET HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e毎日を彩る万能バケットハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-GS_065.jpg?v=1746689526\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e街歩きに映えるデザイン\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003eシンプルながらも洗練されたフォルムが、どんな装いにも自然と溶け込みます。\u003cstrong\u003eポリエステルと綿をブレンドした素材\u003c\/strong\u003eが、軽やかな肌触りを実現しました。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e高機能で快適さを追求したバケットハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-GS_065_5_IN.jpg?v=1746081400\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eお手入れ簡単な洗濯機洗いOK\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e99%UVカット\u003c\/strong\u003eで強い日差しも対策は万全です。\u003cstrong\u003e吸水速乾のスエットバンド\u003c\/strong\u003eが汗をしっかり吸収し、いつでも爽やかな着用感を提供します。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eアウトドアから日常まで楽しむバケットハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-GS_065_0_model_479c9add-ff7f-402c-8de0-71ac3e4ac621.jpg?v=1746081400\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eストラップループで紛失防止\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eで持ち運びも軽快。\u003cstrong\u003eサイズ調整が可能\u003c\/strong\u003eなので、心地よいフィット感がアクティブな一日中持続します。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eシンプルなロゴパッチが付いたバケットハットです。日常使いから、アウトドアなシーンまで幅広い場面で活躍します。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e紫外線カット機能付き\u003c\/li\u003e\n \u003cli\u003e吸水速乾素材のスエットバンドで快適な被り心地\u003c\/li\u003e\n \u003cli\u003eビッグサイズの展開もあり (DSH040U-XL-GS)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な着用をサポートする多彩な機能を搭載しています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整が可能\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様で持ち運びが軽快\u003c\/li\u003e\n \u003cli\u003e洗濯機洗いOKでお手入れ簡単\u003c\/li\u003e\n \u003cli\u003eUV CUT99%で強い日差しも対策万全\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンドで汗を吸収\u003c\/li\u003e\n \u003cli\u003eストラップループ付きで紛失を防止\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c!-- 機能アイコンや洗濯表示の画像があれば、以下のdiv内に配置します。\n \u003cdiv class=\"care-icons\"\u003e\n \u003cimg src=\"path\/to\/uvcut_icon.png\" alt=\"UV CUT 99%\"\u003e\n \u003cimg src=\"path\/to\/washable_icon.png\" alt=\"洗濯機洗いOK\"\u003e\n \u003c\/div\u003e\n --\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e耐久性と快適さを兼ね備えたブレンド素材です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eポリエステル 84%\u003c\/li\u003e\n \u003cli\u003e綿 16％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本製品の商品コードです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eDSH040U-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- 発送案内セクション (Shipping) - 情報がないため作成しません --\u003e\n\n \u003c!-- 注意事項セクション (Notes) - 情報がないため作成しません --\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379378213119,"sku":"DSH040U-GS_015_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197929337087,"sku":"DSH040U-GS_025_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197929369855,"sku":"DSH040U-GS_065_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"WHITE","offer_id":48197929402623,"sku":"DSH040U-GS_085_99","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-GS_085.jpg?v=1746689526"},{"product_id":"dsh040u-xl-gs","title":"LOGO PATCH BUCKET HAT XL","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eUVカットで魅せる洗練バケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e余計な装飾を削ぎ落とした\u003cstrong\u003eミニマルなデザイン\u003c\/strong\u003eが、着こなしに抜け感を演出します。日差しが強い日も、頼れる\u003cstrong\u003e紫外線カット機能\u003c\/strong\u003eでアクティブな一日をスタイリッシュに。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-XL-GS_065.jpg?v=1746689511\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eどんなシーンにも溶け込む\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e汗知らずの吸水速乾 極上のフィット感\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e吸水速乾素材\u003c\/strong\u003eのスウェットバンドが、汗を素早く吸収拡散。いつでも\u003cstrong\u003eドライな着用感\u003c\/strong\u003eが続き、\u003cstrong\u003eサイズ調整機能\u003c\/strong\u003eであなたにぴったりの被り心地を実現します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-XL-GS_065_5_IN.jpg?v=1746081398\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e見えない部分にも配慮\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eXLサイズが叶える小顔効果とリラックススタイル\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eゆったりとした\u003cstrong\u003eXLサイズ\u003c\/strong\u003eは、顔の輪郭を優しくカバーし、洗練された印象を与えます。\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eで、必要な時にさっと取り出し装いにプラス。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-XL-GS_065_0_model_608df949-84f0-4b0c-94e8-8f32aad9513b.jpg?v=1746081398\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e持ち運びもスマートに\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eシンプルなロゴパッチが付いたバケットハットです。日常使いからアウトドアシーンまで、様々な場面で活躍します。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eシンプルなロゴパッチデザイン\u003c\/li\u003e\n \u003cli\u003e紫外線カット機能で日差しから保護\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンドで汗をかいても快適\u003c\/li\u003e\n \u003cli\u003e日常使いからアウトドアまで幅広く活躍\u003c\/li\u003e\n \u003cli\u003eレギュラーサイズ（品番: DSH040U-GS）も展開しています\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこの製品には、快適な着用をサポートする様々な機能が備わっています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能\u003c\/li\u003e\n \u003cli\u003e洗濯機洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e製品を構成する素材情報です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eポリエステル 84%\u003c\/li\u003e\n \u003cli\u003e綿 16％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eDSH040U-XL-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379378344191,"sku":"DSH040U-XL-GS_015_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197927534847,"sku":"DSH040U-XL-GS_025_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197927567615,"sku":"DSH040U-XL-GS_065_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"WHITE","offer_id":48197927600383,"sku":"DSH040U-XL-GS_085_99","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/DSH040U-XL-GS_085.jpg?v=1746689511"},{"product_id":"esh531u-gs","title":"FK LEATHER BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e洗えるレザーハットが叶える上質スタイル\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\n 本革のようなリアルな皺感を持つ\u003cstrong\u003e洗える合皮レザー\u003c\/strong\u003eを採用。上質さを纏いながら、手入れの煩わしさから解放される毎日を贈ります。シンプルなデザインが、どんなコーディネートにも洗練された品格を添えます。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-GS_015_1_SIDE.jpg?v=1746081394\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e都会的で洗練されたバケットハット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eUVカットも嬉しい、快適な被り心地\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\n 綿55%とポリウレタン45%のブレンドが、一日中ストレスフリーな着用感を実現します。さらに、\u003cstrong\u003e99%のUVカット機能\u003c\/strong\u003eで、強い日差しの中でもおしゃれを妥協せず、頭と顔を守ります。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-GS_015_4_TOP.jpg?v=1746081395\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日差しを気にせず楽しむ帽子\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eどこへでも連れて行ける万能ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\n 頭に心地よくフィットする\u003cstrong\u003eサイズ調整機能\u003c\/strong\u003e。\u003cstrong\u003e手洗い可能\u003c\/strong\u003eでお手入れも簡単なので、いつでも清潔さを保てます。\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eでバッグに忍ばせ、旅先や外出先でも活躍する利便性も魅力です。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-GS_015_5_IN.jpg?v=1746081395\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e機能性と美しさを両立するハット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本革のような質感と実用性を兼ね備えたバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eリアルな皮の皺感を再現した洗える合皮レザー\u003c\/li\u003e\n \u003cli\u003e本革に比べてお手入れが簡単\u003c\/li\u003e\n \u003cli\u003eどんなコーディネートにも合わせやすいシンプルなデザイン\u003c\/li\u003e\n \u003cli\u003eビッグサイズ展開あり（商品コード: ESH531U-XL-GS）\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e毎日を快適に過ごすための嬉しい機能が充実しています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能\u003c\/li\u003e\n \u003cli\u003e手洗い可能\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様\u003c\/li\u003e\n \u003cli\u003eUV CUT 99%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な被り心地と耐久性を考慮した素材構成です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 55％\u003c\/li\u003e\n \u003cli\u003eポリウレタン 45％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本商品の製品コードは以下の通りです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eESH531U-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379378737407,"sku":"ESH531U-GS_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"D.BROWN","offer_id":48197927043327,"sku":"ESH531U-GS_056_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197927076095,"sku":"ESH531U-GS_065_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197927108863,"sku":"ESH531U-GS_081_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-GS_015_1_SIDE.jpg?v=1746081394"},{"product_id":"esh531u-xl-gs","title":"FK LEATHER BK HAT XL","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e上質フェイクレザー バケットハット 大人の品格\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e本製品はXLサイズです。本革と見間違うほどの\u003cstrong\u003eリアルなシワ感\u003c\/strong\u003eが、スタイリングに深みと洗練をもたらします。どんなコーディネートにもすっと馴染むブラックは、デイリーユースから特別な日まで活躍。手入れが簡単な\u003cstrong\u003e洗える合皮レザー\u003c\/strong\u003eで、気兼ねなくおしゃれを楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-XL-GS_015_1_SIDE.jpg?v=1746081393\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e洗練された大人の印象に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e全方位美人ハット 日差しから守る夏の必需品\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e広めのつばが顔周りを優しく包み込み、\u003cstrong\u003eUV CUT99%\u003c\/strong\u003eで紫外線から肌を徹底ガードします。内側の\u003cstrong\u003eサイズ調整機能\u003c\/strong\u003eで、頭の形に合わせて完璧にフィット。一日中快適な被り心地で、活動的なあなたの魅力を引き立てます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-XL-GS_015_4_TOP.jpg?v=1746081393\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日差しを気にせず楽しむ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e清潔快適バケットハット 旅にも普段にもスマートに\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e汗をかいてもべたつきにくい\u003cstrong\u003e吸水速乾スエットバンド\u003c\/strong\u003eで、いつでもサラサラの肌触り。\u003cstrong\u003e手洗いもできる\u003c\/strong\u003eため、清潔さを簡単に保てます。さらに、\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eで小さく折りたため、バッグに忍ばせてどこへでも連れて行けます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-XL-GS_015_5_IN.jpg?v=1746081393\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e毎日を心地よくサポート\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e洗える合皮レザーを使用し、質感と手入れのしやすさにこだわったバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e本革と見間違うほどのリアルなシワ感\u003c\/li\u003e\n \u003cli\u003e手入れが簡単な洗える合皮レザー\u003c\/li\u003e\n \u003cli\u003eどんなコーディネートにも合わせやすいデザイン\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"body-text\"\u003e※レギュラーサイズの展開もございます（品番：ESH531U-GS）。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能一覧\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能\u003c\/li\u003e\n \u003cli\u003e手洗い可能\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 55％\u003c\/li\u003e\n \u003cli\u003eポリウレタン 45％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eESH531U-XL-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379378868479,"sku":"ESH531U-XL-GS_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"D.BROWN","offer_id":48197926781183,"sku":"ESH531U-XL-GS_056_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH531U-XL-GS_015_1_SIDE.jpg?v=1746081393"},{"product_id":"esh532u-gs","title":"FK L.LOW ANGLE BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e本革のような質感、大人の洒落感を纏う\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e洗える合皮レザーが生み出す、\u003cstrong\u003e本革さながらのリアルなシワ感\u003c\/strong\u003eが魅力です。触れるたびに感じる上質な肌触りが、日常のコーディネートに深い表情と大人の洒落感を添えます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-GS_015.jpg?v=1746081391\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e洗練された表情を日常に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅のお供に最適、高機能バケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eアクティブな毎日をサポートする、優れた機能が凝縮されています。\u003cstrong\u003e手洗い可能\u003c\/strong\u003eでいつでも清潔を保ち、\u003cstrong\u003eUVカット99%\u003c\/strong\u003eで日差しから肌を守ります。\u003cstrong\u003eくるっと畳めるポケッタブル仕様\u003c\/strong\u003eで、旅行や外出先でもスマートに携帯できます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-GS_015_6_FOLD.jpg?v=1746081392\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e驚きの利便性と快適な機能\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e顔周りすっきり、旬顔コーデが叶う帽子\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eフラットより下がり気味の\u003cstrong\u003eローブリム\u003c\/strong\u003eが、顔周りをすっきりと見せ、洗練された印象を与えます。カジュアルからモードまで、どんなスタイルにも自然に溶け込み、身につけるだけで旬の着こなしが完成します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-GS_081_0_model_f73b9a63-c331-4a0c-9f99-e0839c0236f4.jpg?v=1746081392\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eこなれた大人スタイルを演出\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e洗える合皮レザーを使用したローブリムのバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e質感にこだわった本物らしい皮の皺感\u003c\/li\u003e\n \u003cli\u003e本革に比べて手入れが簡単\u003c\/li\u003e\n \u003cli\u003eトレンドを取り入れた下がり気味のブリム角度\u003c\/li\u003e\n \u003cli\u003eどんなコーディネートにも合わせやすい\u003c\/li\u003e\n \u003cli\u003eビッグサイズの展開あり (商品コード: ESH532U-XL-GS)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eアクティブな毎日をサポートする機能性。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能付き\u003c\/li\u003e\n \u003cli\u003e手洗いOKでお手入れ簡単\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様でコンパクトに携帯可能\u003c\/li\u003e\n \u003cli\u003eUV CUT99%で紫外線から肌を守る\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c!-- 機能アイコン画像があれば以下の構造で配置 --\u003e\n \u003c!--\n \u003cdiv class=\"care-icons\"\u003e\n \u003cimg src=\"__FUNCTION_ICON_ADJUST__\" alt=\"サイズ調整\"\u003e\n \u003cimg src=\"__FUNCTION_ICON_WASHABLE__\" alt=\"手洗いOK\"\u003e\n \u003cimg src=\"__FUNCTION_ICON_PACKABLE__\" alt=\"ポケッタブル\"\u003e\n \u003cimg src=\"__FUNCTION_ICON_UVCUT__\" alt=\"UV CUT99%\"\u003e\n \u003c\/div\u003e\n --\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e上質な質感と手入れのしやすさを両立した素材です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 55％\u003c\/li\u003e\n \u003cli\u003eポリウレタン 45％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品情報\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本製品の品番情報です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e品番: ESH532U-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379378934015,"sku":"ESH532U-GS_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"D.BROWN","offer_id":48197926289663,"sku":"ESH532U-GS_056_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197926322431,"sku":"ESH532U-GS_065_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197926355199,"sku":"ESH532U-GS_081_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-GS_015.jpg?v=1746081391"},{"product_id":"esh532u-xl","title":"FK L.LOW ANGLE BK HAT XL","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e最旬スタイルを纏う低ツババケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\n 深みのあるブラックがどんな装いも引き立てる、\u003cstrong\u003e洗練されたバケットハット\u003c\/strong\u003eです。\n フラットより角度を下げたブリムが、今どきの\u003cstrong\u003e抜け感を演出\u003c\/strong\u003eします。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-XL_015.jpg?v=1746081390\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eどんなコーデにもハマるデザイン\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e洗える合皮レザーを使用したローブリムのバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e質感にこだわり、本物らしい皮の皺感を再現\u003c\/li\u003e\n \u003cli\u003e本革に比べ手入れが簡単\u003c\/li\u003e\n \u003cli\u003eフラットより下がり気味のブリムでトレンド感を演出\u003c\/li\u003e\n \u003cli\u003eどんなコーデにも合わせやすい万能デザイン\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"body-text\"\u003e※レギュラーサイズの展開もあります。品番: ESH532U-GS\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cdiv class=\"care-icons\"\u003e\n \u003c!-- 機能アイコンや洗濯表示の画像があればここに配置 --\u003e\n \u003c\/div\u003e\n \u003cp class=\"body-text\"\u003e快適な使い心地を追求した豊富な機能を備えています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能付き\u003c\/li\u003e\n \u003cli\u003e手洗いOKでお手入れ簡単\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様で携帯に便利\u003c\/li\u003e\n \u003cli\u003eUV CUT 99%で紫外線対策も万全\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンドで常に快適な着用感\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e本製品の素材と商品コードに関する詳細です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e素材: 綿 55％、ポリウレタン 45％\u003c\/li\u003e\n \u003cli\u003e品番: ESH532U-XL\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46595198189823,"sku":"ESH532U-XL_015_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH532U-XL_015.jpg?v=1746081390"},{"product_id":"esh533f-gs","title":"DENIM FRINGE BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eデニムフリンジハットで垢抜けカジュアル\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e定番のバケットハットに、\u003cstrong\u003e旬のフリンジ加工\u003c\/strong\u003eを施し、日常の装いにさりげない個性を添えます。\u003cstrong\u003e綿100%のデニム風生地\u003c\/strong\u003eが、心地よい肌触りを届け、ワンランク上のお洒落を演出します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH533F-GS_015.jpg?v=1746689316\" class=\"img-fluid d-block w-100 product-img\" alt=\"デニムフリンジハットで垢抜けカジュアル\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e旬のフリンジがこなれ感をプラス\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e99%UVカット 日差しに負けないお洒落帽子\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e少し厚めのツイル生地が、気になる紫外線を\u003cstrong\u003e99%カット\u003c\/strong\u003eし、お顔をしっかりと守ります。\u003cstrong\u003eストラップループ\u003c\/strong\u003eで風の強い日も安心、\u003cstrong\u003eサイズ調整機能\u003c\/strong\u003eで誰にでもフィットする快適な被り心地です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH533F-GS_081.jpg?v=1746081389\" class=\"img-fluid d-block w-100 product-img\" alt=\"99%UVカット 日差しに負けないお洒落帽子\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e紫外線対策も安心、機能性ハット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e洗濯機OK ポケッタブルで毎日使える快適ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eくるっと丸めてバッグに収納できる\u003cstrong\u003eポケッタブル機能\u003c\/strong\u003eで、旅行やアウトドアに持ち運びも楽々です。汚れても\u003cstrong\u003e洗濯機でガシガシ洗える\u003c\/strong\u003eため、いつでも清潔に保ち、気兼ねなくデイリーユースを楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH533F-GS_033_6_FOLD.jpg?v=1746081389\" class=\"img-fluid d-block w-100 product-img\" alt=\"洗濯機OK ポケッタブルで毎日使える快適ハット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e手軽に持ち運び、お手入れも簡単\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e日常使いに最適な、デニム風フリンジバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eデニム風のカジュアルなデザイン\u003c\/li\u003e\n \u003cli\u003eさりげないフリンジ加工がアクセント\u003c\/li\u003e\n \u003cli\u003e厚めのツイル生地でしっかり日差しを遮る\u003c\/li\u003e\n \u003cli\u003eカジュアルからシンプルコーデまで幅広くマッチ\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な使い心地をサポートする多機能性。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能付き\u003c\/li\u003e\n \u003cli\u003eUV CUT99%で紫外線対策も安心\u003c\/li\u003e\n \u003cli\u003eストラップループ付きで風の強い日も安心\u003c\/li\u003e\n \u003cli\u003eポケッタブルで持ち運びが簡単\u003c\/li\u003e\n \u003cli\u003e洗濯機で丸洗い可能、いつも清潔\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e肌に優しい天然素材を使用しています。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e当商品の商品コードはこちらです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eESH533F-GS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379379130623,"sku":"ESH533F-GS_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197925437695,"sku":"ESH533F-GS_025_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BLUE","offer_id":48197925470463,"sku":"ESH533F-GS_033_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"L.BLUE","offer_id":48197925503231,"sku":"ESH533F-GS_038_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"L.KHAKI","offer_id":48197925535999,"sku":"ESH533F-GS_044_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"L.BEIGE","offer_id":48197925568767,"sku":"ESH533F-GS_064_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197925601535,"sku":"ESH533F-GS_081_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ESH533F-GS_033.jpg?v=1746689316"},{"product_id":"gsh534u","title":"FRINGE LOW ANGLE BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e遊び心あるフリンジで魅せる | 日常スタイルを格上げ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e遊び心あるフリンジ\u003c\/strong\u003eがトレンド感を演出。小つばのダウンブリムで日差しを遮り、日常のおしゃれを\u003cstrong\u003e快適に格上げ\u003c\/strong\u003eします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH534U_015.jpg?v=1746689275\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e都会的カジュアル\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eどんな顔立ちにも馴染む | 洗練シルエット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e頭に心地よくフィットする美しいフォルム。\u003cstrong\u003e洗練されたシルエット\u003c\/strong\u003eが顔立ちに馴染み、装いを\u003cstrong\u003eモードに彩ります\u003c\/strong\u003e。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH534U_015_0_model_a91195d9-ead7-46d8-aaf5-b024ae3fbf27.jpg?v=1746689275\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e旬顔叶えるバケット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e快適続く綿100% | 優れた機能で毎日をサポート\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e肌に優しい\u003cstrong\u003e綿100%素材\u003c\/strong\u003eが、\u003cstrong\u003e快適な被り心地\u003c\/strong\u003eを約束。手洗い可能で清潔を保ち、サイズ調整も自由自在。\u003cstrong\u003eポケッタブル\u003c\/strong\u003e、\u003cstrong\u003eUV CUT99%\u003c\/strong\u003eで機能性も万全です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH534U_081_8_MATERIAL.jpg?v=1746081385\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e心地よさと機能性\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eブリムの端がフリンジになった小つばのバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eダウンブリムで日差しをしっかり遮ります。\u003c\/li\u003e\n \u003cli\u003e手洗いが可能で、清潔さを保てます。\u003c\/li\u003e\n \u003cli\u003eポケッタブル仕様なので、持ち運びにも便利です。\u003c\/li\u003e\n \u003cli\u003e日常使いにぴったりのデザインと機能性を兼ね備えています。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な使い心地をサポートする様々な機能を搭載しています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整: 頭の形に合わせてフィット感を調整できます。\u003c\/li\u003e\n \u003cli\u003e手洗いOK: 簡単にお手入れができ、清潔を保てます。\u003c\/li\u003e\n \u003cli\u003eポケッタブル: 折りたたんでコンパクトに持ち運べます。\u003c\/li\u003e\n \u003cli\u003eUV CUT99%: 紫外線から肌をしっかり守ります。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品に関する基本情報です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e素材: 綿 100％\u003c\/li\u003e\n \u003cli\u003e品番: GSH534U\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379380179199,"sku":"GSH534U_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"KH.OLIVE","offer_id":48197924421887,"sku":"GSH534U_045_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197924454655,"sku":"GSH534U_065_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197924487423,"sku":"GSH534U_081_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH534U_081.jpg?v=1746689275"},{"product_id":"hsh211f","title":"REVERSIBLE FRINGE HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eフリンジバケットで休日カジュアル\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eデニムのような綿素材が魅力的なバケットハット。周りを彩る\u003cstrong\u003eフリンジ\u003c\/strong\u003eが抜け感を演出し、普段の装いを格上げします。\u003cstrong\u003eUVカット99%\u003c\/strong\u003eで日差し対策も万全です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH211F_033.jpg?v=1746689236\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e遊び心あふれるフリンジデザイン\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eフェスやアウトドアに最適UVハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e頼れる\u003cstrong\u003eあご紐付き\u003c\/strong\u003eだから、アクティブなシーンでも風を気にせず楽しめます。深めのシルエットが日差しをしっかりと遮り、おしゃれをしながら\u003cstrong\u003e日焼け対策\u003c\/strong\u003eを叶えるアイテムです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH211F_035_0_model_01e18dd3-90a0-4353-8593-977ca06085eb.jpg?v=1746081382\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eアクティブシーンも安心の安定感\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e華やか花柄！着回しリバーシブル帽\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e裏返せば、一瞬で印象がガラリと変わる華やかな\u003cstrong\u003e花柄スタイル\u003c\/strong\u003eに。その日の気分やコーディネートに合わせて、\u003cstrong\u003e二通りの表情\u003c\/strong\u003eを楽しめる\u003cstrong\u003e万能ハット\u003c\/strong\u003eで、おしゃれの幅が広がります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH211F_035_0_model2_2e092b75-624f-4761-b524-e21825eb0bd6.jpg?v=1746081383\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e気分で変える両面スタイル\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eリバーシブル仕様のフリンジバケットハットです。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e表は無地の綿素材、裏は花柄やチェックなど、フリンジとの相性が良い柄を合わせました！\u003c\/li\u003e\n \u003cli\u003e嬉しいあご紐つきなのでフェスなどアウトドアイベントにもオススメのアイテムです♪\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適さを追求した多機能ハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e手洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003eリバーシブル\u003c\/li\u003e\n \u003cli\u003eあごヒモ取り外し可\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eカラーバリエーションごとの素材構成です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eBLACK: 本体：綿 100% \/ 裏側：綿 50% ポリエステル 50%\u003c\/li\u003e\n \u003cli\u003eBLUE: 本体：綿 100% \/ 裏側：綿 50% ポリエステル 50%\u003c\/li\u003e\n \u003cli\u003eNAVY: 本体：綿 100% \/ 裏側：綿 100%\u003c\/li\u003e\n \u003cli\u003eBEIGE: 本体：綿 100% \/ 裏側：綿 100%\u003c\/li\u003e\n \u003cli\u003eIVORY: 本体：綿 100% \/ 裏側：綿 100%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品の識別コードです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e品番: HSH211F\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379380605183,"sku":"HSH211F_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BLUE","offer_id":48197923799295,"sku":"HSH211F_033_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"NAVY","offer_id":48197923832063,"sku":"HSH211F_035_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197923864831,"sku":"HSH211F_065_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197923897599,"sku":"HSH211F_081_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH211F_033.jpg?v=1746689236"},{"product_id":"hsh513f","title":"80's LONG BRIM BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性を纏う80'sケミカルハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH513F_026_2_BACK.jpg?v=1746689176\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eレトロで新しい旬顔ハット\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e80年代デニムのケミカルウォッシュを忠実に再現。ボトムやジャケットに抵抗がある方も、このハット一つで瞬時に旬顔へアップデート。つば広デザインが顔周りを華やかに彩ります。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eつば広で魅せる小顔効果\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH513F_026_4_TOP.jpg?v=1746081373\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日差しを味方にこなれ感\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e広いつば（8cm）が、視覚効果で顔全体を小さく見せ、気になる日差しもしっかりカット。360度どこから見ても美しいシルエットは、カジュアルながらも洗練された大人のこなれ感を演出します。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e毎日使える快適機能バケット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH513F_026_5_IN.jpg?v=1746081373\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e機能性で日常にフィット\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e内側の吸水速乾スウェットバンドで、汗をかいても快適さをキープ。サイズ調整可能なので、いつでもジャストフィット。手洗いできるから清潔に保て、ポケッタブルで持ち運びも楽々です。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e80年代のレトロな風合いを再現した、バケットハットの主な特徴です。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e80年代デニムのケミカルウォッシュを忠実に再現\u003c\/li\u003e\n \u003cli\u003eつばの長さは8cmのつば広デザイン\u003c\/li\u003e\n \u003cli\u003e黒とアイボリーには綿ツイルに軽く洗いをかけて仕上げ\u003c\/li\u003e\n \u003cli\u003eボトムやジャケットに抵抗がある方もスタイリングに取り入れやすい\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な使い心地を追求した、便利な機能をご紹介します。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能\u003c\/li\u003e\n \u003cli\u003e手洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スウェットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e高品質な素材を使用しています。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本製品の識別番号です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eHSH513F\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379381522687,"sku":"HSH513F_015_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"D.GRAY","offer_id":48197921243391,"sku":"HSH513F_026_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"NAVY","offer_id":48197921276159,"sku":"HSH513F_035_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197921308927,"sku":"HSH513F_081_99","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"PAS.BLUE","offer_id":48197921341695,"sku":"HSH513F_087_99","price":3960.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH513F_035.jpg?v=1746689176"},{"product_id":"hsh532u","title":"80's BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e80年代が薫る個性派デニムハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e懐かしさと新しさを併せ持つ\u003cstrong\u003e80年代デニムのケミカルウォッシュ\u003c\/strong\u003eを再現。独特の風合いが日常の装いに遊び心をプラスし、綿100%の素材が心地よい肌触りを届けます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH532U_035.jpg?v=1746689161\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e旬な表情を演出するバケハ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e大人の抜け感を演出、UV対策ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eさっと被るだけでこなれた印象を与えるバケットハット。\u003cstrong\u003e99%UVカット\u003c\/strong\u003eで日差しから肌を守り、内側の調整機能であなたにぴったりのフィット感を実現します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH532U_035_0_model_5f82868b-01ae-4057-b859-4d8ccccf871e.jpg?v=1746081371\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eカジュアルを格上げ、安心感\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e毎日を快適に、機能美バケット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003eつばの長さ5cm\u003c\/strong\u003eが絶妙なバランス。手洗い可能な綿ツイル素材に\u003cstrong\u003e吸水速乾スウェットバンド\u003c\/strong\u003eで清潔と快適さを両立。くるっと丸めて\u003cstrong\u003eポケッタブル\u003c\/strong\u003e、持ち運びもスマートです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH532U_035_8_MATERIAL.jpg?v=1746081371\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e細部まで抜かりない設計\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e80年代のデニムケミカルウォッシュを再現したバケットハットです。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eつばの長さは5cmで、絶妙なバランスを保ちます。\u003c\/li\u003e\n \u003cli\u003e黒とアイボリーには綿ツイルに軽く洗いをかけて仕上げています。\u003c\/li\u003e\n \u003cli\u003eボトムやジャケットだと抵抗がある方でも、スタイリングに取り入れやすいケミカルウォッシュのアイテムです。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能性\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e日常使いからレジャーまで、快適に過ごせる機能が充実しています。\u003c\/p\u003e\n \u003cdiv class=\"care-icons\"\u003e\n \u003c!-- 機能アイコン画像があればここに配置 (例: \u003cimg src=\"adjust_icon.png\" alt=\"サイズ調整\"\u003e) --\u003e\n \u003c\/div\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整機能付きでフィット感を高めます。\u003c\/li\u003e\n \u003cli\u003e手洗い可能なので、いつでも清潔に保てます。\u003c\/li\u003e\n \u003cli\u003eくるっと丸めて持ち運べるポケッタブル仕様で、携帯に便利です。\u003c\/li\u003e\n \u003cli\u003eUV CUT99%で、日差しが強い日も紫外線対策は万全です。\u003c\/li\u003e\n \u003cli\u003e吸水速乾スウェットバンドが、汗をかいても快適な被り心地をキープします。\u003c\/li\u003e\n \u003cli\u003eストラップループ付きで、風の強い日でも安心して着用できます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e素材: 綿 100％\u003c\/li\u003e\n \u003cli\u003e品番: HSH532U\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 発送案内セクション (Shipping) - 情報がないため作成しません --\u003e\n \u003c!-- 注意事項セクション (Notes) - 情報がないため作成しません --\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379382014207,"sku":"HSH532U_015_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"D.GRAY","offer_id":48197921112319,"sku":"HSH532U_026_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"NAVY","offer_id":48197921145087,"sku":"HSH532U_035_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197921177855,"sku":"HSH532U_081_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"PAS.BLUE","offer_id":48197921210623,"sku":"HSH532U_087_99","price":3630.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH532U_035.jpg?v=1746689161"},{"product_id":"hst316f","title":"YURIKA HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eYURIKA HAT: 小顔見せバケットハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST316F_081.jpg?v=1746689055\" class=\"img-fluid d-block w-100 product-img\" alt=\"YURIKA HAT 涼しげな編み目と美しいフォルム\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e涼しげな編み目と美しいフォルム\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e軽やかな\u003cstrong\u003eペーパークロシェ\u003c\/strong\u003eが魅力のYURIKA HAT。日常に溶け込むコンパクトなサイズ感で、どこへでも連れて行きたくなります。縦ラインが顔周りをすっきりと見せ、\u003cstrong\u003e洗練された印象\u003c\/strong\u003eを与えます。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e上質な風合い、ペーパーハットの表情\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST316F_053_4_TOP.jpg?v=1746081357\" class=\"img-fluid d-block w-100 product-img\" alt=\"YURIKA HAT 職人の技が光る緻密な編み目\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e職人の技が光る緻密な編み目\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e緻密に編み込まれた\u003cstrong\u003eペーパークロシェ\u003c\/strong\u003eの天面は、\u003cstrong\u003e職人技の結晶\u003c\/strong\u003eです。\u003cstrong\u003e一点一点異なる表情\u003c\/strong\u003eを持つ\u003cstrong\u003e自然な手触り\u003c\/strong\u003eが、装いに\u003cstrong\u003e唯一無二の魅力\u003c\/strong\u003eをプラスします。\u003cstrong\u003eナチュラルな素材感\u003c\/strong\u003eが引き立つ、落ち着いた佇まいです。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅のお供に！多機能ポケッタブルハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST316F_053_5_IN.jpg?v=1746081357\" class=\"img-fluid d-block w-100 product-img\" alt=\"YURIKA HAT 快適さ続く多機能デザイン\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e快適さ続く多機能デザイン\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e快適なフィット感を叶える\u003cstrong\u003eサイズ調整機能付き\u003c\/strong\u003e。\u003cstrong\u003e吸水速乾スエットバンド\u003c\/strong\u003eが汗ばむ季節も心地よく保ち、\u003cstrong\u003eストラップループ付き\u003c\/strong\u003eでアクティブシーンも安心です。くるっと丸めてバッグへ、\u003cstrong\u003e旅やレジャーに最適\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e製品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e豊富な色展開のペーパークロシェバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e日常使いしやすいコンパクトな作り\u003c\/li\u003e\n \u003cli\u003e縦ラインが帽子の強度を高め、メリハリを演出\u003c\/li\u003e\n \u003cli\u003e小顔効果が期待できるデザイン\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e分類外繊維（紙）100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e品番: HST316F\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\u003c!-- \/content-section --\u003e\n\n\u003c\/div\u003e\u003c!-- \/container product-wrapper --\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46564276076799,"sku":"HST316F_015_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197918032127,"sku":"HST316F_025_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"GRN.ASH","offer_id":48197918064895,"sku":"HST316F_041_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"GREEN","offer_id":48197918097663,"sku":"HST316F_048_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197918130431,"sku":"HST316F_053_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"BROWN","offer_id":48197918163199,"sku":"HST316F_055_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197918195967,"sku":"HST316F_065_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"ORANGE","offer_id":48197918228735,"sku":"HST316F_068_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"PURPLE","offer_id":48197918261503,"sku":"HST316F_079_99","price":2860.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197918294271,"sku":"HST316F_081_99","price":2860.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST316F_081.jpg?v=1746689055"},{"product_id":"hst857-j","title":"YURIKA HAT KIDS","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- ① 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e親子お揃い！夏のおしゃれキッズバケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e大人とお揃いの\u003cstrong\u003eペーパークロシェ\u003c\/strong\u003eが、洗練されたリゾート感を演出します。つば先の\u003cstrong\u003e鮮やかなピンクライン\u003c\/strong\u003eが、元気いっぱいの子供らしさをプラスし、\u003cstrong\u003e夏のコーディネートの主役\u003c\/strong\u003eになります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST857-J_065.jpg?v=1746081349\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e家族で楽しむ夏の親子リンクコーデ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e成長に合わせてフィットするキッズ帽子\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e内側に施された\u003cstrong\u003eサイズ調整機能\u003c\/strong\u003eで、お子様の成長やヘアスタイルに合わせて最適なフィット感を実現します。\u003cstrong\u003e吸水速乾スウェットバンド\u003c\/strong\u003eが汗をしっかり吸収し、どんなに動き回っても\u003cstrong\u003e爽やかな被り心地\u003c\/strong\u003eが続きます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST857-J_065_5_IN.jpg?v=1746081349\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e快適な被り心地で元気に遊ぼう\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eコンパクトに持ち運べるお出かけハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e柔軟なペーパークロシェ素材\u003c\/strong\u003eは、くるっと丸めてバッグに収納できる\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003e。必要な時にさっと取り出せる手軽さで、公園遊びやレジャーなど、どんな場所へのお出かけも\u003cstrong\u003eスマートにサポート\u003c\/strong\u003eします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST857-J_065_8_MATERIAL.jpg?v=1746081350\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eいつでもどこでも一緒のおしゃれアイテム\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- ② スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e大人サイズとお揃いのペーパークロシェのバケットハットです。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eキッズはつば先にビビットカラーのラインを入れることで、可愛らしさをプラスしました。\u003c\/li\u003e\n \u003cli\u003e大人サイズは商品コードHST316Fで検索してください。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な使い心地をサポートする機能が充実しています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eサイズ調整\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003e吸水速乾スウェットバンド\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e帽子の素材情報です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e分類外繊維（紙） 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本製品の商品コードです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eHST857-J\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- ③ 発送案内セクション (Shipping) - 情報がないため出力しない --\u003e\n \u003c!-- ④ 注意事項セクション (Notes) - 情報がないため出力しない --\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BEIGE","offer_id":46564276338943,"sku":"HST857-J_065_99","price":2530.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197916950783,"sku":"HST857-J_081_99","price":2530.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST857-J_065.jpg?v=1746081349"},{"product_id":"gsh512f-is","title":"SYDNEY HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eリバーシブルで3シーズン快適\u003c\/h3\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e表情変わるリバーシブルハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e気分やファッションに合わせて、表情豊かな色柄と異なる素材感を楽しめるリバーシブル仕様です。ゆとりのあるサイズ感で、リラックスして着用いただけます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH512F-IS_081.jpg?v=1746687582\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e自由なスタイリングを楽しむ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e豊かな質感 サーモハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eポリエステルやレーヨンなどをブレンドしたこだわりの素材使い。奥行きのある編み地が心地よい肌触りを生み出し、オールシーズン快適な着用感を提供します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH512F-IS_081_8_MATERIAL.jpg?v=1746687582\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e異なる表情を両面に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eUV対策も万全 ポケッタブルハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e紫外線を90％カットするUV機能付きで、春から秋の日差し対策に最適です。さらにポケッタブル設計で、使わない時はバッグへスマートに収納できます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH512F-IS_015.jpg?v=1746687582\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e軽やかに持ち運べる相棒\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品の特徴\u003c\/h3\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eリバーシブル仕様: 両面使えるリバーシブル仕様で、コーデや気分に合わせて色柄や素材感の違いを楽しめます。\u003c\/li\u003e\n \u003cli\u003eポケッタブル設計: 折りたたんでバッグに収納できるポケッタブル設計で、持ち運びや保管が簡単です。\u003c\/li\u003e\n \u003cli\u003eUVカット機能: 紫外線を90％カットするUV機能付きで、春から秋の日差し対策に最適です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eこの商品の主な特徴です。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eリバーシブル\u003c\/li\u003e\n \u003cli\u003eサーモハット\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUVカット\u003c\/li\u003e\n \u003cli\u003eオールシーズン\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭囲\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eFREE\u003c\/td\u003e\n \u003ctd\u003e59cm\u003c\/td\u003e\n \u003ctd\u003e5.5cm\u003c\/td\u003e\n \u003ctd\u003e11cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e使用されている素材です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eポリエステル：38％\u003c\/li\u003e\n \u003cli\u003eレーヨン：31％\u003c\/li\u003e\n \u003cli\u003eポリプロピレン：22％\u003c\/li\u003e\n \u003cli\u003e麻：9％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e注意事項\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eこの商品は素材の特性により、多少色落ちする場合があります。手洗いの際は、他のものと別にしてください。干す際は、十分に水気を取り形を整えて陰干ししてください。水や汗で濡れたままの放置やつけ置き洗いはお避けください。摩擦や水濡れにより色移りする場合がありますので、十分ご注意ください。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379448893695,"sku":"GSH512F-IS_015_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197887590655,"sku":"GSH512F-IS_081_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH512F-IS_081.jpg?v=1746687582"},{"product_id":"gsh532u-is","title":"DOWN BRIM SUN HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e顔周り彩る、優雅なダウンブリム\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e深さのある長めのダウンブリムが、日差しから顔周りをしっかりガードします。おしゃれなシルエットを演出し、普段使いから特別な日まで、洗練された印象を与えます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH532U-IS_025.jpg?v=1746687563\" class=\"img-fluid d-block w-100 product-img\" alt=\"優雅なダウンブリム\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eスタイリッシュな印象に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e全方位から守る、強力UVカット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eつばの広いデザインは、360度どこから来る日差しも効果的にカットします。\u003cstrong\u003e99％の紫外線をブロックする機能\u003c\/strong\u003eで、お出かけ先でも安心して過ごせます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH532U-IS_044_5_IN.jpg?v=1746081270\" class=\"img-fluid d-block w-100 product-img\" alt=\"強力UVカット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日差しを気にせず快適に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅のお供に、軽やかポケッタブル\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eくるっと丸めてコンパクトに収納できる\u003cstrong\u003eポケッタブル機能\u003c\/strong\u003eが魅力です。バッグに入れてもかさばらず、旅行やアウトドア、急な外出時にもさっと持ち運べます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH532U-IS_085_6_FOLD.jpg?v=1746081270\" class=\"img-fluid d-block w-100 product-img\" alt=\"軽やかポケッタブル\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e持ち運びスマートに\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003ch3 class=\"section-title\"\u003e製品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e涼感ポケッタブル＆UVカットハット「DOWN BRIM SUN HAT」の主な特徴です。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e長めのダウンブリムが日差しから顔周りをしっかりガードし、おしゃれなシルエットを演出します。\u003c\/li\u003e\n \u003cli\u003eコンパクトに折りたためるポケッタブル収納で、バッグに入れてもかさばらず持ち運びに便利です。\u003c\/li\u003e\n \u003cli\u003eUVカット99％の機能で、紫外線を強力にブロックし日差しを気にせず着用できます。\u003c\/li\u003e\n \u003cli\u003e手洗いOKでお手入れが簡単です。\u003c\/li\u003e\n \u003cli\u003eあご紐は取り外し可能です。\u003c\/li\u003e\n \u003cli\u003eバケットハットタイプのデザインです。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品のサイズ情報です。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭囲\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eフリー\u003c\/td\u003e\n \u003ctd\u003e58cm\u003c\/td\u003e\n \u003ctd\u003e9cm\u003c\/td\u003e\n \u003ctd\u003e9cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品の素材構成です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿：58％\u003c\/li\u003e\n \u003cli\u003eナイロン：40％\u003c\/li\u003e\n \u003cli\u003eポリウレタン：2％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"body-text\"\u003e※生産国に関する情報はありません。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご使用上の注意\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eこの商品は素材の特性により、多少色落ちする場合があります。手洗いの際は、他のものと別にしてください。干す際は、十分に水気を取り形を整えて陰干ししてください。水や汗で濡れたままの放置やつけ置き洗いはお避けください。摩擦や水濡れにより色移りする場合がありますので、十分ご注意ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379448959231,"sku":"GSH532U-IS_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197886836991,"sku":"GSH532U-IS_025_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"L.KHAKI","offer_id":48197886869759,"sku":"GSH532U-IS_044_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197886902527,"sku":"GSH532U-IS_065_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"WHITE","offer_id":48197886935295,"sku":"GSH532U-IS_085_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GSH532U-IS_025.jpg?v=1746687563"},{"product_id":"hsh632u-is","title":"INSECT SHIELD BUCKET HAT","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003ch2\u003eINSECT SHIELD BUCKET HAT\u003c\/h2\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e虫を寄せ付けない、UV対策ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e自然を楽しむアクティブなあなたへ。特殊な\u003cstrong\u003eインセクトシールド加工\u003c\/strong\u003eが不快な虫を寄せ付けません。さらに、気になる紫外線を\u003cstrong\u003e99%ブロック\u003c\/strong\u003eし、日差しから肌をしっかり守ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-IS_045.jpg?v=1746687386\" class=\"img-fluid d-block w-100 product-img\" alt=\"虫を寄せ付けないUV対策ハットの画像\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e頼れるアウトドアギア\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e汗をかいても常に快適なバケット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e汗ばむ季節でも、\u003cstrong\u003e吸水速乾スエットバンド\u003c\/strong\u003eが頭部をドライに保ちます。\u003cstrong\u003e手洗い可能\u003c\/strong\u003eな清潔感と、携帯に便利な\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eは、どんな旅にも最適です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-IS_065_7_ARRANGE.jpg?v=1746081260\" class=\"img-fluid d-block w-100 product-img\" alt=\"吸水速乾スエットバンドの画像\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eいつでも清潔、どこでも携帯\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eこなれ感を演出するタウンユース\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e無駄のないシンプルなデザインは、どんなコーディネートにも自然に溶け込みます。\u003cstrong\u003e綿100%\u003c\/strong\u003eの優しい肌触りが魅力で、レギュラー・ビッグ・キッズの\u003cstrong\u003e3サイズ展開\u003c\/strong\u003eで家族みんなで楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-IS_055_0_model_25cbe3d3-57c3-4d1c-86ed-11753a15fb56.jpg?v=1746081260\" class=\"img-fluid d-block w-100 product-img\" alt=\"綿100%の優しい肌触りの画像\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e毎日のお供に、遊び心を\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e製品スペック・詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eシンプルなデザインに、虫除けとUV対策機能を兼ね備えたバケットハットです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eインセクトシールド加工により不快な虫を寄せ付けません。\u003c\/li\u003e\n \u003cli\u003eUV CUT99%で強い日差しから肌を守ります。\u003c\/li\u003e\n \u003cli\u003e吸水速乾素材のスエットバンドで快適なかぶり心地をキープします。\u003c\/li\u003e\n \u003cli\u003eレギュラー・ビッグ・キッズの3サイズ展開で、家族みんなでご使用いただけます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e快適な着用をサポートする多彩な機能を搭載しています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eインセクト シールド加工\u003c\/li\u003e\n \u003cli\u003eサイズ調整\u003c\/li\u003e\n \u003cli\u003e手洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e各サイズの目安と、加工による特性についてご案内します。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eレギュラーサイズ\u003c\/li\u003e\n \u003cli\u003eビッグサイズ\u003c\/li\u003e\n \u003cli\u003eキッズサイズ\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"body-text\"\u003e※インセクトシールド加工を施すため、個体によってサイズのばらつきが多少生じます。予めご留意ください。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e肌触りの良い天然素材を使用しています。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこの商品の品番です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e品番: HSH632U-IS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"body-text\"\u003e別サイズの商品をお探しの場合：\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eビッグサイズ: HSH632U-XL-IS\u003c\/li\u003e\n \u003cli\u003eキッズサイズ: HSH632U-J-IS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379450859775,"sku":"HSH632U-IS_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"KH.OLIVE","offer_id":48197884805375,"sku":"HSH632U-IS_045_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BROWN","offer_id":48197884838143,"sku":"HSH632U-IS_055_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197884870911,"sku":"HSH632U-IS_065_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-IS_045.jpg?v=1746687386"},{"product_id":"hsh632u-j-is","title":"INSECT SHIELD BUCKET HAT KIDS","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eキッズのお出かけを快適に 虫除けハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e夏の遊びをもっと自由に。\u003cstrong\u003eインセクトシールド加工\u003c\/strong\u003eを施した帽子が、お子様を不快な虫から守り、強い日差しも\u003cstrong\u003e99%カット\u003c\/strong\u003e。暑い日でも心地よく過ごせます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-J-IS_065.jpg?v=1746687364\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e頼れる夏のキッズハット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e吸水速乾でサラリと快適 汗っかきも安心\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e活発に遊ぶお子様の汗もしっかり吸収し、\u003cstrong\u003eサラリとした肌触り\u003c\/strong\u003eが持続。\u003cstrong\u003e手洗いも可能\u003c\/strong\u003eなので、毎日清潔を保ちながら、お子様を常に快適に保ちます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-J-IS_055_8_MATERIAL.jpg?v=1746081259\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e汗をかいても清潔キープ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e持ち運びも楽々 ポケッタブル機能付き\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e小さくたたんでバッグへスマートに収納できる\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003e。ストラップループ付きで風の強い日も安心、内側でぴったりのフィット感に調整可能です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-J-IS_065_7_ARRANGE.jpg?v=1746081259\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eどこへでも連れて行ける\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eインセクトシールド加工されたシンプルなバケットハットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e気になる紫外線をしっかりカット\u003c\/li\u003e\n \u003cli\u003e吸水速乾素材のスエットバンドで快適な被り心地\u003c\/li\u003e\n \u003cli\u003eレギュラー・ビック・キッズの3サイズ展開\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e※同シリーズのレギュラーサイズは「HSH632U-IS」、ビッグサイズは「HSH632U-XL-IS」で検索可能です。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e主な機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eインセクト シールド加工\u003c\/li\u003e\n \u003cli\u003eサイズ調整機能\u003c\/li\u003e\n \u003cli\u003e手洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUV CUT 99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コード\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eHSH632U-J-IS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eインセクトシールド加工を施す特性上、個体によってサイズのばらつきが多少生じる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379450990847,"sku":"HSH632U-J-IS_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"KH.OLIVE","offer_id":48197884575999,"sku":"HSH632U-J-IS_045_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BROWN","offer_id":48197884608767,"sku":"HSH632U-J-IS_055_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197884641535,"sku":"HSH632U-J-IS_065_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-J-IS_065.jpg?v=1746687364"},{"product_id":"hsh632u-xl-is","title":"INSECT SHIELD BUCKET HAT XL","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e「INSECT SHIELD」大人の定番バケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e上質な\u003cstrong\u003e綿100％素材\u003c\/strong\u003eが、普段使いからアクティブシーンまで、どんな装いにも\u003cstrong\u003e洗練された印象\u003c\/strong\u003eを与えます。自然に溶け込む\u003cstrong\u003eシンプルなデザイン\u003c\/strong\u003eで、スタイリングの幅を広げます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-XL-IS_045.jpg?v=1746687347\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eスタイリング自由自在\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e活動を支える快適機能ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e吸水速乾スエットバンド\u003c\/strong\u003eが、常に頭部をさらりと快適な状態に保ちます。\u003cstrong\u003eストラップループ\u003c\/strong\u003eで風対策も万全、小さく畳める\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eで、持ち運びにも便利です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-XL-IS_055_8_MATERIAL.jpg?v=1746081257\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e見えない場所にもこだわり\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e日差しを忘れさせる頼れる帽子\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e頭部をすっぽり包み込む\u003cstrong\u003eXLサイズ\u003c\/strong\u003eで、強い日差しから\u003cstrong\u003e顔や首元をしっかりガード\u003c\/strong\u003eします。\u003cstrong\u003eゆったりとした被り心地\u003c\/strong\u003eで、長時間の着用でもストレスを感じさせません。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-XL-IS_055_0_model_8e7df424-00ed-41d2-b489-bc04c8e64918.jpg?v=1746081257\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e広いつばで安心感\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品説明\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eインセクトシールド加工されたシンプルなバケットハットです！\u003c\/p\u003e\n \u003cp\u003e気になる紫外線をしっかりカットしつつ、吸水速乾素材のスエットバンドでかぶり心地も快適です◎\u003c\/p\u003e\n \u003cp\u003eレギュラー・ビック・キッズの3サイズ展開です。インセクトシールド加工を施すため個体によってサイズのばらつきが多少生じます。予めご留意ください。\u003c\/p\u003e\n \u003cp\u003eレギュラーサイズ→HSH632U-IS、キッズサイズ→HSH632U-J-ISで検索してみてください。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eインセクト シールド加工\u003c\/li\u003e\n \u003cli\u003eサイズ調整\u003c\/li\u003e\n \u003cli\u003e手洗いOK\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eUV CUT99%\u003c\/li\u003e\n \u003cli\u003e吸水速乾スエットバンド\u003c\/li\u003e\n \u003cli\u003eストラップループ付き\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿 100％\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e品番\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eHSH632U-XL-IS\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379451121919,"sku":"HSH632U-XL-IS_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"KH.OLIVE","offer_id":48197884117247,"sku":"HSH632U-XL-IS_045_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BROWN","offer_id":48197884150015,"sku":"HSH632U-XL-IS_055_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197884182783,"sku":"HSH632U-XL-IS_065_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH632U-XL-IS_045.jpg?v=1746687347"},{"product_id":"ish231u","title":"KABO HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性光る、愛犬とのお出かけハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e愛らしい犬たちの\u003cstrong\u003e総刺繍\u003c\/strong\u003eが、あなたの日常に温かい遊び心をプラスします。どんなスタイルにも溶け込み、さりげなく個性を主張するデザインです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_015_1_SIDE.jpg?v=1746081252\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e心弾む、刺繍バケットハット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e職人技が息づく、温もり刺繍\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e一つひとつ丁寧に施された\u003cstrong\u003e手仕事の刺繍\u003c\/strong\u003eは、デジタルでは表現できない温かみと奥深さを宿します。細部までこだわり抜いた、あなただけの\u003cstrong\u003e特別な逸品\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_015_8_MATERIAL.jpg?v=1746081252\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e手間暇かけた、愛着が湧く一品\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e毎日が快適になる、相棒ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e内側のひもで頭周りを自由に調整でき、長時間被っても\u003cstrong\u003eストレスフリーな心地よさ\u003c\/strong\u003eです。折りたたんで持ち運びも簡単、急な旅行やお散歩にも軽快に連れ出せます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_015_0_model_57862837-ee83-4104-a585-853fe5a9b136.jpg?v=1746081253\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eスタイルを格上げ、自由な着こなし\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e温もりを纏う刺繍バケットハット\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e手仕事刺繍の温かみ: 職人の手作業による総刺繍が、被るたびに温かみと唯一無二の個性をさりげなく演出します。幅広いコーデに馴染み、日常使いから特別な日まで活躍します。\u003c\/li\u003e\n \u003cli\u003eサイズ調整＆ポケッタブル: 内側ヒモで簡単にサイズ調整可能、さらに折りたたんでポケットに収納できる実用性を備えています。旅行や通勤時にもスマートに持ち運べます。\u003c\/li\u003e\n \u003cli\u003e吸湿速乾＆耐久性: アクリル・ポリエステルが保温性と軽さを両立し、再生繊維と麻が優れた吸湿速乾性と通気性を引き出します。長時間の使用でも快適さが続きます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e関連キーワード\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e刺繍ハット\u003c\/li\u003e\n \u003cli\u003eサーモバケット\u003c\/li\u003e\n \u003cli\u003eポケッタブル\u003c\/li\u003e\n \u003cli\u003eサイズ調整可能\u003c\/li\u003e\n \u003cli\u003eユニセックス\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e帽子のサイズは以下の通りです。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭周り\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eワンサイズ\u003c\/td\u003e\n \u003ctd\u003e58.5cm\u003c\/td\u003e\n \u003ctd\u003e5cm\u003c\/td\u003e\n \u003ctd\u003e9cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e素材の構成\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eアクリル：35%\u003c\/li\u003e\n \u003cli\u003eポリエステル：35%\u003c\/li\u003e\n \u003cli\u003e再生繊維（リヨセル）：20%\u003c\/li\u003e\n \u003cli\u003e麻：10%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e着用シーン\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e様々なシーンでの着用イメージです。\u003c\/p\u003e\n \u003cdiv class=\"spec-img-full\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_065_zozo_1.jpg?v=1743475180\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-img-full\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_065_zozo_2.jpg?v=1743475180\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eニット製品のため、サイズは目安です。手洗いまたはネット使用を推奨します。刺繍部分は強い力を加えるとほつれる場合がありますのでご注意ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379451449599,"sku":"ISH231U_015_99","price":7590.0,"currency_code":"JPY","in_stock":false},{"title":"D.GREEN","offer_id":48197882544383,"sku":"ISH231U_049_99","price":7590.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197882577151,"sku":"ISH231U_065_99","price":7590.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH231U_015_1_SIDE.jpg?v=1746081252"},{"product_id":"ish332u","title":"WATERPROOF BK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eどんな天気も味方に 防水ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e突然の雨も強い日差しも、もう怖くありません。独自の\u003cstrong\u003e防水縫製技術\u003c\/strong\u003eと\u003cstrong\u003eUVカット99%\u003c\/strong\u003eで、アクティブな毎日を快適にサポートします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_015.jpg?v=1746687057\" class=\"img-fluid d-block w-100 product-img\" alt=\"防水ハットのイメージ\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e頼れる全天候型デザイン\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e驚きのコンパクト収納力\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eバッグに忍ばせて、必要な時にサッと取り出せる\u003cstrong\u003eパッカブル仕様\u003c\/strong\u003eです。くるっと裏返せば手のひらサイズになり、荷物になりません。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_015_6_FOLD.jpg?v=1746081235\" class=\"img-fluid d-block w-100 product-img\" alt=\"コンパクトに折りたたまれたハット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eスマートに携帯、旅の相棒\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e軽量素材でストレスフリー\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e上質な\u003cstrong\u003eポリエステル100%素材\u003c\/strong\u003eが、軽やかな着用感を実現します。\u003cstrong\u003eあご紐は取り外し可能\u003c\/strong\u003eで、シーンに合わせてスタイルが楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_015_6_FOLD2.jpg?v=1746081235\" class=\"img-fluid d-block w-100 product-img\" alt=\"ハット着用イメージ\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e都会に映えるミニマルデザイン\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の主な特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこのハットは、以下の特徴を持っています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eバケットハット\u003c\/li\u003e\n \u003cli\u003e防水\u003c\/li\u003e\n \u003cli\u003eパッカブル\u003c\/li\u003e\n \u003cli\u003eUVカット\u003c\/li\u003e\n \u003cli\u003eサイズ調整可能\u003c\/li\u003e\n \u003cli\u003eあご紐取外し可能\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003eさらに、安心の機能性も備わっています。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e防水縫製技術: 独自の縫製技術で縫い目からの水の侵入をしっかり遮断し、雨天時でもストレスなく快適に過ごせます。\u003c\/li\u003e\n \u003cli\u003eコンパクト収納: 裏返してコンパクトに折りたためるパッカブル仕様で、携帯や収納時にバッグの中でもかさばりません。\u003c\/li\u003e\n \u003cli\u003eUVカット99%: UV CUT99%機能で肌をしっかりガードし、強い日差しの下でも快適にお使いいただけます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e本製品のサイズは以下の通りです。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭周り\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eフリー\u003c\/td\u003e\n \u003ctd\u003e58.5cm\u003c\/td\u003e\n \u003ctd\u003e5cm\u003c\/td\u003e\n \u003ctd\u003e8.5cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e上質な素材を使用しています。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e素材: ポリエステル 100%\u003c\/li\u003e\n \u003c!-- 生産国の記載がないため含めない --\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e着用シーン\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e様々なシーンでお使いいただけます。\u003c\/p\u003e\n \u003cdiv class=\"spec-img-full\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_029_zozo_1.jpg?v=1743475452\" class=\"img-fluid d-block w-100 product-img\" alt=\"ハット着用シーン1\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spec-img-full\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_029_zozo_2.jpg?v=1743475452\" class=\"img-fluid d-block w-100 product-img\" alt=\"ハット着用シーン2\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp\u003e商品によりサイズに多少のバラツキがございます。予めご了承下さい。\u003c\/p\u003e\n \u003cp\u003e洗濯時はネットをご使用ください。漂白剤のご使用はお避けください。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46564275847423,"sku":"ISH332U_015_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"ASH","offer_id":48197876711679,"sku":"ISH332U_021_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"C.GRAY","offer_id":48197876744447,"sku":"ISH332U_029_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"OLIVE","offer_id":48197876777215,"sku":"ISH332U_043_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH332U_021.jpg?v=1746687057"},{"product_id":"ish333u","title":"S-KNIT HAT","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e涼やかに彩る夏のニットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eS-KNIT HATは、夏の装いに涼しげなアクセントを加える多機能ハットです。通気性の良い透かし編みと、色彩豊かなマルチカラーボーダーが特徴で、どんなスタイルにも自然に溶け込みます。快適な着用感と優れた機能性で、\u003cstrong\u003e日常使いからアウトドアまで幅広く活躍\u003c\/strong\u003eします。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e夏コーデ彩るS-KNIT HAT\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_012.jpg?v=1746687029\" class=\"img-fluid d-block w-100 product-img\" alt=\"夏コーデ彩るS-KNIT HAT\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e個性を引き出すカラフルなデザイン\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e4色の糸使いにより6色に見えるマルチカラーボーダーが、シンプルな装いに\u003cstrong\u003e華やぎをプラス\u003c\/strong\u003eします。涼やかな透かし編みが、夏の陽射しに映える\u003cstrong\u003e軽やかなスタイルを演出\u003c\/strong\u003eします。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e涼しさ続く透かし編みコットンハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_011_8_MATERIAL.jpg?v=1746687029\" class=\"img-fluid d-block w-100 product-img\" alt=\"涼しさ続く透かし編みコットンハット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e繊細な編みが生む、風合いと機能性\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e風が心地よく通り抜ける透かし編みは、熱がこもりにくく、\u003cstrong\u003e快適な着用感を提供\u003c\/strong\u003eします。綿混素材が優しくフィットし、\u003cstrong\u003e吸水速乾性\u003c\/strong\u003eで汗ばむ季節も爽やかに過ごせます。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e毎日頼れるポケッタブルハット\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_012_0_model_c7b3ff8a-7ca9-4731-8246-912c48544a6c.jpg?v=1746081234\" class=\"img-fluid d-block w-100 product-img\" alt=\"毎日頼れるポケッタブルハット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eいつものスタイルに溶け込む、機能美\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e折りたたんで持ち運べる\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003eは、旅行や急な日差し対策に便利です。手洗い可能なため、汗をかいても清潔に保て、日常使いに気兼ねなく活躍します。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e着用シーン\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_011_zozo_4.jpg?v=1743475453\" class=\"img-fluid d-block w-100 product-img\" alt=\"着用シーン1\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_011_zozo_8.jpg?v=1743475453\" class=\"img-fluid d-block w-100 product-img\" alt=\"着用シーン2\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_011_zozo_2.jpg?v=1743475453\" class=\"img-fluid d-block w-100 product-img\" alt=\"着用シーン3\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eS-KNIT HATの主な特徴とメリットです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e透かし編みデザインで風通しが良く、涼やかな着用感\u003c\/li\u003e\n \u003cli\u003e4色の糸が織りなすマルチカラーボーダーがコーデのアクセントに\u003c\/li\u003e\n \u003cli\u003e折りたたみ可能なポケッタブル仕様で持ち運び・収納に便利\u003c\/li\u003e\n \u003cli\u003e手洗い可能でお手入れが簡単\u003c\/li\u003e\n \u003cli\u003e綿混素材による吸水速乾性\u003c\/li\u003e\n \u003cli\u003eサマーコーデに最適なコットン素材\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品のサイズ情報です。お手持ちの帽子と比較してご確認ください。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭囲\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eフリー\u003c\/td\u003e\n \u003ctd\u003e58cm\u003c\/td\u003e\n \u003ctd\u003e5.5-6cm\u003c\/td\u003e\n \u003ctd\u003e10cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品の素材構成です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿: 65%\u003c\/li\u003e\n \u003cli\u003eポリエステル: 35%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eニット製品は伸縮性があるため、サイズは目安です。引っ張りや衝撃にご注意ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"DARK","offer_id":46564275880191,"sku":"ISH333U_011_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"LIGHT","offer_id":48197876613375,"sku":"ISH333U_012_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"MULTI","offer_id":48197876646143,"sku":"ISH333U_019_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH333U_012.jpg?v=1746687029"},{"product_id":"ish334u","title":"CREEK HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e都会に溶け込むニットバケット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e複雑な編み目が織りなすツイード調の表情が、いつものコーディネートを上品に格上げします。シンプルながらも存在感を放ち、様々なスタイルにマッチする洗練されたデザインです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH334U_015.jpg?v=1746081231\" class=\"img-fluid d-block w-100 product-img\" alt=\"都会に溶け込むニットバケット\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e洗練された大人の佇まい\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e快適を約束する機能美\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e内側の吸水速乾バンドが、汗ばむ季節も肌触りをさらりと快適に保ちます。優れた通気性を持つパイルヤーンの編み構造は、こもりがちな熱を効果的に逃がし、長時間の着用でも涼しさが続きます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH334U_015_5_IN.jpg?v=1746081232\" class=\"img-fluid d-block w-100 product-img\" alt=\"快適な機能美\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e手洗いOKで清潔感も\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e日差しを味方につける軽やかさ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e特殊な編み構造により、気になる紫外線を99%カットし、強い日差しの中でも安心して外出を楽しめます。顔周りを明るく見せるカラーが、春夏のお出かけを一層華やかに彩ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH334U_067_0_model_5ddac9bd-59f0-4d58-bfe2-080b74b0a784.jpg?v=1746081232\" class=\"img-fluid d-block w-100 product-img\" alt=\"紫外線対策\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e紫外線から肌を守る\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこの商品は、以下の優れた機能と特徴を備えています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e優れた通気性\u003c\/strong\u003e: パイルヤーンの編み目がこもった熱を逃がし、長時間の着用でも快適な涼しさをキープします。夏のレジャーにも最適です。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eUVカット99%\u003c\/strong\u003e: 特殊な編み構造で紫外線を99%カットし、日差しの強い日でも安心して着用できます。春夏のお出かけにぴったりです。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e吸水速乾バンド\u003c\/strong\u003e: 内側のスエットバンドが汗を素早く吸収し拡散。長時間の使用でもさらりと快適です。スポーツやレジャーシーンにもおすすめです。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eパッカブル仕様\u003c\/strong\u003e: コンパクトに折りたたんで持ち運びが可能で、旅行や外出先での使用にも便利です。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e手洗いOK\u003c\/strong\u003e: ご自宅で手軽に洗濯ができ、いつでも清潔な状態を保てます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e商品のサイズは以下の通りです。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭周り\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eF\u003c\/td\u003e\n \u003ctd\u003e59cm\u003c\/td\u003e\n \u003ctd\u003e5cm\u003c\/td\u003e\n \u003ctd\u003e8.5cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこの商品の素材構成は以下の通りです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eアクリル：48%\u003c\/li\u003e\n \u003cli\u003eポリエステル：28%\u003c\/li\u003e\n \u003cli\u003eナイロン：24%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e商品によりサイズに多少のバラツキがございます。予めご了承下さい。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379452891391,"sku":"ISH334U_015_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"NAVY","offer_id":48197875499263,"sku":"ISH334U_035_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"YELLOW","offer_id":48197875532031,"sku":"ISH334U_067_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"ORANGE","offer_id":48197875564799,"sku":"ISH334U_068_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH334U_015.jpg?v=1746081231"},{"product_id":"ish633u","title":"SUNNY HAT","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性際立つ総柄プリントハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eオリジナル生き物柄を全面にプリントし、シンプルな装いを瞬時に\u003cbr\u003e\u003cstrong\u003e格上げ\u003c\/strong\u003eします。周囲と差をつける個性が光り、毎日のおしゃれをより楽しく彩ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH633U_015.jpg?v=1746686758\" class=\"img-fluid d-block w-100 product-img\" alt=\"個性際立つ総柄プリントハットのイメージ\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e視線集めるアクセント\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅行・アウトドアに最適！高機能バケットハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eコンパクトに折りたためる\u003cstrong\u003eポケッタブル機能\u003c\/strong\u003eは、旅行やアウトドアで大活躍します。UVカット99%フィルターと吸水速乾のスエットバンドが、汗ばむ季節も心地よさをキープします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH633U_065_5_IN.jpg?v=1746081219\" class=\"img-fluid d-block w-100 product-img\" alt=\"ポケッタブル機能とUVカット機能のイメージ\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e持ち運びに便利、快適設計\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e気軽にプラス！旬顔UV対策ハット\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e柔らかなつばが顔周りに上品な陰影を与え、\u003cstrong\u003e小顔効果\u003c\/strong\u003eも期待できます。デイリーコーデに加えるだけで、ワンランク上のおしゃれなサマースタイルが完成します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH633U_065_0_model_09f74cb4-9839-4f5c-a3c2-ddbafb9cac71.jpg?v=1746081219\" class=\"img-fluid d-block w-100 product-img\" alt=\"小顔効果と洗練スタイルのイメージ\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e毎日使いたい洗練スタイル\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eこの商品の主な特徴をご紹介します。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e遊び心あふれる\u003cstrong\u003e総柄プリント\u003c\/strong\u003eで、シンプルコーデのアクセントに最適です。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eポケッタブル機能\u003c\/strong\u003eにより、折りたたんでコンパクトに持ち運び可能。旅行やアウトドアでも気軽に携帯できます。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eUVカット99%フィルター\u003c\/strong\u003eが日差しから肌を守り、屋外での活動も安心です。\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003e吸水速乾性\u003c\/strong\u003eのスエットバンドで、汗をかいても快適な着用感をキープします。\u003c\/li\u003e\n \u003cli\u003eバケットハットの形状で、カジュアルながらもトレンド感のあるスタイルを演出します。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e詳細なサイズは以下の表をご確認ください。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭周り\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eF\u003c\/td\u003e\n \u003ctd\u003e約59.5cm\u003c\/td\u003e\n \u003ctd\u003e約5cm\u003c\/td\u003e\n \u003ctd\u003e約8.5cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e綿：55%\u003c\/li\u003e\n \u003cli\u003eナイロン：45%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eお手入れ方法・注意事項\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e製品を長くご愛用いただくため、以下のお手入れ方法にご留意ください。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e手洗い推奨です。\u003c\/li\u003e\n \u003cli\u003e洗濯機を使用する際は、必ずネットに入れ、弱水流で洗ってください。\u003c\/li\u003e\n \u003cli\u003e漂白剤やタンブラー乾燥は避けてください。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46564275912959,"sku":"ISH633U_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197872058623,"sku":"ISH633U_065_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"WHITE","offer_id":48197872091391,"sku":"ISH633U_085_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH633U_015.jpg?v=1746686758"},{"product_id":"ist311f","title":"DILIGHT HAT","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #f9f9f9; \n font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Times New Roman\", serif, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", Arial, sans-serif; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #666666;\n line-height: 1.8;\n overflow-wrap: break-word;\n word-wrap: break-word;\n }\n\n \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n .content-section, \n details.spec-details, \n .shipping-box, \n .note-box,\n .video-wrapper {\n max-width: 800px; \n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section {\n margin-bottom: 60px;\n border-bottom: 1px solid #dddddd;\n padding-bottom: 60px;\n }\n .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n \n \/* タイトル *\/\n .section-title { \n color: #333333; \n font-size: 24px; \n margin-bottom: 24px;\n letter-spacing: 0.05em;\n line-height: 1.4;\n word-break: keep-all; \n text-wrap: balance; \n border-bottom: 1px solid #dddddd; padding-bottom: 8px; \n }\n\n .body-text { \n color: #666666; \n font-size: 14px !important; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #777777; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 4px; \n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #1a362d40 60%);\n font-weight: bold;\n padding: 0 4px;\n }\n\n \/* 画像の表示分け *\/\n .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n \n .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n \/* 動画用CSS *\/\n .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n \/* アコーディオン *\/\n details.spec-details { \n border: 1px solid #dddddd;\n border-radius: 4px;\n background-color: #f9f9f9; \n color: #666666;\n margin-bottom: 15px; \n overflow: hidden; \n }\n summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #f9f9f9; transition: background 0.2s; }\n summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #1a362d; }\n details[open] summary.spec-summary { border-bottom: 1px solid #dddddd; background-color: rgba(0,0,0,0.02); }\n details[open] summary.spec-summary::after { content: \"-\"; }\n summary.spec-summary::-webkit-details-marker { display: none; }\n \n .spec-content { padding: 20px; background-color: #f9f9f9; color: #666666; font-size: 14px !important; }\n .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n \/* リストデザイン *\/\n \n ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n .product-wrapper ul:not([class]) { \n list-style: none; \n padding-left: 0; \n margin-bottom: 24px; \n }\n\n ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n .product-wrapper ul:not([class]) li { \n position: relative; \n padding-left: 1.8em; \n margin-bottom: 10px; \n line-height: 1.6; \n text-wrap: pretty; \n font-size: 14px !important; \n }\n \n ul.benefit-list li::before,\n .product-wrapper ul:not([class]) li::before { \n position: absolute; \n left: 0; \n content: \"▶\"; color: #1a362d; font-size: 0.8em; top: 3px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #777777; border-radius: 50%; }\n ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #777777; font-size: 0.9em; }\n ul.step-list { counter-reset: num; }\n ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #1a362d; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #1a362d; width: fit-content; word-break: keep-all; }\n \n .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #dddddd; th, td { padding: 12px 8px; border: 1px solid #dddddd; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n \n .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #eeeeee; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- メインキャッチコピー --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eDILIGHT HAT\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e夏涼感の\u003cstrong\u003eマルチボーダーバケット\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e夏の軽快スタイル DILIGHT HAT\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e約100gの\u003cstrong\u003e軽量設計\u003c\/strong\u003eが、長時間のお出かけでも負担を感じさせません。持ち運びもスマート、いつでもどこでも夏の装いを彩ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST311F_053.jpg?v=1746081207\" class=\"img-fluid d-block w-100 product-img\" alt=\"DILIGHT HAT 軽量設計\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e驚きの軽やかさ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e視線を惹きつける マルチボーダー\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e丁寧に編み込まれた\u003cstrong\u003e細やかなペーパーヤーン\u003c\/strong\u003eが、豊かな表情を生み出します。カジュアルな装いに華やかなアクセントを添える、\u003cstrong\u003eマルチボーダーデザイン\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST311F_053_4_TOP.jpg?v=1746081207\" class=\"img-fluid d-block w-100 product-img\" alt=\"DILIGHT HAT マルチボーダー\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e繊細な編み目と色彩\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e風の日も安心 DILIGHT HAT\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e取り外し可能な\u003cstrong\u003eあご紐\u003c\/strong\u003eで、風の強い日も安心して楽しめます。スタイルに合わせて着脱可能、一つで多様な表情を演出するアイテムです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST311F_053_0_model_bbda4e0b-18f3-4ecb-ace3-0d99b802b520.jpg?v=1746081208\" class=\"img-fluid d-block w-100 product-img\" alt=\"DILIGHT HAT あご紐\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e快適なフィット感\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e製品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eDILIGHT HATは、夏のスタイルを快適に彩る様々な特徴を持っています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003e約100gの軽量設計\u003c\/strong\u003eで長時間かぶっても疲れにくく、持ち運びにも便利です。\u003c\/li\u003e\n \u003cli\u003e細編み用の\u003cstrong\u003eペーパーヤーン\u003c\/strong\u003eを使用し、美しい仕上がりです。\u003c\/li\u003e\n \u003cli\u003eカジュアルに合わせやすい\u003cstrong\u003eマルチボーダーデザイン\u003c\/strong\u003eで、どんなスタイルにも華やかなアクセントを加えます。\u003c\/li\u003e\n \u003cli\u003e取り外し可能な\u003cstrong\u003eあご紐付き\u003c\/strong\u003eで、風の強い日でも安心して着用できます。\u003c\/li\u003e\n \u003cli\u003e吸水速乾性があり、快適な被り心地を保ちます。\u003c\/li\u003e\n \u003cli\u003eサイズ調整が可能で、様々な頭のサイズに対応します。\u003c\/li\u003e\n \u003c\/ul\u003e\n \n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e正確なサイズは以下の表をご確認ください。\u003c\/p\u003e\n \u003cdiv class=\"table-scroll-view\"\u003e\n \u003ctable class=\"spec-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eサイズ\u003c\/th\u003e\n \u003cth\u003e頭周り\u003c\/th\u003e\n \u003cth\u003eつば長さ\u003c\/th\u003e\n \u003cth\u003eクラウン高さ\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eFREE\u003c\/td\u003e\n \u003ctd\u003e58cm\u003c\/td\u003e\n \u003ctd\u003e6cm\u003c\/td\u003e\n \u003ctd\u003e9.5cm\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c!-- サイズ表や測定図などの画像がある場合はここに配置 --\u003e\n \u003c!-- \u003cdiv class=\"spec-img-full\"\u003e\n \u003cimg src=\"placeholder_size_chart.png\" alt=\"サイズ測定図\"\u003e\n \u003c\/div\u003e --\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e製品の素材構成は以下の通りです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e本体: 分類外繊維（紙）100%\u003c\/li\u003e\n \u003cli\u003e紐部分: ポリエステル100%\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご使用上の注意\u003c\/h3\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eニット製品は伸縮性があるため、上記サイズはあくまでも目安です。予めご了承下さい。\u003c\/li\u003e\n \u003cli\u003e紙素材のため水濡れは変形や劣化の原因となります。乾いた布でやさしく汚れを拭き取ってください。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379455676671,"sku":"IST311F_015_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197868552447,"sku":"IST311F_053_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197868585215,"sku":"IST311F_081_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST311F_015.jpg?v=1746081207"}],"url":"https:\/\/sense-of-grace.we-shop.jp\/collections\/%e3%82%bf%e3%82%a4%e3%83%97%e5%88%a5_%e3%83%90%e3%82%b1%e3%83%83%e3%83%88%e3%83%8f%e3%83%83%e3%83%88.oembed","provider":"SENSE OF GRACE","version":"1.0","type":"link"}