{"title":"文房具","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003e文房具\u003c\/span\u003e\u003c\/p\u003e","products":[{"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":"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":"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":"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":"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":"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":"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"},{"product_id":"69705722","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  \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\/0fb8dce898afac6d9fb29cf846850dbd.jpg?v=1752137730\" 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\/34c80f51c96a9b0068628bc7c1d91c2a.jpg?v=1752137730\" 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      \u003c\/ul\u003e\n      \u003cp\u003e「今度一緒に行こうね」といった温かいメッセージを添えて、大切な方へ送るのに最適な一枚です。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdiv class=\"note-box\"\u003e\n    \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003eご覧いただく環境（モニター設定など）により、商品の実物と色味が異なって見える場合がございます。予めご了承ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798226631,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/0fb8dce898afac6d9fb29cf846850dbd.jpg?v=1752137730"},{"product_id":"69705772","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\n      \u003cstrong\u003e山猫瓶詰研究所\u003c\/strong\u003eのユニークな世界観がぎゅっと詰まった一枚です。\n      \u003cstrong\u003e個性豊かな猫たち\u003c\/strong\u003eが、落ち着いた緑の中で思い思いに過ごす姿に心が和みます。\n      見るたびに\u003cstrong\u003e新しい発見\u003c\/strong\u003eがあるでしょう。\n    \u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/72e19a76cf7697010f616913df418a86.jpg?v=1752137729\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e緑色の愛らしい猫たち\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e心に響くメッセージ、シンプルに届ける\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e\n      大切な人に「私ここに来たんだよ」と伝える、シンプルだからこそ\u003cstrong\u003e想いが伝わる\u003c\/strong\u003e一枚。\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\/03bf6943b6b28f1137d51b95eef43384.jpg?v=1752137729\" 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  \u003cdiv class=\"note-box\"\u003e\n    \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e\n      ご覧いただく環境により、実物と色味が異なる場合がございます。予めご了承ください。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798259399,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/72e19a76cf7697010f616913df418a86.jpg?v=1752137729"},{"product_id":"69705844","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\/d3675f2e6066f4156c3c137131f80f45.jpg?v=1752137728\" 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\/ad829bad2cb443bfe0989da25bb0d371.jpg?v=1752137728\" 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      \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 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  \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      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798292167,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d3675f2e6066f4156c3c137131f80f45.jpg?v=1752137728"},{"product_id":"69705894","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\/06a8fe8e60f4d0c01d9131098b5a6dd3.jpg?v=1752137727\" 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\/18c679575e1276e807a39dec78a6e058.jpg?v=1752137727\" 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    \u003c\/div\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":44852798324935,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/06a8fe8e60f4d0c01d9131098b5a6dd3.jpg?v=1752137727"},{"product_id":"69705974","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\/480034c6a8298d8873806e743d7e9121.jpg?v=1752137727\" 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\/02b99c6408cb03a5c7dc83c3a68d9bc4.jpg?v=1752137727\" 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      \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\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"Default Title","offer_id":44852798357703,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/480034c6a8298d8873806e743d7e9121.jpg?v=1752137727"},{"product_id":"69706016","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 class=\"highlight\"\u003e奇妙な物語\u003c\/strong\u003eが、一枚のカードに凝縮されています。彼らの\u003cstrong class=\"highlight\"\u003e愛らしい表情\u003c\/strong\u003eと\u003cstrong class=\"highlight\"\u003e個性的なパンツのデザイン\u003c\/strong\u003eは、受け取る人に\u003cstrong class=\"highlight\"\u003e笑顔と驚き\u003c\/strong\u003eをもたらすでしょう。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/345cad92330420e937f535eaa2dbafd5.jpg?v=1752137726\" 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 class=\"highlight\"\u003e最大限に引き立てるシンプルな設計\u003c\/strong\u003eです。山猫瓶詰研究所のロゴが控えめに配置され、\u003cstrong class=\"highlight\"\u003e手書きの温もり\u003c\/strong\u003eが\u003cstrong class=\"highlight\"\u003e一層際立ち\u003c\/strong\u003e、\u003cstrong class=\"highlight\"\u003e大切な気持ちを心を込めて\u003c\/strong\u003e届けられます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/7e8859547eba87763be706da1f7fcca1.jpg?v=1752137726\" 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=\"basic-list\"\u003e\n        \u003cli\u003e商品名：猟師たちパンツ\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"body-text\"\u003e宮沢賢治の「注文の多い料理店」からインスパイアされた、山猫瓶詰研究所に迷い込んだ猟師たちをイメージしたポストカード。山猫の企みに彼らは気づけるのでしょうか？\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \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":44852798390471,"sku":null,"price":220.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/345cad92330420e937f535eaa2dbafd5.jpg?v=1752137726"},{"product_id":"67353521","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や\u003cstrong\u003eギフトラッピング\u003c\/strong\u003e、あらゆるシーンに彩りと楽しさをもたらします。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/4fd07be36902ac281a518e9425ddfc37.jpg?v=1752137723\" 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\/4a164770baab87a67648e300995a4ad1.jpg?v=1752137723\" 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\/496bd107d9426749b2a3af881780fa58.jpg?v=1752137724\" 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\u003cp class=\"body-text\"\u003e\u003cstrong\u003eロゴまるねこ・グレー\u003c\/strong\u003e 山猫瓶詰研究所の丸い看板猫が並ぶマスキングテープ。長く伸ばすと山猫がコロコロと転がっているよう。途中で千切るのがもったいなくなる可愛さです。\u003c\/p\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cp class=\"body-text\"\u003e\u003cstrong\u003e山猫の庭・ベージュ\u003c\/strong\u003e 山猫の庭をイメージしたデザインのマスキングテープ。6種類のシックなデザインが並びます。1種類ずつ千切ってシールのように使っても◎\u003c\/p\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cp class=\"body-text\"\u003e\u003cstrong\u003eやまねこ・赤\u003c\/strong\u003e 山猫瓶詰研究所をぎゅっと詰め込んだマスキングテープ。目を引く赤色が気分を上げてくれます。手帳やお部屋の飾りつけのアクセントになってくれますよ。\u003c\/p\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cp class=\"body-text\"\u003e\u003cstrong\u003eやまねこ・黄\u003c\/strong\u003e 山猫瓶詰研究所をぎゅっと詰め込んだマスキングテープ。ポップな黄色が気分を上げてくれます。明るい色味ながら馴染んでくれる万能色です。\u003c\/p\u003e\u003c\/li\u003e\n        \u003cli\u003e\u003cp class=\"body-text\"\u003e\u003cstrong\u003eやまねこ・緑\u003c\/strong\u003e 山猫瓶詰研究所をぎゅっと詰め込んだマスキングテープ。落ち着きと遊び心を緑色は、ちょうどいいデスクの上のお供になってくれます。\u003c\/p\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":"ロゴまるねこ・グレー","offer_id":44852798423239,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"山猫の庭・ベージュ","offer_id":44852798456007,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"やまねこ・赤","offer_id":44852798488775,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"やまねこ・黄","offer_id":44852798521543,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true},{"title":"やまねこ・緑","offer_id":44852798554311,"sku":null,"price":418.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/4fd07be36902ac281a518e9425ddfc37.jpg?v=1752137723"},{"product_id":"67353362","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    \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\/8756eab1f674c40d110487b57cae07f3.jpg?v=1752137722\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e個性を映す3つの表情\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\/34c590cfa133911c1bb3ebc4e0eba714.jpg?v=1752137722\" 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            \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        \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    \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":44852798619847,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"やまねこ","offer_id":44852798652615,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"山猫の庭","offer_id":44852798685383,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/8756eab1f674c40d110487b57cae07f3.jpg?v=1752137722"}],"url":"https:\/\/neko-ni-iwashi-yoine.we-shop.jp\/collections\/stationery.oembed?page=2","provider":"猫にイワシ-Yoine-","version":"1.0","type":"link"}