{"title":"住","description":"","products":[{"product_id":"95621804","title":"イワシ3尾ステッカー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e輝くイワシ 3尾セットの魅力\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eキラキラと光を反射する\u003cstrong\u003eイワシのステッカー\u003c\/strong\u003eが、あなたの日常に新鮮な輝きを添えます。３尾の小さな\u003cstrong\u003e魚群\u003c\/strong\u003eは、${settings.WRITING_TARGET}の個性をさりげなく引き出すデザインです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/512d1ec993d305f9b900896837503679.jpg?v=1752137968\" 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\/0683\/0132\/4487\/files\/f5663c9d6c9eeb72515274588c92cdb4.jpg?v=1752137968\" 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スマートフォンや手帳にちょうど良いサイズは、愛用品にさりげない個性をプラス。毎日持ち歩くアイテムが、${settings.WRITING_TARGET}だけの\u003cstrong\u003e特別な物語\u003c\/strong\u003eを語り始めます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/20b059d340265897c076cdee73487f5e.jpg?v=1752137968\" 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 class=\"body-text\"\u003eキラキラと輝くイワシのステッカー3尾セットです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e手帳やパソコン、スマートフォンなど様々なアイテムにフィット。\u003c\/li\u003e\n \u003cli\u003e自由な発想で、いろいろな場所にイワシを泳がせて楽しめます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\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ステッカー1枚あたり: 約 2.5cm × 7cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852784726215,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/512d1ec993d305f9b900896837503679.jpg?v=1752137968"},{"product_id":"95124643","title":"イワシビルポストカード","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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阿久根の豊かな風情やイワシビルの世界観を表現した、3種のユニークなデザインコレクション。壁に飾るだけで、日常の空間に楽しげなアクセントを加え、心躍る彩りをもたらします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9bc5c1e2487ec8679ca9b20b0ad6ba75.jpg?v=1752137966\" class=\"img-fluid d-block w-100 product-img\" alt=\"イワシビルポストカードのコレクション\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e飾って楽しむコレクション\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅の記憶を呼び覚ますお土産柄\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e旅する丸干しなど、イワシビルの人気商品が遊び心いっぱいに描かれた「お土産柄」。訪れた土地の思い出を鮮やかに蘇らせるだけでなく、大切な人へのメッセージに温かい気持ちを添えます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/de6a848587e122a15e934eaa6c8f541a.jpg?v=1752137966\" class=\"img-fluid d-block w-100 product-img\" alt=\"お土産柄のイワシビルポストカード\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e思い出が香るデザイン\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e洗練されたイワシ柄アートポスト\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eイワシビルを象徴する、シンプルながらも力強いイワシの姿。無駄を削ぎ落としたアートのようなデザインは、どんな空間にも自然に馴染み、さりげない存在感を放ちます。新年のご挨拶にも最適です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/62e5ef94c187ffd4d832c3b4eb991be8.jpg?v=1752137966\" 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ハンカチの柄としても人気の3種がポストカードになりました。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eイワシ柄: イワシビルを象徴するイワシがシンプルに描かれています。\u003c\/li\u003e\n \u003cli\u003eお土産柄: 旅する丸干しをはじめとするイワシビルの人気商品が遊び心いっぱいに描かれています。\u003c\/li\u003e\n \u003cli\u003e阿久根柄: 阿久根の特産品や、阿久根ならではの動物や魚たちが大集合した賑やかなデザインです。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴・使い方\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e様々な用途でご活用いただけます。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e「年賀」と朱書きすることで、年賀状としてもご使用いただけます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eご使用上の注意\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e円滑なご使用のためにご確認ください。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e郵便として送る際は、必ず切手を貼ってください。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"イワシ","offer_id":44852784758983,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true},{"title":"お土産グリーン","offer_id":44852784791751,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true},{"title":"阿久根","offer_id":44852784824519,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9bc5c1e2487ec8679ca9b20b0ad6ba75.jpg?v=1752137966"},{"product_id":"82886226","title":"城雅典　イワシの頭花器","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e伝統息づく招福イワシ花器\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e古くから伝わる節分の風習「柊鰯」を現代の暮らしに優しく溶け込ませた、心温まる花器。\u003cstrong\u003e邪気を払い、福を呼び込む縁起の良さ\u003c\/strong\u003eに、思わず微笑む\u003cstrong\u003e遊び心\u003c\/strong\u003eを添えました。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/70bcd329e9d5ee37d3e07a16e309afdb.jpg?v=1752137960\" 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\/0683\/0132\/4487\/files\/1f6323290db6e95ed525c2af61e37083.jpg?v=1752137960\" 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\/0683\/0132\/4487\/files\/abdd580f3b5a1fc711c78803a2f846c6.jpg?v=1752137961\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日常に寄り添うアートな存在\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e邪気を払い福を呼ぶ、縁起の良いイワシの花器です。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e古くからの節分行事「柊鰯」をモチーフにしたユニークなデザイン\u003c\/li\u003e\n \u003cli\u003e愛嬌ある表情と遊び心が、日常に微笑みをもたらします\u003c\/li\u003e\n \u003cli\u003eドライフラワーや枝物の一輪挿しに最適\u003c\/li\u003e\n \u003cli\u003e玄関やリビングのアクセントになる個性的なオブジェ\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e背景・ストーリー\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e節分の風習「柊鰯」に込められた意味合いを、現代の暮らしに。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e節分の風習として「柊鰯（ひいらぎいわし）」があります\u003c\/li\u003e\n \u003cli\u003eイワシの頭を柊の枝に刺し軒先に飾ることで、イワシの匂いと柊の葉のトゲで邪気を払うと言われています\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国・作家\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e鹿児島県美山の陶磁器作家、城雅典氏による手仕事の逸品です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e素材: 陶磁器\u003c\/li\u003e\n \u003cli\u003e生産国: 日本（鹿児島県美山）\u003c\/li\u003e\n \u003cli\u003e作家: 城雅典\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e取り扱い・注意\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eご購入・ご使用の前にご確認ください。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e底は貫通しているため、生花に使用する場合はドライフラワーまたは枝物専用となります\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852784955591,"sku":null,"price":2200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/70bcd329e9d5ee37d3e07a16e309afdb.jpg?v=1752137960"},{"product_id":"82443357","title":"まるさつ手ぬぐい","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e阿久根の技が宿る手ぬぐい\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e阿久根の豊かな情景を映し出す、唯一無二のデザイン。大漁旗を手がける職人が、一つひとつ手仕事で染め上げた逸品は、贈る相手の心にも響きます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/166324af8ab61dcd1727d4450253d35d.jpg?v=1752137957\" 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\/0683\/0132\/4487\/files\/e461707f0145a6ec866f6d5fe5be24af.jpg?v=1752137957\" 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\/0683\/0132\/4487\/files\/529e729aba60933b3ea5d8b513a696cd.jpg?v=1752137957\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e頼れる、暮らしの頼もしい相棒\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e「まるさつ手ぬぐい」は、阿久根の代表的な食材や風景をモチーフに、細原意匠研究所のデザインとアキノ染色工芸の技術が融合した逸品です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e阿久根の情景を映し出すデザイン\u003c\/li\u003e\n \u003cli\u003e細原意匠研究所による独創的な意匠\u003c\/li\u003e\n \u003cli\u003e大漁旗で培われたアキノ染色工芸の「印染（型置き染め）」\u003c\/li\u003e\n \u003cli\u003e一つひとつ手仕事で染め上げられた温もり\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e機能性・使い心地\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e実用性と耐久性を兼ね備え、毎日の暮らしに寄り添う手ぬぐいです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e吸水性抜群で汗や水滴を素早く吸収\u003c\/li\u003e\n \u003cli\u003e色落ちしにくい印染の特性\u003c\/li\u003e\n \u003cli\u003e手仕事ならではの丈夫さで長く愛用可能\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e活用シーン\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e様々なシーンで活躍し、生活を豊かに彩ります。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e温泉や銭湯でのリラックスタイムに\u003c\/li\u003e\n \u003cli\u003eアウトドアやスポーツでの汗拭き、日よけに\u003c\/li\u003e\n \u003cli\u003eキッチンでの手拭きや食器拭きに\u003c\/li\u003e\n \u003cli\u003eお部屋を彩るインテリアとして\u003c\/li\u003e\n \u003cli\u003e大切な方への贈り物に\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e今後のデザイン展開\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e「まるさつ手ぬぐい」は、これからも新しいデザインを追加していく予定です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e新デザインを順次追加予定\u003c\/li\u003e\n \u003cli\u003e阿久根の新たな魅力を発信\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"ボンタン","offer_id":44852784988359,"sku":null,"price":2750.0,"currency_code":"JPY","in_stock":true},{"title":"イワシ","offer_id":44852785021127,"sku":null,"price":2750.0,"currency_code":"JPY","in_stock":true},{"title":"うに","offer_id":44852785053895,"sku":null,"price":2750.0,"currency_code":"JPY","in_stock":true},{"title":"そうめん流し","offer_id":44852785086663,"sku":null,"price":2750.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/166324af8ab61dcd1727d4450253d35d.jpg?v=1752137957"},{"product_id":"63716091","title":"イワシのアクリルキーホルダー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e日常に遊び心を添えるイワシ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eカジュアルな装いに\u003cstrong\u003eイワシのアクリルキーホルダー\u003c\/strong\u003eが揺れ、個性をさりげなく主張します。約16cmのサイズ感が、お気に入りのバッグをさらに魅力的に彩ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ac3bd2c00716916866a5dc82d94efb1a.jpg?v=1752137943\" 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\/0683\/0132\/4487\/files\/c39d4f49316e7f1cde4c12a011f2d432.jpg?v=1752137943\" 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約5.5cm幅の\u003cstrong\u003eスリムなフォルム\u003c\/strong\u003eは、鍵や小物入れにすっきりと収まります。あなたの日常に寄り添い、ふとした瞬間にユーモラスな癒しを届けます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f746b482216f0a7c9df6d51aaa50819f.jpg?v=1752137943\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eポケットから覗く癒し\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eイワシのアクリルキーホルダーです。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e鍵につけたりバッグにつけたり色んな所へ連れて行ってください。\u003c\/li\u003e\n \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約5.5cm × 約16cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852785742023,"sku":null,"price":990.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ac3bd2c00716916866a5dc82d94efb1a.jpg?v=1752137943"},{"product_id":"57862121","title":"イワシビルオリジナルマスキングテープ","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性溢れるデザイン、手帳を彩る\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eハンカチで愛される\u003cstrong\u003e個性豊かな柄\u003c\/strong\u003eが、マスキングテープとして生まれ変わりました。たい焼き、お土産、阿久根。それぞれのデザインが織りなす\u003cstrong\u003eユニークな表情\u003c\/strong\u003eで、あなたの日常を鮮やかに彩ります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/29a1500523ddac82cf5a5ea3f0a8fa2d.jpg?v=1752137941\" 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\/0683\/0132\/4487\/files\/c1c0210d4766c10ee21f6d1d9f4e317b.jpg?v=1752137941\" 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\/0683\/0132\/4487\/files\/1ca700b26befff26bf62a9dc3bcc4e52.jpg?v=1752137941\" 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\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴・デザイン\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eハンカチデザインで人気の柄をマスキングテープにしました。ハンカチの色味とは少しだけ違っていてかわいいです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eたい焼き柄\u003c\/li\u003e\n \u003cli\u003eお土産柄（イエロー）\u003c\/li\u003e\n \u003cli\u003e阿久根柄\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e使用用途・アレンジ\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eラッピングやお手紙などを簡単にかわいくアレンジできます。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eギフトラッピング\u003c\/li\u003e\n \u003cli\u003e手紙やメッセージカードのデコレーション\u003c\/li\u003e\n \u003cli\u003e手帳やノートのアクセント\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \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幅: 18mm\u003c\/li\u003e\n \u003cli\u003e長さ: 7m\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日本\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"たい焼き","offer_id":44852785774791,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"お土産イエロー","offer_id":44852785807559,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"阿久根","offer_id":44852785840327,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/29a1500523ddac82cf5a5ea3f0a8fa2d.jpg?v=1752137941"},{"product_id":"31707422","title":"薩男の一筆箋【いわし】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\u003e薩男の一筆箋【いわし】\u003c\/h2\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\/0683\/0132\/4487\/files\/ed23c828cddbb35dfe090c361f62f8da.jpg?v=1752137847\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e思わず笑顔になるデザイン\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e卓上で目を引く、いわし型の一筆箋。この独特なフォルムが、いつものメッセージに遊び心を添え、受け取る人の記憶に強く残ります。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852789674183,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ed23c828cddbb35dfe090c361f62f8da.jpg?v=1752137847"},{"product_id":"31707622","title":"薩男の一筆箋【鯛焼き】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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 \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/04207ed7a431139daefd05f81cca78e1.jpg?v=1752137846\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e気持ちが伝わるユニークなメッセージ\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e本物のたい焼きがメッセージを運ぶかのような、\u003cstrong\u003eユニークな一筆箋\u003c\/strong\u003eです。博多弁を話さずとも「○○タイ」と添えれば、きっと会話が弾むことでしょう。\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品コンセプト・遊び方\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e「たい焼きに一筆添えたいのですができますか？」そんな要望があったのかわかりませんが、たい焼きの一筆箋できました。博多弁を話さない方も「○○タイ」「○○を△△で■■タイ」など最後にタイをつけて書いてくださいね。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852789706951,"sku":null,"price":385.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/04207ed7a431139daefd05f81cca78e1.jpg?v=1752137846"},{"product_id":"13852432","title":"薩男の付箋","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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を添えます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/0e9798b04267ad2543185fbb80dbac91.jpg?v=1752137844\" 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\/0683\/0132\/4487\/files\/ea3482b61bce06e627856fb98f29bdd6.jpg?v=1752137844\" 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この付箋は、下園薩男商店の創業者\u003cstrong\u003e「薩男」\u003c\/strong\u003eの幼い頃からの情熱と、阿久根への愛情から生まれました。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e幼いころからリヤカーを引き、魚を売り歩いた薩男の姿を重ねて。\u003c\/li\u003e\n \u003cli\u003e「薩男だったらどんな本に貼るだろうか」という想像から生まれたデザイン。\u003c\/li\u003e\n \u003cli\u003e阿久根をイメージした、かわいらしいモチーフが日常に彩りを添えます。\u003c\/li\u003e\n \u003cli\u003e本を開くたびに、阿久根の風景が目の前に広がるような、そんな体験をお届けします。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852789870791,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/0e9798b04267ad2543185fbb80dbac91.jpg?v=1752137844"},{"product_id":"9010167","title":"旅するポチ袋","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e心ときめく旅ポチ袋\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e鮮やかな色彩が、受け取る人の心を明るく照らします。波間に煌めく銀拍の小舟は、新しい旅路への祝福を表現。大切な気持ちを包み込む、\u003cstrong\u003e特別なポチ袋\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/3037a318cbc124d2e3c8e0ef37a955b3.jpg?v=1752137843\" 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=\"basic-list\"\u003e\n \u003cli\u003e旅する丸干しの銀拍が押されています。\u003c\/li\u003e\n \u003cli\u003eポチ袋3枚セットです。\u003c\/li\u003e\n \u003cli\u003e裏面には「かわいい子には旅をさせよう」の文字が入っています。\u003c\/li\u003e\n \u003cli\u003e封緘用の「Have a nice trip」シールが付属します。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790132935,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/3037a318cbc124d2e3c8e0ef37a955b3.jpg?v=1752137843"},{"product_id":"13864333","title":"港町からのご祝儀袋","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/a184066455be1b6a13105bcb9b8a85c8.jpg?v=1752137841\" 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\/0683\/0132\/4487\/files\/e6b24e6c9c449b604f1b4f19a1101b3d.jpg?v=1752137841\" 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 \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シーンに合わせて選べる3種類のデザインをご用意しています。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e七宝 × いわし\u003c\/li\u003e\n \u003cli\u003eまる × えび\u003c\/li\u003e\n \u003cli\u003e亀甲 × 松\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"松","offer_id":44852790165703,"sku":null,"price":748.0,"currency_code":"JPY","in_stock":true},{"title":"海老","offer_id":44852790198471,"sku":null,"price":748.0,"currency_code":"JPY","in_stock":true},{"title":"いわし","offer_id":44852790231239,"sku":null,"price":748.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a184066455be1b6a13105bcb9b8a85c8.jpg?v=1752137841"},{"product_id":"25128067","title":"イワシビルハンカチ【波】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/1c9badd0b721ad8743be5dff78f88b58.jpg?v=1752137840\" 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\/0683\/0132\/4487\/files\/a7136345b8dcc4b84a3984cef313b843.jpg?v=1752137840\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eブランドが語る上質さ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eイワシビルのギフトボックスのダンボールの柄をハンカチにしました。\u003c\/p\u003e\n \u003cp\u003e見ているだけで阿久根の海を見ているような・・・・\u003c\/p\u003e\n \u003cp\u003e現実逃避したいときはこのハンカチを眺めてください。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790264007,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/1c9badd0b721ad8743be5dff78f88b58.jpg?v=1752137840"},{"product_id":"25127963","title":"イワシビルハンカチ【いわし】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003eいわし柄ハンカチの遊び心\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eイワシビルから生まれた、愛らしいいわしたちが踊るデザイン。日常に溶け込む、さりげない個性を演出します。贈り物にも喜ばれる一枚です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d1d8786cad8e1dc8a63b75f70681a7a2.jpg?v=1752137839\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e目を引くユニークな一枚\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e柔らかな綿100%で日常使い\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e綿100%の優しい肌触りが、使うたびに心地よさをもたらします。優れた吸水性で日常のあらゆるシーンを快適に支える、頼れる一枚です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a3806663f36519a2b6888b163048ebba.jpg?v=1752137839\" 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\/0683\/0132\/4487\/files\/63e1bfdf5d1ecfac5b2a965f8b5dafad.jpg?v=1752137839\" 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\"\u003eイワシビルで大人気のイワシショップカード柄をモチーフにしています。全ていわしで構成されたユニークなデザインです。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e素材・生産国\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \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\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790296775,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d1d8786cad8e1dc8a63b75f70681a7a2.jpg?v=1752137839"},{"product_id":"25127768","title":"イワシビルハンカチ【お土産】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e旅の記憶を彩るイワシビルハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e手にするたび、旅の思い出が\u003cstrong\u003e鮮やかに蘇るようなデザイン\u003c\/strong\u003e。日常に遊び心を加え、さりげなく個性を主張する\u003cstrong\u003e彩り豊かな一枚\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/51306bce737c50dc72d52d5d0801c990.jpg?v=1752137837\" 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\/0683\/0132\/4487\/files\/300fdf18b9e4a4e906e6a608c3a077c5.jpg?v=1752137838\" 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綿100%の心地よさハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e触れるたびに感じる、\u003cstrong\u003e綿100％素材がもたらす柔らかな肌触り\u003c\/strong\u003e。\u003cstrong\u003e毎日気持ちよく使える心地よさ\u003c\/strong\u003eで、日々の暮らしにそっと寄り添います。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/bf489c0ef6eb644a26e25af6b8525bbc.jpg?v=1752137838\" 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 \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eイワシビルのお土産品をちりばめた、遊び心あふれるデザインが特徴です。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e日常に楽しい会話のきっかけをプラス\u003c\/li\u003e\n \u003cli\u003e広げれば商品カタログとしてもお使いいただけます\u003c\/li\u003e\n \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 \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"イエロー","offer_id":44852790329543,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"ピンク","offer_id":44852790362311,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/51306bce737c50dc72d52d5d0801c990.jpg?v=1752137837"},{"product_id":"25127595","title":"イワシビルハンカチ【阿久根】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e彩り豊かな阿久根の恵みハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e鹿児島県阿久根市の\u003cstrong\u003e豊かな食文化\u003c\/strong\u003eを一枚に凝縮。様々な特産品が賑やかに描かれ、手にするたびに新たな発見と、わくわくする楽しさをお届けします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/df9206a558e1600a9705b47b4e9459bc.jpg?v=1752137837\" 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綿100%の柔らかな肌触り\u003c\/strong\u003eが、使うほどに手に馴染みます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f09d6cfeb882395000ff919ee16bc91b.jpg?v=1752137837\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e阿久根の心地よい日常に\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e鹿児島県阿久根市の豊かな特産品を一枚のハンカチに凝縮しました。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e食が豊かな阿久根の物語が詰まっています。\u003c\/li\u003e\n \u003cli\u003e食通のシェフも輩出する町の魅力をお届け。\u003c\/li\u003e\n \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\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790526151,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/df9206a558e1600a9705b47b4e9459bc.jpg?v=1752137837"},{"product_id":"52108500","title":"イワシビルハンカチ【パーティータイム　ブラック】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/e98eefb93778070558ca19b763873ed5.jpg?v=1752137835\" 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約50cm×50cmのゆったりサイズは、ハンカチとしてはもちろん、バッグのアクセントやスカーフとしても楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/0803fcbe8fc4b2df8f86738b72132c51.jpg?v=1752137835\" 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\/0683\/0132\/4487\/files\/ec9d237e0521a1984c37c5065b787abf.jpg?v=1752137836\" 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=\"basic-list\"\u003e\n \u003cli\u003eクラフトコーラ「パーティータイム」のデザイン\u003c\/li\u003e\n \u003cli\u003eシックなブラックカラー\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\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約50cm × 50cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790591687,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/e98eefb93778070558ca19b763873ed5.jpg?v=1752137835"},{"product_id":"52108564","title":"イワシビルハンカチ【パーティータイム　ロゴ】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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鮮やかな「パーティータイム」のロゴが舞い踊る、約50cm角のハンカチ。手にするたびに心が躍り、日々に\u003cstrong\u003e明るいエネルギー\u003c\/strong\u003eをチャージします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/1394f93f6db743f215933a9cacafd080.jpg?v=1752137834\" 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\/0683\/0132\/4487\/files\/c93a6cabe98d1fdd8127470e1a4c06fa.jpg?v=1752137834\" 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\/0683\/0132\/4487\/files\/5450d67da46b4dacafbcbe582af8a9aa.jpg?v=1752137834\" 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 \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eクラフトコーラ「パーティータイム」のロゴがちりばめられたハンカチです。\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e爽やかな一枚です。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e本商品のサイズは以下の通りです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e約50cm×50cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790624455,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/1394f93f6db743f215933a9cacafd080.jpg?v=1752137834"},{"product_id":"52108697","title":"イワシビルハンカチ【お土産　グリーン】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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 \u003ch1\u003eイワシビルハンカチ【お土産　グリーン】\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イワシビル人気アイテムが集結した、約50cm角のハンカチです。日常に遊び心を添え、\u003cstrong\u003eセンスが光るユニークなギフト\u003c\/strong\u003eとして活躍します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/e85d2b78660ee8b5fc9fd343b614a4ee.jpg?v=1752137833\" 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\/0683\/0132\/4487\/files\/40d2e08074078170794c0c0caa2202dd.jpg?v=1752137833\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e細部に宿る小さな物語\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eイワシビルの人気商品が大集合した、遊び心あふれるデザインが特徴です。人気のシリーズに新商品が加わり、さらにカラフルになりました。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eまるで手のひらサイズの図鑑のように、イワシビルアイテムの細部まで精巧に描かれています。\u003c\/li\u003e\n \u003cli\u003e見るたびに新しい発見があり、贈り物にも最適です。\u003c\/li\u003e\n \u003cli\u003e日常にユニークな彩りを添えるアイテムです。\u003c\/li\u003e\n \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約50cm × 50cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790657223,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/e85d2b78660ee8b5fc9fd343b614a4ee.jpg?v=1752137833"},{"product_id":"52108824","title":"イワシビルハンカチ【たい焼き】","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (遊び心たい焼きハンカチ) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\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\/0683\/0132\/4487\/files\/ac90e736b491186655161d30ccb8c090.jpg?v=1752137832\" 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!-- 商品解説セクション (広がるたい焼きアート) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e広がるたい焼きアート\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e約50cmの大判サイズ\u003c\/strong\u003eは、広げるとまるで一枚のアート作品。バッグのポイントやお弁当包み、お部屋のアクセントにも。あなたの日常をたい焼きたちが\u003cstrong\u003e楽しく彩ります\u003c\/strong\u003e。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/06ec9a08267a925cea8e9cf49c64b627.jpg?v=1752137832\" 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!-- スペック・詳細セクション --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eイワシビルといえばたい焼き！茶色のロゴもかわいいポイントなハンカチです。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e約50㎝×50㎝\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790689991,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ac90e736b491186655161d30ccb8c090.jpg?v=1752137832"},{"product_id":"9010136","title":"まるさつふきん","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性光る　贈り物ふきん\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e築地で親しまれる「まるさつ」の屋号を冠する特別な一枚。茨城のゴロゥ氏によるユニークなイラストと、奈良のふきん職人の技が融合。贈る相手の笑顔を誘う、心温まるギフトです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a16570e4fa6edd27e8c5a9f7af76fe0e.jpg?v=1752137831\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e心伝わるギフトふきん\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品について\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e「まるさつ」とは下園薩男商店の屋号で築地でもその名前で呼ばれています。\u003c\/p\u003e\n \u003cp\u003e茨城のイラストレーター「ゴロゥ」さんにデザインをお願いし、奈良のふきん屋で作ってもらったちょっとした贈り物にもおすすめなふきんです。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852790722759,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a16570e4fa6edd27e8c5a9f7af76fe0e.jpg?v=1752137831"},{"product_id":"89202244","title":"山猫瓶詰研究所　ふわふわキーホルダー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e郵便猫チャリ猫揃い踏み\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e旧郵便局に住まう愛らしい山猫たちが、ふっくらとしたキーホルダーになりました。仁王立ちの「\u003cstrong\u003e郵便猫\u003c\/strong\u003e」と自転車に乗る「\u003cstrong\u003eチャリ猫\u003c\/strong\u003e」、お好みの相棒を見つけてください。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/170167285161b12d09097f6209c25c29.jpg?v=1752137805\" 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\/0683\/0132\/4487\/files\/f0c1bf751cea790341a3d66aaa204850.jpg?v=1752137805\" 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\/0683\/0132\/4487\/files\/a51c05f7f858090dc20b576db9504791.jpg?v=1752137805\" 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=\"basic-list\"\u003e\n \u003cli\u003e郵便局員の装いをした山猫のクッション性のあるキーホルダー。\u003c\/li\u003e\n \u003cli\u003e仁王立ちした「郵便猫」と自転車に乗った「チャリ猫」の2種類展開。\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 \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 \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":"山猫瓶詰研究所","offers":[{"title":"郵便猫","offer_id":44852793409735,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"自転車猫","offer_id":44852793442503,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/170167285161b12d09097f6209c25c29.jpg?v=1752137805"},{"product_id":"93506392","title":"山猫瓶詰研究所　メッセージカード（5枚入り）","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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が、あなたの想いを届けるメッセージカード。裏面には7行の罫線とブランドロゴが施され、シンプルながらも\u003cstrong\u003e書き心地の良いデザイン\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/fa4899444d1e03abfc9b93cf8a87e6be.jpg?v=1752137801\" 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\u003e5枚組\u003c\/strong\u003eで様々なシーンに活躍。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/aae0c75154059a6588699c5a8c868750.jpg?v=1752137801\" 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 \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\u003e7行の横罫線\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様々なシーンでお使いいただける5枚組のメッセージカードです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eプレゼントの添え書き\u003c\/li\u003e\n \u003cli\u003eちょっとした伝言\u003c\/li\u003e\n \u003cli\u003e日常のコミュニケーションに\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eコンセプト\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eあなたが伝えたいことを、郵便猫が真心込めて相手へお届けします。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cp class=\"body-text\"\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852793573575,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/fa4899444d1e03abfc9b93cf8a87e6be.jpg?v=1752137801"},{"product_id":"93506309","title":"山猫瓶詰研究所　一筆箋箱","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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) - ブロック1 --\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\/0683\/0132\/4487\/files\/baf5f53aff673a27cd2a21487696c4bb.jpg?v=1752137800\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日常に贈る、小さな癒やし文具\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e\n \u003cstrong\u003e郵便局員の装いをした山猫\u003c\/strong\u003eが、あなたの心を温める\u003cstrong\u003e一筆箋\u003c\/strong\u003eになりました。横罫線、縦罫線、無地の三種類から、伝えたい想いにぴったりの便箋を選べます。\u003cstrong\u003e手のひらサイズ\u003c\/strong\u003eの\u003cstrong\u003e箱入り\u003c\/strong\u003eで、どんなシーンにも自然に溶け込みます。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 商品解説セクション (Main) - ブロック2 --\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\/0683\/0132\/4487\/files\/31de6bee80ce9b6348ffba4924158ace.jpg?v=1752137800\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e細部まで心を込めた、猫好きの逸品\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e\n 便箋の右下には、郵便猫の愛らしい日常が垣間見えるイラストが一つ一つ丁寧に描かれています。使い終わった箱も、お気に入りのアクセサリーや小物をしまうための特別な空間として活躍します。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- 商品解説セクション (Main) - ブロック3 --\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\/0683\/0132\/4487\/files\/5dcec6f4076bab48bf7e9c25d5a2d984.jpg?v=1752137800\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e想いを届ける、心温まる一筆箋ギフト\u003c\/p\u003e\n \u003cp class=\"body-text\"\u003e\n 感謝や労いの言葉を気軽に伝えたい時に最適な、\u003cstrong\u003e絶妙なサイズ感の一筆箋\u003c\/strong\u003eです。心を通わせるメッセージをしたためれば、夜な夜な郵便猫があなたの想いを大切な方へ届けてくれるでしょう。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所から、心温まる一筆箋が届きました。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e郵便局員の装いをした山猫「郵便猫」がモチーフです。\u003c\/li\u003e\n \u003cli\u003e便箋の右下には、郵便猫の愛らしい生活が垣間見えるイラストが描かれています。\u003c\/li\u003e\n \u003cli\u003eしたためた一筆箋は、夜な夜な郵便猫があなたの想いを大切な方へ届けてくれるかもしれません。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e内容と種類\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e手のひらサイズの箱付き一筆箋です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e一筆箋の種類: 横罫線、縦罫線、無地の3種類\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003cp class=\"body-text\"\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852793606343,"sku":null,"price":880.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/baf5f53aff673a27cd2a21487696c4bb.jpg?v=1752137800"},{"product_id":"89250262","title":"山猫瓶詰研究所　クリアファイル　郵便猫","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/057d5d0d6161433c5b1df62c2dc44e8a.jpg?v=1752137795\" 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\/0683\/0132\/4487\/files\/b90fdc438da7c4ad738b2c7a84a37a50.jpg?v=1752137795\" 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\/0683\/0132\/4487\/files\/f11522c955a5f8ffc4768a1062bd99da.jpg?v=1752137796\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e日々に寄り添う猫モチーフ\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品について\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルクリアファイルです。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e郵便猫：郵便局員の装いをした山猫が描かれています。\u003c\/li\u003e\n \u003cli\u003e山猫瓶詰研究所は明治時代に建てられた旧郵便局を改装して生まれたお店です。今も郵便局の使命を胸に抱いた山猫がお便りを届けているとかいないとか、そんな物語が詰まっています。\u003c\/li\u003e\n \u003cli\u003eデザイン：表面には郵便猫、裏面には山猫瓶詰研究所の文字がデザインされています。\u003c\/li\u003e\n \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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852793770183,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/057d5d0d6161433c5b1df62c2dc44e8a.jpg?v=1752137795"},{"product_id":"89202094","title":"山猫瓶詰研究所　ポストカード　自転車猫","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e「自転車猫」のポストカード\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e「\u003cstrong\u003e山猫瓶詰研究所\u003c\/strong\u003e」から届いた、どこか懐かしく温かい一枚。小さな手が持つ自転車に乗った山猫は、見る人の心をそっと癒してくれます。大切な人への想いを、この愛らしい一枚に乗せて贈りませんか。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c3846dc97398f1cfa8ca8409a73042ca.jpg?v=1752137795\" 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\/0683\/0132\/4487\/files\/18da53cfd44f29a1d843530c3fa90525.jpg?v=1752137795\" 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\/0683\/0132\/4487\/files\/b182f2a761ff334b6a84bab1a7a7328c.jpg?v=1752137795\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e想いを乗せる紙の温もり\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n \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\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 \u003c!-- 今回の入力データには、サイズ、素材、配送情報、商品コード、機能アイコン、サイズ表画像の明確な情報がないため、関連するdetailsやdivは作成しません。 --\u003e\n \u003c\/div\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eご覧いただく環境により、実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852793802951,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c3846dc97398f1cfa8ca8409a73042ca.jpg?v=1752137795"},{"product_id":"89201983","title":"山猫瓶詰研究所　ハンカチ　郵便猫","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/f451bc23ff2e3afc3029f8c0cfbe9d61.jpg?v=1752137794\" 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約50×50cmの大判サイズが、日常のあらゆるシーンを豊かに彩ります。ランチタイムのお弁当包みや、首元を飾るスカーフとしても大活躍することでしょう。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/5661210bc79b0de63d78193d265ea78e.jpg?v=1752137794\" 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\/0683\/0132\/4487\/files\/12cb6239472969efdc35ee545386baea.jpg?v=1752137794\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e贈り物にも喜ばれる一品\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルハンカチ「郵便猫」は、以下の魅力とストーリーを持っています。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所の実店舗である、明治時代に建てられた旧郵便局をリノベーションしたお店の歴史とコンセプトから生まれた、特別なデザインです。\u003c\/li\u003e\n \u003cli\u003e郵便局員の装いをした郵便猫がブロックごとに異なる表情で描かれており、使うたびに新しい発見と愛らしさを感じさせます。\u003c\/li\u003e\n \u003cli\u003e大判サイズのため、ハンカチとしての使用はもちろん、お弁当包みやスカーフ、バッグの目隠しとしても活用でき、多様なシーンで活躍します。\u003c\/li\u003e\n \u003c\/ul\u003e\n \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\n\u003cstrong\u003e本体サイズ:\u003c\/strong\u003e 約50×50cm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cp\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852793835719,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f451bc23ff2e3afc3029f8c0cfbe9d61.jpg?v=1752137794"},{"product_id":"81641994","title":"山猫瓶詰研究所　郵便猫アクリルキーホルダー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e郵便猫の可愛い姿、二つの物語\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e局員姿の山猫が心を届ける愛らしいデザイン。二足立ちと自転車乗りの二種類があり、コレクションとしても楽しめます。\u003cstrong\u003e存在感は抜群です。\u003c\/strong\u003e\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9737cb51b34c07177625c2cf90a0896b.jpg?v=1752137790\" 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\/0683\/0132\/4487\/files\/cca5200ea3e23b2c9fa68f3c12685968.jpg?v=1752137790\" 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\/0683\/0132\/4487\/files\/6b550116ba30fe36ffececc2989845b1.jpg?v=1752137790\" 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=\"basic-list\"\u003e\n \u003cli\u003e郵便局員の装いの山猫がモチーフ\u003c\/li\u003e\n \u003cli\u003e存在感抜群のデザイン\u003c\/li\u003e\n \u003cli\u003e二足立ちと自転車乗りの2種類展開\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 \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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"郵便猫","offer_id":44852794622151,"sku":null,"price":400.0,"currency_code":"JPY","in_stock":true},{"title":"自転車猫","offer_id":44852794654919,"sku":null,"price":400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9737cb51b34c07177625c2cf90a0896b.jpg?v=1752137790"},{"product_id":"81641864","title":"山猫瓶詰研究所　郵便猫缶バッジ","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/42e6b2bb555484104071ef572b231f79.jpg?v=1752137770\" 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\/0683\/0132\/4487\/files\/d14367c8be09414bd3385e1bd86616fe.jpg?v=1752137770\" 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\/0683\/0132\/4487\/files\/e521d01c4d7bf93287a314fc3969100c.jpg?v=1752137770\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003eオンライン初登場の物語\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所オリジナルの、人気郵便猫缶バッジです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e限られた郵便局でしか販売されなかった限定グッズ\u003c\/li\u003e\n \u003cli\u003eオンラインストアに初登場\u003c\/li\u003e\n \u003cli\u003e郵便局員の装いの山猫が描かれたデザイン\u003c\/li\u003e\n \u003cli\u003eシンプルながらも、くすりと笑えるユニークさ\u003c\/li\u003e\n \u003cli\u003eバッグやポーチなど、お好きな場所にお供させてください\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eカラーバリエーション\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e２種類のデザインからお選びいただけます。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eホワイト: 白背景に郵便ねこの全身が描かれています。\u003c\/li\u003e\n \u003cli\u003eグレー: グレーの背景に郵便ねこが胸辺りまで描かれています。\u003c\/li\u003e\n \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":"山猫瓶詰研究所","offers":[{"title":"ホワイト","offer_id":44852795637959,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"グレー","offer_id":44852795670727,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/b4b636eec825a7d6a13b3f52434d9419.jpg?v=1752137770"},{"product_id":"81355668","title":"山猫瓶詰研究所　切手型アクリルキーホルダー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/10c6460914a6324ccbb2acfc6cd8a29e.jpg?v=1752137769\" 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\/0683\/0132\/4487\/files\/a42f9fbf8ee0501ec336be522174134d.jpg?v=1752137769\" 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\/0683\/0132\/4487\/files\/1e792302ec774653c5577a97e24b7d74.jpg?v=1752137769\" 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切手型の\u003cstrong\u003eオリジナルアクリルキーホルダー\u003c\/strong\u003eです。\u003c\/li\u003e\n \u003cli\u003eかつて限られた郵便局でのみ販売されていた\u003cstrong\u003e限定グッズ\u003c\/strong\u003eが、ついにオンラインストアでご購入いただけます。\u003c\/li\u003e\n \u003cli\u003e山猫瓶詰研究所の\u003cstrong\u003e看板山猫（グレー）\u003c\/strong\u003eと、山猫喫茶担当の\u003cstrong\u003e山猫（黄色）\u003c\/strong\u003eの2種類のデザインがございます。\u003c\/li\u003e\n \u003cli\u003eご自宅の鍵の\u003cstrong\u003e目印\u003c\/strong\u003eや、バッグの\u003cstrong\u003eアクセント\u003c\/strong\u003eとしてご活用いただけます。\u003c\/li\u003e\n \u003cli\u003e「かわいい」だけではない、\u003cstrong\u003e何とも言えない目つきの山猫\u003c\/strong\u003eがあなたの大切なものをさりげなくマークしてくれます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"黄色","offer_id":44852795703495,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"グレー","offer_id":44852795736263,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/10c6460914a6324ccbb2acfc6cd8a29e.jpg?v=1752137769"},{"product_id":"81042958","title":"山猫瓶詰研究所　切手　63円切手","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e記憶を運ぶ山猫切手\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e120年前に郵便局だった場所から生まれた山猫瓶詰研究所。その想いを込めたオリジナル切手は、送る人、受け取る人の記憶に深く刻まれる\u003cstrong\u003e特別な存在\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/3c91eeb842525e4e71929bbb5b7e98ee.jpg?v=1752137768\" 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\/0683\/0132\/4487\/files\/fe2a5a2ebe706e01c95ac2294136e022.jpg?v=1752137768\" 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\/0683\/0132\/4487\/files\/00dd22edeef5d669d3255f1e21d5467a.jpg?v=1752137768\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e思い出を彩る一枚\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e山猫瓶詰研究所について\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナル切手です。\u003c\/p\u003e\n \u003cp\u003e山猫瓶詰研究所はもともと120年ほど前に開局した郵便局だった建物を改装して生まれました。お客様にお届けするものは変わっても郵便局の名残を残したい。その想いが形になりました。\u003c\/p\u003e\n \u003cp\u003eポストカードにちょうどよい切手になっています。かつて郵便局だったこの場所から思い出を届けてみませんか。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e切手のデザイン\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e切手のデザインは2種類ございます。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e郵便ねこ：郵便局員の装いの山猫が二足立ちしてこちらを見つめています。\u003c\/li\u003e\n \u003cli\u003e自転車ねこ：郵便局員の装いの山猫が自転車に乗ったデザインです。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cp\u003e※ポストカードは同封されません。\u003c\/p\u003e\n \u003cp\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"郵便猫","offer_id":44852795769031,"sku":null,"price":154.0,"currency_code":"JPY","in_stock":true},{"title":"自転車猫","offer_id":44852795801799,"sku":null,"price":154.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/3c91eeb842525e4e71929bbb5b7e98ee.jpg?v=1752137768"},{"product_id":"81208406","title":"山猫瓶詰研究所　ハンカチ　山猫の庭","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e庭を彩る山猫の物語\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e異なる表情を見せる山猫たちが勢揃い。\u003cstrong\u003e和洋折衷の庭\u003c\/strong\u003eをイメージしたデザインは、日常に遊び心を添えます。お気に入りの一枚を見つけてください。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/2e5a6cddf5358962bbccc8431db6ba55.jpg?v=1752137765\" 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約50cm四方\u003c\/strong\u003eの広がりの中に、山猫の住む庭が緻密に描かれています。ハンカチとしてはもちろん、\u003cstrong\u003eお弁当包みやスカーフ\u003c\/strong\u003eなど、様々なシーンで活躍します。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ddb5941425c6cc16bd9b63fa7496203a.jpg?v=1752137765\" 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\/0683\/0132\/4487\/files\/44043ab92f7c24ef6db9247852446110.jpg?v=1752137765\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e個性を語るデザインアクセント\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品について\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルハンカチです。\u003c\/p\u003e\n \u003cp\u003e山猫の庭は、山猫が住む和洋折衷の館の庭をイメージしたデザインになっています。\u003c\/p\u003e\n \u003cp\u003e大判サイズで、ハンカチとしてはもちろん、お弁当包みやスカーフ、バッグの目隠しにも活躍してくれます。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eカラー展開\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e黄\u003c\/li\u003e\n \u003cli\u003e黒\u003c\/li\u003e\n \u003cli\u003e赤\u003c\/li\u003e\n \u003cli\u003e青\u003c\/li\u003e\n \u003cli\u003eブラウン\u003c\/li\u003e\n \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約50×50cm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003cp\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"黄","offer_id":44852795867335,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"黒","offer_id":44852795900103,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"赤","offer_id":44852795932871,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"青","offer_id":44852795965639,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"ブラウン","offer_id":44852795998407,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true},{"title":"紫","offer_id":44852796031175,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/2e5a6cddf5358962bbccc8431db6ba55.jpg?v=1752137765"},{"product_id":"76399398","title":"山猫瓶詰研究所　ポストカード　THANK YOU","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/b742bded8b30cae8b8430adcef4f1fb9.jpg?v=1752137760\" 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\/0683\/0132\/4487\/files\/a728f3014068b0213c66a30f0f38daf3.jpg?v=1752137760\" 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\/0683\/0132\/4487\/files\/cf942ed3a8a3021c07ed69060de32b24.jpg?v=1752137760\" 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=\"basic-list\"\u003e\n \u003cli\u003e商品名：THANK YOU ポストカード\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 \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cp\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852796457159,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/b742bded8b30cae8b8430adcef4f1fb9.jpg?v=1752137760"},{"product_id":"76399240","title":"山猫瓶詰研究所　ポストカード　郵便猫","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e郵便猫が届ける癒し\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e愛らしい黒猫郵便局員が、あなたの大切な想いを届けます。心和むデザインが、受け取る人にも温かい笑顔をもたらします。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/8f27fc720e1265a9e9a105707d635248.jpg?v=1752137759\" 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\/0683\/0132\/4487\/files\/a2911b2bc66253a845b3c2ed39f3be23.jpg?v=1752137759\" 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\/0683\/0132\/4487\/files\/40fd409fca5fef603e72090f73b3bf14.jpg?v=1752137759\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e絆を深める贈り物\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルポストカード「郵便猫」です。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e元郵便局の山猫瓶詰研究所から生まれた、人気の郵便局員に扮した山猫のポストカードです。\u003c\/li\u003e\n \u003cli\u003e山猫が郵便局員として、あなたの大切なメッセージをお届けするでしょう。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\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":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852796719303,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/8f27fc720e1265a9e9a105707d635248.jpg?v=1752137759"},{"product_id":"69704998","title":"山猫瓶詰研究所　猫缶キャニスター　グレー","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e山猫瓶詰研究所の趣\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e落ち着いたグレーの色調に、猫の神秘的な姿が描かれたキャニスターは、空間に溶け込みながらも\u003cstrong\u003e確かな存在感\u003c\/strong\u003eを放ちます。珈琲豆や紅茶、大切な小物まで、湿気から守りながら美しく収めます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/4999e3a298412ae3660c9b87eda8689d.jpg?v=1752137746\" 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\/0683\/0132\/4487\/files\/ba1de0dbf85582fa7042dffaecc20223.jpg?v=1752137746\" 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\/0683\/0132\/4487\/files\/be18c0e6c85732b9c9d97437de55c2a1.jpg?v=1752137746\" 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\n\u003cstrong\u003e湿気から食品を守る密閉性\u003c\/strong\u003eで、珈琲豆や紅茶などの風味を長持ちさせます。\u003c\/li\u003e\n \u003cli\u003e小物入れとしても活用でき、散らばりがちなアイテムを\u003cstrong\u003e美しく収納\u003c\/strong\u003eできます。\u003c\/li\u003e\n \u003cli\u003eどんなインテリアにも馴染む\u003cstrong\u003e落ち着いたグレーの色調\u003c\/strong\u003eと、山猫瓶詰研究所のロゴが特徴です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e製品概要\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所オリジナルデザインのキャニスターです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e商品名：山猫瓶詰研究所　猫缶キャニスター　グレー\u003c\/li\u003e\n \u003cli\u003eデザイン：山猫瓶詰研究所のロゴ入り\u003c\/li\u003e\n \u003cli\u003e用途：珈琲豆、紅茶、その他小物や湿気を避けたい食品の保管\u003c\/li\u003e\n \u003c\/ul\u003e\n \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\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797571271,"sku":null,"price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/4999e3a298412ae3660c9b87eda8689d.jpg?v=1752137746"},{"product_id":"67353692","title":"山猫瓶詰研究所　猫缶キャニスター　黄色","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/b30894e093579e6d61d3365cd9c66167.jpg?v=1752137745\" class=\"img-fluid d-block w-100 product-img\" alt=\"心惹かれる黄色の猫デザイン\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e心惹かれる黄色の猫デザイン\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e鮮度を守る珈琲時間\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e大切な珈琲豆の香りを湿気から守り、美味しさを長く保ちます。並べて飾れば、こだわりのカフェ空間を自宅で手軽に楽しめます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/3574eb33d0334d20359d7f207c14f4f9.jpg?v=1752137745\" class=\"img-fluid d-block w-100 product-img\" alt=\"豊かな香りを閉じ込める喜び\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e豊かな香りを閉じ込める喜び\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e広がる使い方、多用途収納\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e広々とした内部は、珈琲豆はもちろん、紅茶やドライフルーツ、キャンディなど、様々な小物収納にも最適です。湿気から中身を守り、すっきりと整理整頓を叶えます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/fa88daea871f7785df06a01788788bfb.jpg?v=1752137745\" 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 class=\"body-text\"\u003e山猫瓶詰研究所のオリジナルキャニスターです。珈琲豆や小物などの保管にお使いいただけます。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所のロゴが入ったキャニスター缶です。\u003c\/li\u003e\n \u003cli\u003eパッと目をひく黄色がお部屋の印象を変えてくれます。\u003c\/li\u003e\n \u003cli\u003eコーヒー豆や紅茶など湿気を避けたい食品をかわいく保存できます。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e注意事項\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797636807,"sku":null,"price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/b30894e093579e6d61d3365cd9c66167.jpg?v=1752137745"},{"product_id":"69705118","title":"山猫瓶詰研究所　レターセット　やまねこ","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e心躍る猫たちの便り\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e山猫瓶詰研究所の世界観がぎゅっと詰まったレターセット。手に取るたびに\u003cstrong\u003e心躍るポップな色使い\u003c\/strong\u003eが、\u003cstrong\u003e特別なメッセージ\u003c\/strong\u003eを彩ります。書く前から心が弾む、そんな体験が始まります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d3f13af9a25acc393ed7553a969ce7ac.jpg?v=1752137744\" 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\/0683\/0132\/4487\/files\/d8b2ecba268786c477b445a3f4db6db6.jpg?v=1752137744\" 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。\u003cstrong\u003e細部までこだわり\u003c\/strong\u003eを感じるアイテムです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/fc5720864106ad3ddc832d4013bc81fa.jpg?v=1752137744\" 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=\"basic-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所の世界観がぎゅっと詰まったデザイン\u003c\/li\u003e\n \u003cli\u003e目を引くポップな色使いで心躍る\u003c\/li\u003e\n \u003cli\u003e「最近どう？」から始まる何気ないお手紙にぴったり\u003c\/li\u003e\n \u003c\/ul\u003e\n \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\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797669575,"sku":null,"price":660.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d3f13af9a25acc393ed7553a969ce7ac.jpg?v=1752137744"},{"product_id":"69705162","title":"山猫瓶詰研究所　レターセット　山猫の庭","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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) - ブロック1 --\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\/0683\/0132\/4487\/files\/f19e47c1e028bae751ffc3f8ef0516d8.jpg?v=1752137743\" 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!-- 商品解説セクション (Main) - ブロック2 --\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\/0683\/0132\/4487\/files\/e4e78ae497bd267791ad5617505d1e57.jpg?v=1752137743\" 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!-- 商品解説セクション (Main) - ブロック3 --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e個性を彩る細部のこだわり\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e\u003cstrong\u003e山猫のデザイン\u003c\/strong\u003eが光る便箋と封筒。\u003cstrong\u003e異なる表情を持つ二種の紙\u003c\/strong\u003eが、メッセージに多様なニュアンスを添えます。\u003cstrong\u003e愛らしいシール\u003c\/strong\u003eが、封緘のアクセントに。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/02a9cc4b54a88db2a1241eeb7ba8424a.jpg?v=1752137743\" class=\"img-fluid d-block w-100 product-img\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e全てが美しい 充実のセット\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- スペック・詳細セクション (Specs) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e商品詳細\u003c\/h3\u003e\n \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 \u003c\/div\u003e\n\n \u003c!-- 注意事項セクション (Notes) --\u003e\n \u003cdiv class=\"note-box\"\u003e\n \u003cp\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797702343,"sku":null,"price":660.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f19e47c1e028bae751ffc3f8ef0516d8.jpg?v=1752137743"},{"product_id":"67354248","title":"山猫瓶詰研究所　レターセット　猟師たち","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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を感じてください。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/199ed1d8734372b1e1bca20826e6652a.jpg?v=1752137742\" 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\u003e2種類のパターン\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\/0683\/0132\/4487\/files\/b49f7fa19511ed255e4042f3459df872.jpg?v=1752137742\" class=\"img-fluid d-block w-100 product-img\" alt=\"2種類の便箋デザイン\"\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をプラス。細部までこだわり抜かれたキャラクターたちが、文字だけでは伝えきれない、あなたの個性を表現し、受け取る人に\u003cstrong\u003e笑顔\u003c\/strong\u003eを届けます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/7e7c53a5b6ea00750aa8cbe7d962007d.jpg?v=1752137742\" 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\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルレターセットです。「猟師たち」をテーマにしたデザインが特徴です。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所に迷い込んだ猟師たちをイメージした、ユニークなデザイン\u003c\/li\u003e\n \u003cli\u003eポップで可愛らしいタッチで描かれ、見る人の心を和ませます\u003c\/li\u003e\n \u003cli\u003eかわいいもの好きな方へのプレゼントにも最適\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797735111,"sku":null,"price":660.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c0d6cbb136d0a0114073f47ec05f2939.jpg?v=1752137742"},{"product_id":"69705301","title":"山猫瓶詰研究所　ポーチ　山猫喫茶","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003c!-- 商品解説セクション (Main) --\u003e\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e山猫喫茶と過ごすひととき\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e温かみのある木目に溶け込む山猫喫茶の猫。読書のお供に文庫本や手帳を忍ばせ、日常に彩りを添えます。小物をスマートに持ち運べます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c7bc771dc2bfb91df4aeee88015897db.jpg?v=1752137741\" 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\/0683\/0132\/4487\/files\/a5891e1510474b8949ab84f3d87cf563.jpg?v=1752137741\" 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 class=\"body-text\"\u003e山猫瓶詰研究所のオリジナルポーチ「山猫喫茶」です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e山猫喫茶担当の山猫が真ん中にデザインされたフラットポーチです。\u003c\/li\u003e\n \u003cli\u003e大きめリングファスナーで開閉がスムーズに行えます。\u003c\/li\u003e\n \u003cli\u003e文庫本や手帳も収納でき、小物入れにちょうど良いサイズ感です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \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 \u003cul class=\"point-list\"\u003e\n \u003cli\u003eご覧いただく環境により、実物と色味が異なる場合がございます。予めご了承ください。\u003c\/li\u003e\n \u003cli\u003e写真に写っているノートはイメージであり、商品には同梱されません。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797767879,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c7bc771dc2bfb91df4aeee88015897db.jpg?v=1752137741"},{"product_id":"67354067","title":"山猫瓶詰研究所　ポーチ　山猫書簡","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e山猫書簡の愛らしい猫ポーチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e読書や日常に溶け込む、\u003cstrong\u003e山猫瓶詰研究所のオリジナルデザイン\u003c\/strong\u003e。\u003cstrong\u003e個性豊かな山猫\u003c\/strong\u003eが、あなたの毎日をそっと見守るパートナーです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/77611226d60d6b306e437af7064b9157.jpg?v=1752137740\" 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\/0683\/0132\/4487\/files\/4146a0435317276add4ed07a0e16f620.jpg?v=1752137740\" 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\/0683\/0132\/4487\/files\/c8703b6c6fa6b1ca890c85b71a024206.jpg?v=1752137740\" 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=\"basic-list\"\u003e\n \u003cli\u003e山猫書簡担当の山猫が真ん中にデザインされたフラットポーチ。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003e機能性\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\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 \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 \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797800647,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/77611226d60d6b306e437af7064b9157.jpg?v=1752137740"},{"product_id":"69705260","title":"山猫瓶詰研究所　ポーチ　猟師たち","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e視線惹かれる猟師たちの日常\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e山猫瓶詰研究所の\u003cstrong\u003e個性光る猟師たち\u003c\/strong\u003eが、毎日の相棒に。文庫本や手帳がすっきりと収まり、バッグの中を\u003cstrong\u003e魅力的に彩る収納アイテム\u003c\/strong\u003eです。日常に遊び心を添え、持つたびに心が躍る体験を。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/899a85a34d51e999ea20b8439a908ea0.jpg?v=1752137739\" 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\/0683\/0132\/4487\/files\/3091362062aa615b6dfdae6e9247eead.jpg?v=1752137739\" class=\"img-fluid d-block w-100 product-img\" alt=\"抜群の使い心地と洗練された佇まい\"\u003e\n \u003cp class=\"caption-text text-end\"\u003e抜群の使い心地と洗練された佇まい\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品情報\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルポーチ「猟師たち」の詳細です。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所の猟師たちが中央にデザインされたフラットポーチ。\u003c\/li\u003e\n \u003cli\u003e大きめのリングファスナーでスムーズな開閉が可能です。\u003c\/li\u003e\n \u003cli\u003e文庫本や手帳も収納でき、小物入れにちょうどいいサイズ感です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \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 \u003c\/ul\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797833415,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/899a85a34d51e999ea20b8439a908ea0.jpg?v=1752137739"},{"product_id":"67354023","title":"山猫瓶詰研究所　ハンカチ　カラフル","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e癒しの猫デザインハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eパッケージ越しにも伝わる、丸まった山猫の愛らしい姿。日常にそっと溶け込む、\u003cstrong\u003e心を和ませるデザイン\u003c\/strong\u003eが、あなたを優しく包み込みます。\u003cstrong\u003e大切な方への贈り物\u003c\/strong\u003eにも最適です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/2b9eddd51e9a46735ccdb4b9502ea3ef.jpg?v=1752137738\" 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\/0683\/0132\/4487\/files\/6ce4e4e431b8e4992c051f748e555357.jpg?v=1752137738\" 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\/0683\/0132\/4487\/files\/bdfa42332ff6af3058dfdd6b1ed54a80.jpg?v=1752137738\" 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\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp class=\"body-text\"\u003e山猫瓶詰研究所のオリジナルハンカチです。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eカラフルなブロックタイプでデザインされたハンカチです。\u003c\/li\u003e\n \u003cli\u003e山猫たちと猟師たちが描かれたユニークなデザインです。\u003c\/li\u003e\n \u003cli\u003e黒で描かれた山猫や猟師のシルエットが、全体をきゅっと引き締め、デザインのアクセントになっています。\u003c\/li\u003e\n \u003cli\u003e日常使いはもちろん、お部屋のアクセントとしてもおすすめです。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797931719,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/2b9eddd51e9a46735ccdb4b9502ea3ef.jpg?v=1752137738"},{"product_id":"69705415","title":"山猫瓶詰研究所　ハンカチ　ロゴねこ","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e視線集めるロゴねこハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e山猫瓶詰研究所の看板猫が、ハンカチいっぱいに躍動。広げた瞬間の迫力は圧巻で、日常に\u003cstrong\u003e非凡なアート\u003c\/strong\u003eを取り入れる喜びを届けます。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/0f9598e322b15fcd441d85b1f2b14fae.jpg?v=1752137737\" 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\/0683\/0132\/4487\/files\/d08632c786e656edb449be84cffeeb88.jpg?v=1752137737\" 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\/0683\/0132\/4487\/files\/e6d4fee7176678b74bc336431904ecff.jpg?v=1752137737\" 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 \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 \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e活用シーン・用途\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e日常使いはもちろん、多様なシーンで活躍します。\u003c\/p\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003e日常遣いのハンカチとして\u003c\/li\u003e\n \u003cli\u003eお部屋を彩る壁飾りとして\u003c\/li\u003e\n \u003cli\u003eお弁当箱の包み（風呂敷）として\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eご注意事項\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eご購入前にご確認ください。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797964487,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/b7b55c96d333ffc944da47cd1cfc88bb.jpg?v=1752137737"},{"product_id":"69705454","title":"山猫瓶詰研究所　ハンカチ　やまねこ赤","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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 \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\/0683\/0132\/4487\/files\/8da07fa2e22512f63d4aa1f20d31bc7c.jpg?v=1752137736\" 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\/0683\/0132\/4487\/files\/9f4e460236a61625f18d04d3619f4aa8.jpg?v=1752137736\" 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\/0683\/0132\/4487\/files\/b7914cf25c07ff60d9784068b90ff11f.jpg?v=1752137736\" 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\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 \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商品名: やまねこ・赤\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 \u003c\/div\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852797997255,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/8da07fa2e22512f63d4aa1f20d31bc7c.jpg?v=1752137736"},{"product_id":"69705495","title":"山猫瓶詰研究所　ハンカチ　やまねこ緑","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e山猫瓶詰研究所の魅惑を閉じ込めたハンカチ\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e山猫瓶詰研究所の物語がぎゅっと詰まった\u003cstrong\u003e特別な一枚\u003c\/strong\u003eです。落ち着いた緑色が基調となり、手にするたびに心温まる世界観が広がります。日常に遊び心を添える\u003cstrong\u003e個性的なデザイン\u003c\/strong\u003eです。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/844e004abbf92be6ebf7a202b017270b.jpg?v=1752137735\" 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\/0683\/0132\/4487\/files\/de7e0bf3ccf5a76be0012ae11d019557.jpg?v=1752137735\" 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\/0683\/0132\/4487\/files\/163cea04f41d700a6cb3dfee0b9fca3f.jpg?v=1752137735\" 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\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e山猫瓶詰研究所のオリジナルハンカチです。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所の世界観をぎゅっと詰め込んだデザイン\u003c\/li\u003e\n \u003cli\u003e落ち着きと遊び心を兼ね備えた「やまねこ・緑」\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003eデザインについて\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003e見ているのが楽しくなる、細部までこだわった絵柄です。\u003c\/p\u003e\n \u003cul class=\"point-list\"\u003e\n \u003cli\u003e山猫や猟師たちの繊細なタッチ\u003c\/li\u003e\n \u003cli\u003e細かく描かれた建物や風景\u003c\/li\u003e\n \u003cli\u003e眺めるほどに発見がある緻密なデザイン\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798030023,"sku":null,"price":1430.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/844e004abbf92be6ebf7a202b017270b.jpg?v=1752137735"},{"product_id":"69706132","title":"山猫瓶詰研究所　メモ帳　丸型メモ　ロゴねこ","description":"\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\u003e山猫瓶詰研究所　メモ帳　丸型メモ　ロゴねこ\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。山猫瓶詰研究所の看板猫が、あなたの毎日を彩る\u003cstrong\u003e特別な存在\u003c\/strong\u003eになります。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/5d9810192d9799e2404477b5de8a0df2.jpg?v=1752137734\" 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\n パラリとめくるたび、\u003cstrong\u003e心地よい紙の手触り\u003c\/strong\u003eが心を和ませます。\u003cstrong\u003e大切な伝言やアイデア\u003c\/strong\u003eを、この一枚に込めて届けませんか。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/10a62740902e3eecf8fbd94e15bd44f1.jpg?v=1752137734\" 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\n さっと広げれば、\u003cstrong\u003eあなたの言葉を待つ余白\u003c\/strong\u003eが。オフィスやご家庭で、気の利いたメッセージを残せる\u003cstrong\u003eユニークなツール\u003c\/strong\u003eです。\n \u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a7e318ecd8695291820b32fe99ad6e62.jpg?v=1752137734\" 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 class=\"body-text\"\u003e山猫瓶詰研究所のオリジナルメモ帳です。丸型と四角型がございます。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e丸型メモ　ロゴねこの特徴\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cul class=\"benefit-list\"\u003e\n \u003cli\u003eメモ帳としては珍しい丸型タイプで、人目を引くデザインです。\u003c\/li\u003e\n \u003cli\u003e山猫瓶詰研究所の丸い看板猫が大きくデザインされています。\u003c\/li\u003e\n \u003cli\u003eちょっとした伝言やメッセージを残すのに最適です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003cp class=\"body-text\"\u003e※ご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798062791,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/2764d674f9f78d5845780867521a8b36.jpg?v=1752137734"},{"product_id":"69706196","title":"山猫瓶詰研究所　メモ帳　四角メモ　やまねこ","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/94f3d2a616ff50b0955791b843030eca.jpg?v=1752137733\" 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\/0683\/0132\/4487\/files\/912bb09cddbf6737cc70e513f4ca0f7c.jpg?v=1752137733\" 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\/0683\/0132\/4487\/files\/55ce243278703351fbd5530baf8d22d0.jpg?v=1752137733\" 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 \u003cp\u003e四角メモ「やまねこ」は、以下の特徴を持っています。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003eいろんな表情を見せる山猫たちのメモ帳\u003c\/li\u003e\n \u003cli\u003e同じ子に見えて実はそれぞれ違う子\u003c\/li\u003e\n \u003cli\u003e一匹一匹を見比べられる楽しみ\u003c\/li\u003e\n \u003cli\u003e正方形でパッとしたときに使いやすいサイズ感\u003c\/li\u003e\n \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":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798095559,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/94f3d2a616ff50b0955791b843030eca.jpg?v=1752137733"},{"product_id":"67353138","title":"山猫瓶詰研究所　メモ帳　四角メモ　山猫の庭","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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です。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f99aa406962f4d063bcd87fb2e898c60.jpg?v=1752137732\" 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し、\u003cstrong\u003eアイデアを書き留める喜び\u003c\/strong\u003eを感じて。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/cb37298668130ae8673340f338055be3.jpg?v=1752137732\" 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アイデアやTODOを瞬時に書き留めるのに最適\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\/0683\/0132\/4487\/files\/49c425c09368d12b9cd19c233486a450.jpg?v=1752137732\" 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\"\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 \u003cp class=\"body-text\"\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798128327,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f99aa406962f4d063bcd87fb2e898c60.jpg?v=1752137732"},{"product_id":"69705615","title":"山猫瓶詰研究所　ポストカード　ロゴねこ","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; 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\/0683\/0132\/4487\/files\/7a35bc5f67efb10a8b93757823a7cfd8.jpg?v=1752137731\" 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\/0683\/0132\/4487\/files\/eda381d4dafdc56285bc10cbe0fe0c37.jpg?v=1752137731\" 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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"spec-details\"\u003e\n \u003csummary class=\"spec-summary\"\u003e商品詳細\u003c\/summary\u003e\n \u003cdiv class=\"spec-content\"\u003e\n \u003cp\u003eタイトルは「ロゴねこ」。\u003c\/p\u003e\n \u003cul class=\"basic-list\"\u003e\n \u003cli\u003e山猫瓶詰研究所の丸い看板猫が大きくデザインされています。\u003c\/li\u003e\n \u003cli\u003e点描画を思わせる繊細さを持つイラストは、愛らしさと迫力を兼ね備えています。\u003c\/li\u003e\n \u003cli\u003e大切な人への一言を添えるのに最適です。\u003c\/li\u003e\n \u003c\/ul\u003e\n \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 \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798161095,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/7a35bc5f67efb10a8b93757823a7cfd8.jpg?v=1752137731"},{"product_id":"69705679","title":"山猫瓶詰研究所　ポストカード　山猫喫茶・横ねこ","description":"\n\u003cstyle\u003e\n \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n .product-wrapper { \n background-color: #fcfcfc; \n font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n width: 100%;\n max-width: none !important;\n padding: 40px 30px; \n box-sizing: border-box;\n margin: 0;\n color: #333333;\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 #AFAFAF;\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 #AFAFAF; padding-bottom: 8px; \n }\n\n .body-text { \n color: #333333; \n font-size: 14px; \n margin-bottom: 24px;\n letter-spacing: 0.03em;\n text-wrap: pretty;\n }\n \n .caption-text { \n color: #5c5c5c; \n font-size: 14px !important;\n margin-top: 8px; \n text-align: right;\n }\n\n .product-img { \n border-radius: 8px; \n box-shadow: none;\n margin-bottom: 10px;\n width: 100%;\n height: auto;\n }\n .marker {\n background: linear-gradient(transparent 60%, #8AA88E40 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 #AFAFAF;\n border-radius: 8px;\n background-color: #fcfcfc; \n color: #333333;\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: #fcfcfc; 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: #8AA88E; }\n details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; 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: #fcfcfc; color: #333333; 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: #8AA88E; font-size: 0.9em; top: 2px; \n }\n\n ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; 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: #5c5c5c; 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: #8AA88E; 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 #8AA88E; 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 #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; 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 #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n @media (max-width: 600px) {\n .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n .section-title { font-size: 1.3em; }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n \u003cdiv class=\"content-section\"\u003e\n \u003ch3 class=\"section-title\"\u003e「横ねこ」の個性際立つアートポストカード\u003c\/h3\u003e\n \u003cp class=\"body-text\"\u003e山猫喫茶を司る横ねこが、点描の如き筆致で描かれた一枚。\u003cstrong\u003e愛らしい表情の奥に秘められた、見る者を惹きつける確かな迫力。\u003c\/strong\u003eその視線は、あなたの心を捉えて離しません。\u003c\/p\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/141ad907a474ffaab99c6afec9952183.jpg?v=1752137731\" 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\/0683\/0132\/4487\/files\/3023ca5babb4cbec48671d4fd292bed7.jpg?v=1752137731\" 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=\"basic-list\"\u003e\n \u003cli\u003e商品名：山猫喫茶・横ねこ\u003c\/li\u003e\n \u003cli\u003eデザイン：山猫喫茶担当の山猫が大きくデザイン\u003c\/li\u003e\n \u003cli\u003eイラスト：点描画を思わせる繊細な筆致\u003c\/li\u003e\n \u003cli\u003e魅力：愛らしさと迫力を兼ね備えた表現\u003c\/li\u003e\n \u003cli\u003e用途：旅先や日常で、大切な人へのメッセージに最適\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdiv class=\"note-box\"\u003e\n \u003ch3 class=\"section-title\"\u003eご注意事項\u003c\/h3\u003e\n \u003cp\u003eご覧いただく環境により、実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798193863,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/141ad907a474ffaab99c6afec9952183.jpg?v=1752137731"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/collections\/IMG_4235_a8da8d27-565b-4815-b8ac-6a0f5bdcc8f8.jpg?v=1748860873","url":"https:\/\/neko-ni-iwashi-yoine.we-shop.jp\/collections\/%e4%bd%8f.oembed","provider":"猫にイワシ-Yoine-","version":"1.0","type":"link"}