{"title":"タイプ別_つば広ハット","description":"","products":[{"product_id":"hsh512f","title":"ARDRA 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綿100%で叶える ARDRA HATの毎日快適スタイル\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e上質な\u003cstrong\u003e綿100%素材\u003c\/strong\u003eが、肌に優しく風通しの良い快適な被り心地をお届けします。柔らかな質感と自然な風合いは、日常のどんなシーンにも自然に溶け込みます。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH512F_024.jpg?v=1746689194\" 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紫外線99%カット ARDRA HATで万全の対策\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e\u003cstrong\u003e99%UVカット機能\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\/HSH512F_015_5_IN.jpg?v=1746081376\" 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風にも負けない ARDRA HATとアクティブな外出\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\/HSH512F_068_0_model_9b364a7b-2662-453c-ab66-ad30135dea5d.jpg?v=1746081376\" 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 class=\"body-text\"\u003eARDRA HATは機能満載のつば広ハットです。日常使いからアウトドアまで幅広くご使用いただけるアイテムです。\u003c\/p\u003e\n            \u003cul class=\"benefit-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003e綿100%\u003c\/strong\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=\"benefit-list\"\u003e\n                \u003cli\u003eサイズ調整機能付き\u003c\/li\u003e\n                \u003cli\u003e手洗いOK\u003c\/li\u003e\n                \u003cli\u003eポケッタブルでコンパクトに収納\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eUV CUT 99%\u003c\/strong\u003eで紫外線対策も万全\u003c\/li\u003e\n                \u003cli\u003e吸水速乾スエットバンドで快適な被り心地\u003c\/li\u003e\n            \u003c\/ul\u003e\n            \u003c!-- 機能アイコンを使用する場合は以下のように配置します --\u003e\n            \u003c!-- \u003cdiv class=\"care-icons\"\u003e\n                \u003cimg src=\"__ICON_SIZE_ADJUST__\" alt=\"サイズ調整\"\u003e\n                \u003cimg src=\"__ICON_HAND_WASH__\" alt=\"手洗いOK\"\u003e\n                \u003cimg src=\"__ICON_POCKETABLE__\" alt=\"ポケッタブル\"\u003e\n                \u003cimg src=\"__ICON_UV_CUT__\" alt=\"UV CUT 99%\"\u003e\n                \u003cimg src=\"__ICON_SWEAT_BAND__\" 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            \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品番: HSH512F\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":46379381293311,"sku":"HSH512F_015_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"L.GRAY","offer_id":48197921800447,"sku":"HSH512F_024_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"GRN.ASH","offer_id":48197921833215,"sku":"HSH512F_041_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197921865983,"sku":"HSH512F_065_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"ORANGE","offer_id":48197921898751,"sku":"HSH512F_068_99","price":4290.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197921931519,"sku":"HSH512F_081_99","price":4290.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HSH512F_024.jpg?v=1746689194"},{"product_id":"hst326f","title":"SABRINA HAT ALT","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\/HST326F_065.jpg?v=1746081352\" 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\/HST326F_065_0_model_191ff9d6-1f06-48e1-b63c-73d92547b875.jpg?v=1746081352\" 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\/HST326F_065_5_IN.jpg?v=1746081352\" 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や\u003cstrong\u003eポケッタブル機能\u003c\/strong\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        \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ポケッタブル仕様\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!-- 生産国の情報がないため、空の項目は含めません --\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品番: HST326F\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":"BLACK","offer_id":46559829721343,"sku":"HST326F_015_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"GRAY","offer_id":48197917442303,"sku":"HST326F_025_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197917475071,"sku":"HST326F_053_99","price":3630.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197917507839,"sku":"HST326F_065_99","price":3630.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST326F_065.jpg?v=1746081352"},{"product_id":"ish322f","title":"ASA PARK 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と\u003cstrong\u003e吸湿性\u003c\/strong\u003eで、汗ばむ季節もさらりと快適。デイリーユースにぴったりの軽やかな着用感をお楽しみいただけます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH322F_081.jpg?v=1746687112\" 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は、旅行やフェス、アウトドアシーンで活躍します。約99%以上の紫外線をカットする機能で、強い日差しから頭部と顔周りをしっかり守ります。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH322F_015_4_TOP.jpg?v=1746081242\" 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\/ISH322F_065_0_model_b8ee7dee-abfc-41c8-8f28-a2ae5fb71fb7.jpg?v=1746081243\" 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\"\u003eASA PARK HATは、その快適な着用感と機能性で、あらゆるライフスタイルにフィットします。日常使いはもちろん、旅行やアウトドアまで、幅広いシーンでお楽しみください。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH322F_044_zozo_4.jpg?v=1743475450\" 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\/ISH322F_044_zozo_2.jpg?v=1743475451\" 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\/ISH322F_044_zozo_9.jpg?v=1743475451\" class=\"img-fluid d-block w-100 product-img\" alt=\"ハットを着用したモデルのイメージ3\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e※画像は着用イメージです\u003c\/p\u003e\n  \u003c\/div\u003e\n\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\u003eASA PARK HATは、上質な麻素材と優れた機能性を兼ね備え、日々の快適をサポートします。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e麻素材アップグレード: 麻100%の生地を採用し、優れた通気性と吸湿性で汗を素早く吸収。長時間でも快適な被り心地を保ちます。\u003c\/li\u003e\n        \u003cli\u003eポケッタブル収納: 折りたたみ可能で付属ポーチに収納でき、コンパクトに持ち運べます。旅行やフェス、アウトドアシーンで活躍します。\u003c\/li\u003e\n        \u003cli\u003eUVカット機能: 約99%以上の紫外線をカットするUV機能を備え、夏の強い日差しや紫外線ダメージから頭部と顔周りをしっかり守ります。\u003c\/li\u003e\n        \u003cli\u003e手洗いOK: ご自宅で手洗いできるため、いつでも清潔に保つことができます。\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\u003eFree\u003c\/td\u003e\n              \u003ctd\u003e57.5cm\u003c\/td\u003e\n              \u003ctd\u003e9.5cm\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      \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  \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":46379452104959,"sku":"ISH322F_015_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"L.KHAKI","offer_id":48197879628031,"sku":"ISH322F_044_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197879660799,"sku":"ISH322F_065_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197879693567,"sku":"ISH322F_081_99","price":5940.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH322F_081.jpg?v=1746687112"},{"product_id":"ish323f","title":"RIKO 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  \u003ch2 class=\"product-name\"\u003eRIKO HAT\u003c\/h2\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\/ISH323F_015.jpg?v=1746081240\" 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\/ISH323F_015_8_MATERIAL.jpg?v=1746081240\" 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カット率99%\u003c\/strong\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\/ISH323F_015_0_model_cb19c58d-22c4-4d0d-b321-d4d3dd23412a.jpg?v=1746081241\" 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涼やかグラデーションボーダーハット RIKO 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サーモハットとしても、母の日ギフトにも最適なアイテムです。\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              \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\u003e57.5cm\u003c\/td\u003e\n              \u003ctd\u003e8cm\u003c\/td\u003e\n              \u003ctd\u003e4.5cm\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\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    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379452236031,"sku":"ISH323F_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BLUE","offer_id":48197879070975,"sku":"ISH323F_033_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197879103743,"sku":"ISH323F_065_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"LAVENDER","offer_id":48197879136511,"sku":"ISH323F_077_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH323F_015.jpg?v=1746081240"},{"product_id":"ish324f","title":"COZY 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\"\u003e360°通気で、夏の頭も爽快\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e4つのベンチレーションホールが360度通気性を促し、\u003cstrong\u003e蒸れ知らずの快適さ\u003c\/strong\u003eを実現します。頭部を優しく包み込み、長時間の着用でも心地よさが続きます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH324F_015_5_IN.jpg?v=1746081239\" 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\/ISH324F_065_6_FOLD.jpg?v=1746081239\" 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\"\u003e99%UVカットで、頼れる日差し対策\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e紫外線を\u003cstrong\u003e99%ブロック\u003c\/strong\u003eするUVカット機能で、強い日差しから肌を守ります。つば広デザインがおしゃれな印象を与え、あごヒモは取り外し可能で様々なシーンに対応します。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH324F_021_0_model_18563bd4-757e-422c-b221-f08e28c3c595.jpg?v=1746081239\" 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\u003eCOZY HATの主な特徴をご紹介します。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e\n\u003cstrong\u003e優れた通気性\u003c\/strong\u003e: 4つのベンチレーションホールが360°通気を促進し、蒸れ知らずの快適な着用感を実現します。\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eUVカット機能\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      \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\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      \u003cul class=\"basic-list\"\u003e\n        \u003cli\u003e本体: ポリエステル100%\u003c\/li\u003e\n        \u003cli\u003e一部: ポリエステル84%・綿16%\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\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":"BLACK","offer_id":46379452367103,"sku":"ISH324F_015_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"ASH","offer_id":48197878317311,"sku":"ISH324F_021_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197878350079,"sku":"ISH324F_053_99","price":4950.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197878382847,"sku":"ISH324F_065_99","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/ISH324F_021.jpg?v=1746678279"},{"product_id":"gst511f-is","title":"CHARI BIBI 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\"\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    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GST511F-IS_015.jpg?v=1746081211\" 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ため、シーンに合わせて印象を変えられます。本体を丸めてコンパクトに持ち運べる\u003cstrong\u003eポケッタブル機能\u003c\/strong\u003eも魅力。いつでも清潔に使える\u003cstrong\u003e洗濯機洗いOK\u003c\/strong\u003eの利便性も兼ね備えています。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GST511F-IS_015_8_MATERIAL.jpg?v=1746081211\" 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夏のバカンスを彩る UVカット帽子\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e優雅に風になびく\u003cstrong\u003e広ツバ\u003c\/strong\u003eが、顔周りを美しく引き立てます。\u003cstrong\u003eUV CUT99%\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\/GST511F-IS_038_0_model_2bf03e0f-53f2-4160-8fdf-2eadbba3f49d.jpg?v=1746081211\" 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  \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洗濯機洗い対応\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        \u003cli\u003e一部：レーヨン 60％、麻 40％\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品番：GST511F-IS\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":46379455021311,"sku":"GST511F-IS_015_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"L.BLUE","offer_id":48197869699327,"sku":"GST511F-IS_038_99","price":4730.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197869732095,"sku":"GST511F-IS_065_99","price":4730.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/GST511F-IS_015.jpg?v=1746081211"},{"product_id":"hst522f-is","title":"ADMIRE HAT RE","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\/HST522F-IS_015.jpg?v=1746081208\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003eスタイリッシュな ADMIRE HAT RE\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\u003eUVカット率99%\u003c\/strong\u003eで肌を紫外線から徹底ガードします。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST522F-IS_053_8_MATERIAL.jpg?v=1746081209\" 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\/HST522F-IS_053_0_model_b1f2ee5d-ed57-41b6-9f26-120fbc5c7eed.jpg?v=1746081209\" 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=\"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洗濯機洗いができて衛生的\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\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\u003e品番: HST522F-IS\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":46564276306175,"sku":"HST522F-IS_015_99","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"ASH","offer_id":48197868781823,"sku":"HST522F-IS_021_99","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197868814591,"sku":"HST522F-IS_053_99","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197868847359,"sku":"HST522F-IS_081_99","price":5390.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/HST522F-IS_015.jpg?v=1746081208"},{"product_id":"ist314f","title":"LOANNE 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  \u003ch1 class=\"product-name\"\u003eLOANNE HAT\u003c\/h1\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\/IST314F_053.jpg?v=1746686598\" 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になるため、\u003cstrong\u003e旅行やアウトドア\u003c\/strong\u003eに最適です。必要な時にさっと広げて、いつでもおしゃれを楽しめます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST314F_065_6_FOLD.jpg?v=1746081205\" 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です。抜群の\u003cstrong\u003e通気性\u003c\/strong\u003eで長時間着用しても蒸れにくく、日常使いからリゾートまで快適なつけ心地を叶えます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST314F_065_0_model_a344c12d-0f2e-4d72-9663-e671b6d064c9.jpg?v=1746081205\" 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このLOANNE HATの主な特徴をご紹介します。\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\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リボンアクセント\u003c\/strong\u003e: 優雅なリボンがデザインのアクセントとなり、洗練された大人の気品を引き出します。\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eギフト向け\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\u003e58.5cm\u003c\/td\u003e\n              \u003ctd\u003e8cm\u003c\/td\u003e\n              \u003ctd\u003e10.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        \u003cli\u003e一部：ポリエステル48% レーヨン45% 毛7%\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\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    \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":46379455873279,"sku":"IST314F_015_99","price":6490.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197867667711,"sku":"IST314F_053_99","price":6490.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197867700479,"sku":"IST314F_065_99","price":6490.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST314F_053.jpg?v=1746686598"},{"product_id":"ist321f","title":"BELLA 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  \u003ch2\u003eBELLA HAT\u003c\/h2\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST321F_071.jpg?v=1746081200\" class=\"img-fluid d-block w-100 product-img\" alt=\"BELLA HATのメインビジュアル\"\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\/IST321F_053.jpg?v=1746686548\" 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で、くるっと丸めてバッグにすっきり収納できます。\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\/IST321F_015.jpg?v=1746686548\" 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\/IST321F_053_0_model_c6a18240-30d5-4b62-a58f-74309ac6f03c.jpg?v=1746081200\" 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様々な夏の装いに溶け込む、BELLA HATの着用イメージです。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST321F_071_zozo_02.jpg?v=1743475528\" class=\"img-fluid d-block w-100 product-img\" alt=\"夏の装いに合わせたハット\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST321F_053_zozo_02.jpg?v=1743475528\" class=\"img-fluid d-block w-100 product-img\" alt=\"カジュアルな着用シーン\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST321F_053_zozo_09.jpg?v=1743475528\" class=\"img-fluid d-block w-100 product-img\" alt=\"リラックスした着用シーン\"\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大人の夏を彩るBELLA HATの主な特徴です。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e涼感のある\u003cstrong\u003e異素材ミックス\u003c\/strong\u003eデザイン\u003c\/li\u003e\n        \u003cli\u003e軽やかで通気性に優れた\u003cstrong\u003e綿麻素材\u003c\/strong\u003e\n\u003c\/li\u003e\n        \u003cli\u003e内側アジャスターで\u003cstrong\u003eサイズ調整が可能\u003c\/strong\u003e\n\u003c\/li\u003e\n        \u003cli\u003eコンパクトに収納できる\u003cstrong\u003eポケッタブル仕様\u003c\/strong\u003e\n\u003c\/li\u003e\n        \u003cli\u003e汗ばむ季節に嬉しい\u003cstrong\u003e吸水速乾機能\u003c\/strong\u003e\n\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003eこだわりポイント\u003c\/p\u003e\n      \u003cul class=\"point-list\"\u003e\n        \u003cli\u003ePOINT01: 綿麻生地を使用し、通気性と軽やかさを兼ね備えた夏に最適な素材感です。\u003c\/li\u003e\n        \u003cli\u003ePOINT02: 内側のアジャスターで頭周りのサイズ調整が可能。快適なフィット感を実現します。\u003c\/li\u003e\n        \u003cli\u003ePOINT03: 折りたたんでコンパクトに収納できるポケッタブル仕様。旅行や外出時に便利です。\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\u003e10cm\u003c\/td\u003e\n              \u003ctd\u003e前6.5cm＋2cm、後6.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ポリエステル: 67%\u003c\/li\u003e\n        \u003cli\u003e綿: 23%\u003c\/li\u003e\n        \u003cli\u003e麻: 10%\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp\u003e※生産国については記載がございません。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\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      \u003cli\u003e高温多湿を避け、風通しの良い場所で保管してください。\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379456233727,"sku":"IST321F_015_99","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197865996543,"sku":"IST321F_053_99","price":5390.0,"currency_code":"JPY","in_stock":false},{"title":"PINK","offer_id":48197866029311,"sku":"IST321F_071_99","price":5390.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST321F_053.jpg?v=1746686548"},{"product_id":"ist324f","title":"VALLEY 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\"\u003e軽量なペーパー素材が、夏の装いに涼やかな軽快さをプラス。メッシュ編みによる優れた通気性で、どんな日も頭は常に快適。内側アジャスターで誰でも理想のフィット感を。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST324F_015.jpg?v=1746081195\" 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\/IST324F_053_4_TOP.jpg?v=1746081195\" 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内側のアジャスターで約57.5cmの頭周りを自在に調整できます。ユニセックスなデザインがどんなスタイルにも馴染み、あなたらしい着こなしを叶えます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST324F_053_0_model_75486f1f-4aee-4744-aba5-565e15f81fa7.jpg?v=1746081195\" 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通気性抜群\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\u003e約57.5cm（調節可）\u003c\/td\u003e\n              \u003ctd\u003e約5.5cm\u003c\/td\u003e\n              \u003ctd\u003e約11cm\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分類外繊維（紙）：82%\u003c\/li\u003e\n        \u003cli\u003eポリエステル：18%\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水に濡れると型崩れや色移りの恐れがありますのでご注意ください。\u003cbr\u003e\n      摩擦や汗・雨等の湿った状態で他の物に色移りする場合があります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"SENSE OF GRACE","offers":[{"title":"BLACK","offer_id":46379456561407,"sku":"IST324F_015_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197863506175,"sku":"IST324F_053_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197863538943,"sku":"IST324F_081_99","price":5940.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST324F_015.jpg?v=1746081195"},{"product_id":"ist326f","title":"EVIE RIVER HAT AMOR","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夏の強い日差しから肌を\u003cstrong\u003e99%守るUVカット機能\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\/IST326F_053.jpg?v=1746686497\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eワイドブリムUVハット\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\/IST326F_065_0_model_cd9e1de8-2b71-43d7-8f74-e7f52b519017.jpg?v=1746081192\" 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\/IST326F_065_0_model1_39d20160-789e-4a46-a4b1-2e7aba6a27e7.jpg?v=1746081192\" 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        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST326F_053_zozo_5.jpg?v=1743475528\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST326F_081_zozo_2.jpg?v=1743475527\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST326F_065_zozo_5.jpg?v=1743475528\" 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    \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=\"benefit-list\"\u003e\n                \u003cli\u003eUV99%カット: 99%以上のUVカット機能を備え、肌へのダメージを抑えながら夏の外出を快適にサポートします。\u003c\/li\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            \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\u003e58cm\u003c\/td\u003e\n                            \u003ctd\u003e8.5cm\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            \u003cul class=\"basic-list\"\u003e\n                \u003cli\u003e素材: ポリエステル100％\u003c\/li\u003e\n                \u003cli\u003e生産国: 情報なし\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\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":"BLACK","offer_id":46379456758015,"sku":"IST326F_015_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"ASH","offer_id":48197861802239,"sku":"IST326F_021_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"NATURAL","offer_id":48197861835007,"sku":"IST326F_053_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"BROWN","offer_id":48197861867775,"sku":"IST326F_055_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"BEIGE","offer_id":48197861900543,"sku":"IST326F_065_99","price":5940.0,"currency_code":"JPY","in_stock":false},{"title":"IVORY","offer_id":48197861933311,"sku":"IST326F_081_99","price":5940.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/7956\/4287\/files\/IST326F_053.jpg?v=1746686497"}],"url":"https:\/\/sense-of-grace.we-shop.jp\/collections\/%e3%82%bf%e3%82%a4%e3%83%97%e5%88%a5_%e3%81%a4%e3%81%b0%e5%ba%83%e3%83%8f%e3%83%83%e3%83%88.oembed","provider":"SENSE OF GRACE","version":"1.0","type":"link"}