{"title":"キーホルダー・缶バッチ","description":"\u003cp\u003e\u003cspan data-sheets-root=\"1\"\u003eキーホルダー・缶バッチ\u003c\/span\u003e\u003c\/p\u003e","products":[{"product_id":"63716091","title":"イワシのアクリルキーホルダー","description":"\n\u003cstyle\u003e\n  \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n  .product-wrapper { \n      background-color: #fcfcfc; \n      font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n      width: 100%;\n      max-width: none !important;\n      padding: 40px 30px; \n      box-sizing: border-box;\n      margin: 0;\n      color: #333333;\n      line-height: 1.8;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n\n  \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n  .content-section, \n  details.spec-details, \n  .shipping-box, \n  .note-box,\n  .video-wrapper {\n      max-width: 800px; \n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #AFAFAF;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #AFAFAF; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #333333; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #5c5c5c; \n      font-size: 14px !important;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 8px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #8AA88E40 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* 画像の表示分け *\/\n  .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n  .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n  \n  .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n  .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n  \/* 動画用CSS *\/\n  .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n  .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n  .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n  \/* アコーディオン *\/\n  details.spec-details { \n      border: 1px solid #AFAFAF;\n      border-radius: 8px;\n      background-color: #fcfcfc; \n      color: #333333;\n      margin-bottom: 15px; \n      overflow: hidden; \n  }\n  summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; transition: background 0.2s; }\n  summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n  summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #8AA88E; }\n  details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; background-color: rgba(0,0,0,0.02); }\n  details[open] summary.spec-summary::after { content: \"-\"; }\n  summary.spec-summary::-webkit-details-marker { display: none; }\n  \n  .spec-content { padding: 20px; background-color: #fcfcfc; color: #333333; font-size: 14px !important; }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n  \/* リストデザイン *\/\n  \n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n  .product-wrapper ul:not([class]) { \n      list-style: none; \n      padding-left: 0; \n      margin-bottom: 24px; \n  }\n\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n  .product-wrapper ul:not([class]) li { \n      position: relative; \n      padding-left: 1.8em; \n      margin-bottom: 10px; \n      line-height: 1.6; \n      text-wrap: pretty; \n      font-size: 14px !important; \n  }\n  \n  ul.benefit-list li::before,\n  .product-wrapper ul:not([class]) li::before { \n      position: absolute; \n      left: 0; \n      content: \"●\"; color: #8AA88E; font-size: 0.9em; top: 2px; \n  }\n\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #5c5c5c; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #8AA88E; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #8AA88E; width: fit-content; word-break: keep-all; }\n  \n  .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n  .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n  \n  .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n  .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n    \u003c!-- 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e日常に遊び心を添えるイワシ\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003eカジュアルな装いに\u003cstrong\u003eイワシのアクリルキーホルダー\u003c\/strong\u003eが揺れ、個性をさりげなく主張します。約16cmのサイズ感が、お気に入りのバッグをさらに魅力的に彩ります。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ac3bd2c00716916866a5dc82d94efb1a.jpg?v=1752137943\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e毎日のコーデのアクセント\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e海の輝きを映すアクリルアート\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003eクリアなアクリル素材に描かれたイワシの精緻なディテール。光を受けるたび、まるで\u003cstrong\u003e本物の魚が泳ぐかのような美しい透明感\u003c\/strong\u003eを放ちます。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/c39d4f49316e7f1cde4c12a011f2d432.jpg?v=1752137943\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003e水族館のような佇まい\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003eどこへでも連れて行ける相棒\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e約5.5cm幅の\u003cstrong\u003eスリムなフォルム\u003c\/strong\u003eは、鍵や小物入れにすっきりと収まります。あなたの日常に寄り添い、ふとした瞬間にユーモラスな癒しを届けます。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f746b482216f0a7c9df6d51aaa50819f.jpg?v=1752137943\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eポケットから覗く癒し\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- スペック・詳細セクション (Specs) --\u003e\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp\u003eイワシのアクリルキーホルダーです。\u003c\/p\u003e\n            \u003cul class=\"point-list\"\u003e\n                \u003cli\u003e鍵につけたりバッグにつけたり色んな所へ連れて行ってください。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003eサイズ詳細\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cul class=\"basic-list\"\u003e\n                \u003cli\u003e約5.5cm × 約16cm\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\u003c\/div\u003e","brand":"イワシビル","offers":[{"title":"Default Title","offer_id":44852785742023,"sku":null,"price":990.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/ac3bd2c00716916866a5dc82d94efb1a.jpg?v=1752137943"},{"product_id":"89202244","title":"山猫瓶詰研究所　ふわふわキーホルダー","description":"\n\u003cstyle\u003e\n  \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n  .product-wrapper { \n      background-color: #fcfcfc; \n      font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n      width: 100%;\n      max-width: none !important;\n      padding: 40px 30px; \n      box-sizing: border-box;\n      margin: 0;\n      color: #333333;\n      line-height: 1.8;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n\n  \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n  .content-section, \n  details.spec-details, \n  .shipping-box, \n  .note-box,\n  .video-wrapper {\n      max-width: 800px; \n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #AFAFAF;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #AFAFAF; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #333333; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #5c5c5c; \n      font-size: 14px !important;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 8px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #8AA88E40 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* 画像の表示分け *\/\n  .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n  .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n  \n  .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n  .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n  \/* 動画用CSS *\/\n  .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n  .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n  .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n  \/* アコーディオン *\/\n  details.spec-details { \n      border: 1px solid #AFAFAF;\n      border-radius: 8px;\n      background-color: #fcfcfc; \n      color: #333333;\n      margin-bottom: 15px; \n      overflow: hidden; \n  }\n  summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; transition: background 0.2s; }\n  summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n  summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #8AA88E; }\n  details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; background-color: rgba(0,0,0,0.02); }\n  details[open] summary.spec-summary::after { content: \"-\"; }\n  summary.spec-summary::-webkit-details-marker { display: none; }\n  \n  .spec-content { padding: 20px; background-color: #fcfcfc; color: #333333; font-size: 14px !important; }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n  \/* リストデザイン *\/\n  \n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n  .product-wrapper ul:not([class]) { \n      list-style: none; \n      padding-left: 0; \n      margin-bottom: 24px; \n  }\n\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n  .product-wrapper ul:not([class]) li { \n      position: relative; \n      padding-left: 1.8em; \n      margin-bottom: 10px; \n      line-height: 1.6; \n      text-wrap: pretty; \n      font-size: 14px !important; \n  }\n  \n  ul.benefit-list li::before,\n  .product-wrapper ul:not([class]) li::before { \n      position: absolute; \n      left: 0; \n      content: \"●\"; color: #8AA88E; font-size: 0.9em; top: 2px; \n  }\n\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #5c5c5c; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #8AA88E; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #8AA88E; width: fit-content; word-break: keep-all; }\n  \n  .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n  .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n  \n  .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n  .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e郵便猫チャリ猫揃い踏み\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e旧郵便局に住まう愛らしい山猫たちが、ふっくらとしたキーホルダーになりました。仁王立ちの「\u003cstrong\u003e郵便猫\u003c\/strong\u003e」と自転車に乗る「\u003cstrong\u003eチャリ猫\u003c\/strong\u003e」、お好みの相棒を見つけてください。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/170167285161b12d09097f6209c25c29.jpg?v=1752137805\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e猫好き癒しの空間へ\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e鍵を彩る相棒猫\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e大切な鍵に、\u003cstrong\u003eふっくら優しい郵便猫\u003c\/strong\u003eを。バッグの中で迷子になりがちな鍵も、この\u003cstrong\u003e愛らしい相棒\u003c\/strong\u003eがいればすぐに見つけられます。\u003cstrong\u003e心地よい手触り\u003c\/strong\u003eで、日常に小さな癒しをお届けします。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/f0c1bf751cea790341a3d66aaa204850.jpg?v=1752137805\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e毎日の癒しアイテム\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003eバッグに添える猫の物語\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003eお気に入りのバッグにそっと添えれば、日々の装いが特別な物語を帯びます。\u003cstrong\u003e自転車に乗ったチャリ猫\u003c\/strong\u003eが、お出かけを一層楽しい時間に変えてくれるでしょう。個性あふれるあなたのスタイルを際立たせます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a51c05f7f858090dc20b576db9504791.jpg?v=1752137805\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003eお出かけの彩り\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e山猫瓶詰研究所のオリジナルキーホルダーです。\u003c\/p\u003e\n      \u003cul class=\"basic-list\"\u003e\n        \u003cli\u003e郵便局員の装いをした山猫のクッション性のあるキーホルダー。\u003c\/li\u003e\n        \u003cli\u003e仁王立ちした「郵便猫」と自転車に乗った「チャリ猫」の2種類展開。\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e山猫瓶詰研究所について\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e山猫瓶詰研究所は明治時代に建てられた旧郵便局を改装して生まれたお店です。今も郵便局の使命を胸に抱いた山猫がお便りを届けているとかいないとか。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003eおすすめの使用シーン\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e鍵やバッグなど、あなたの大切なもののお供にぜひどうぞ。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdiv class=\"note-box\"\u003e\n    \u003ch3 class=\"section-title\"\u003e注意事項\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003eご覧いただく環境により実物と色味が異なる場合がございます。予めご了承ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"郵便猫","offer_id":44852793409735,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"自転車猫","offer_id":44852793442503,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/170167285161b12d09097f6209c25c29.jpg?v=1752137805"},{"product_id":"81641994","title":"山猫瓶詰研究所　郵便猫アクリルキーホルダー","description":"\n\u003cstyle\u003e\n  \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n  .product-wrapper { \n      background-color: #fcfcfc; \n      font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n      width: 100%;\n      max-width: none !important;\n      padding: 40px 30px; \n      box-sizing: border-box;\n      margin: 0;\n      color: #333333;\n      line-height: 1.8;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n\n  \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n  .content-section, \n  details.spec-details, \n  .shipping-box, \n  .note-box,\n  .video-wrapper {\n      max-width: 800px; \n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #AFAFAF;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #AFAFAF; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #333333; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #5c5c5c; \n      font-size: 14px !important;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 8px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #8AA88E40 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* 画像の表示分け *\/\n  .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n  .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n  \n  .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n  .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n  \/* 動画用CSS *\/\n  .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n  .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n  .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n  \/* アコーディオン *\/\n  details.spec-details { \n      border: 1px solid #AFAFAF;\n      border-radius: 8px;\n      background-color: #fcfcfc; \n      color: #333333;\n      margin-bottom: 15px; \n      overflow: hidden; \n  }\n  summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; transition: background 0.2s; }\n  summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n  summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #8AA88E; }\n  details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; background-color: rgba(0,0,0,0.02); }\n  details[open] summary.spec-summary::after { content: \"-\"; }\n  summary.spec-summary::-webkit-details-marker { display: none; }\n  \n  .spec-content { padding: 20px; background-color: #fcfcfc; color: #333333; font-size: 14px !important; }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n  \/* リストデザイン *\/\n  \n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n  .product-wrapper ul:not([class]) { \n      list-style: none; \n      padding-left: 0; \n      margin-bottom: 24px; \n  }\n\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n  .product-wrapper ul:not([class]) li { \n      position: relative; \n      padding-left: 1.8em; \n      margin-bottom: 10px; \n      line-height: 1.6; \n      text-wrap: pretty; \n      font-size: 14px !important; \n  }\n  \n  ul.benefit-list li::before,\n  .product-wrapper ul:not([class]) li::before { \n      position: absolute; \n      left: 0; \n      content: \"●\"; color: #8AA88E; font-size: 0.9em; top: 2px; \n  }\n\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #5c5c5c; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #8AA88E; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #8AA88E; width: fit-content; word-break: keep-all; }\n  \n  .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n  .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n  \n  .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n  .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e郵便猫の可愛い姿、二つの物語\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e局員姿の山猫が心を届ける愛らしいデザイン。二足立ちと自転車乗りの二種類があり、コレクションとしても楽しめます。\u003cstrong\u003e存在感は抜群です。\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9737cb51b34c07177625c2cf90a0896b.jpg?v=1752137790\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e個性光る、相棒キーホルダー\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e鍵に宿る、古き良き記憶\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e明治の郵便局を改装した研究所から生まれた郵便猫。鍵やバッグに添えれば、日々に\u003cstrong\u003eレトロな趣と温かい便りをもたらします。\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/cca5200ea3e23b2c9fa68f3c12685968.jpg?v=1752137790\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e日常を彩る、特別なキーチャーム\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e待望のオンライン登場、特別な出会い\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e限られた郵便局でしか手に入らなかった限定グッズが、ついにオンラインストアに。猫好きな方への\u003cstrong\u003e特別なプレゼントにも最適です。\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/6b550116ba30fe36ffececc2989845b1.jpg?v=1752137790\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e手軽に贈れる、喜びの便り\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e商品の仕様\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e山猫瓶詰研究所オリジナルのアクリルキーホルダーです。\u003c\/p\u003e\n      \u003cul class=\"basic-list\"\u003e\n        \u003cli\u003e郵便局員の装いの山猫がモチーフ\u003c\/li\u003e\n        \u003cli\u003e存在感抜群のデザイン\u003c\/li\u003e\n        \u003cli\u003e二足立ちと自転車乗りの2種類展開\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003eブランドと背景\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e限られた郵便局でしか販売していなかった限定グッズが、この度オンラインストアに登場しました。\u003c\/p\u003e\n      \u003cp\u003e山猫瓶詰研究所は、明治時代に建てられた旧郵便局を改装して生まれたお店です。今も郵便局の使命を胸に抱いた山猫がお便りを届けているとかいないとか。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003eおすすめの使い方\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e鍵やバッグなど、お気に入りの持ち物にお供させてください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"郵便猫","offer_id":44852794622151,"sku":null,"price":400.0,"currency_code":"JPY","in_stock":true},{"title":"自転車猫","offer_id":44852794654919,"sku":null,"price":400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/9737cb51b34c07177625c2cf90a0896b.jpg?v=1752137790"},{"product_id":"81641864","title":"山猫瓶詰研究所　郵便猫缶バッジ","description":"\u003cstyle\u003e\n  \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n  .product-wrapper { \n      background-color: #fcfcfc; \n      font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n      width: 100%;\n      max-width: none !important;\n      padding: 40px 30px; \n      box-sizing: border-box;\n      margin: 0;\n      color: #333333;\n      line-height: 1.8;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n\n  \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n  .content-section, \n  details.spec-details, \n  .shipping-box, \n  .note-box,\n  .video-wrapper {\n      max-width: 800px; \n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #AFAFAF;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #AFAFAF; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #333333; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #5c5c5c; \n      font-size: 14px !important;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 8px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #8AA88E40 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* 画像の表示分け *\/\n  .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n  .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n  \n  .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n  .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n  \/* 動画用CSS *\/\n  .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n  .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n  .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n  \/* アコーディオン *\/\n  details.spec-details { \n      border: 1px solid #AFAFAF;\n      border-radius: 8px;\n      background-color: #fcfcfc; \n      color: #333333;\n      margin-bottom: 15px; \n      overflow: hidden; \n  }\n  summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; transition: background 0.2s; }\n  summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n  summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #8AA88E; }\n  details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; background-color: rgba(0,0,0,0.02); }\n  details[open] summary.spec-summary::after { content: \"-\"; }\n  summary.spec-summary::-webkit-details-marker { display: none; }\n  \n  .spec-content { padding: 20px; background-color: #fcfcfc; color: #333333; font-size: 14px !important; }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n  \/* リストデザイン *\/\n  \n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n  .product-wrapper ul:not([class]) { \n      list-style: none; \n      padding-left: 0; \n      margin-bottom: 24px; \n  }\n\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n  .product-wrapper ul:not([class]) li { \n      position: relative; \n      padding-left: 1.8em; \n      margin-bottom: 10px; \n      line-height: 1.6; \n      text-wrap: pretty; \n      font-size: 14px !important; \n  }\n  \n  ul.benefit-list li::before,\n  .product-wrapper ul:not([class]) li::before { \n      position: absolute; \n      left: 0; \n      content: \"●\"; color: #8AA88E; font-size: 0.9em; top: 2px; \n  }\n\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #5c5c5c; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #8AA88E; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #8AA88E; width: fit-content; word-break: keep-all; }\n  \n  .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n  .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n  \n  .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n  .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n    \u003c!-- 商品解説セクション (Main) --\u003e\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e郵便猫の愛くるしい眼差し\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e郵便局員の装いをまとった山猫が、あなたのお便りを届けに。シンプルながらも\u003cstrong\u003eクスッと笑えるその表情\u003c\/strong\u003eは、見るたびに心を和ませる猫グッズです。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/42e6b2bb555484104071ef572b231f79.jpg?v=1752137770\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eバッグに差す個性の輝き\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e２匹の郵便猫、どちらを選ぶ？\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003eグレーの背景に凛と佇む郵便猫。細部まで\u003cstrong\u003eこだわり抜かれたデザイン\u003c\/strong\u003eは、レトロ雑貨好きの心を掴むはず。あなたの個性的なアイテムに。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/d14367c8be09414bd3385e1bd86616fe.jpg?v=1752137770\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eこっそりこだわり表情\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"content-section\"\u003e\n        \u003ch3 class=\"section-title\"\u003e歴史を紡ぐ山猫の贈り物\u003c\/h3\u003e\n        \u003cp class=\"body-text\"\u003e明治の旧郵便局から生まれた山猫瓶詰研究所。これまで限られた場所でしか出会えなかった郵便猫が、ついに\u003cstrong\u003eオンラインで手に入る喜び\u003c\/strong\u003e。大切な人への小物アイテムとして、物語を運ぶプレゼントにも。\u003c\/p\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/e521d01c4d7bf93287a314fc3969100c.jpg?v=1752137770\" class=\"img-fluid d-block w-100 product-img\"\u003e\n        \u003cp class=\"caption-text text-end\"\u003eオンライン初登場の物語\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- スペック・詳細セクション (Specs) --\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp\u003e山猫瓶詰研究所オリジナルの、人気郵便猫缶バッジです。\u003c\/p\u003e\n            \u003cul class=\"benefit-list\"\u003e\n                \u003cli\u003e限られた郵便局でしか販売されなかった限定グッズ\u003c\/li\u003e\n                \u003cli\u003eオンラインストアに初登場\u003c\/li\u003e\n                \u003cli\u003e郵便局員の装いの山猫が描かれたデザイン\u003c\/li\u003e\n                \u003cli\u003eシンプルながらも、くすりと笑えるユニークさ\u003c\/li\u003e\n                \u003cli\u003eバッグやポーチなど、お好きな場所にお供させてください\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003eカラーバリエーション\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp\u003e２種類のデザインからお選びいただけます。\u003c\/p\u003e\n            \u003cul class=\"basic-list\"\u003e\n                \u003cli\u003eホワイト: 白背景に郵便ねこの全身が描かれています。\u003c\/li\u003e\n                \u003cli\u003eグレー: グレーの背景に郵便ねこが胸辺りまで描かれています。\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"spec-details\"\u003e\n        \u003csummary class=\"spec-summary\"\u003e山猫瓶詰研究所について\u003c\/summary\u003e\n        \u003cdiv class=\"spec-content\"\u003e\n            \u003cp\u003e山猫瓶詰研究所は、明治時代に建てられた旧郵便局を改装して生まれたお店です。\u003c\/p\u003e\n            \u003cp\u003e今も郵便局の使命を胸に抱いた山猫が、お便りを届けているという物語があります。\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"ホワイト","offer_id":44852795637959,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"グレー","offer_id":44852795670727,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/b4b636eec825a7d6a13b3f52434d9419.jpg?v=1752137770"},{"product_id":"81355668","title":"山猫瓶詰研究所　切手型アクリルキーホルダー","description":"\n\u003cstyle\u003e\n  \/* ▼▼▼ 全体の枠組み ▼▼▼ *\/\n  .product-wrapper { \n      background-color: #fcfcfc; \n      font-family: \"Work Sans\", \"system_ui\", \"-apple-system\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", \"Arial\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; \n      width: 100%;\n      max-width: none !important;\n      padding: 40px 30px; \n      box-sizing: border-box;\n      margin: 0;\n      color: #333333;\n      line-height: 1.8;\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n  }\n\n  \/* ▼▼▼ コンテンツ幅制限 ▼▼▼ *\/\n  .content-section, \n  details.spec-details, \n  .shipping-box, \n  .note-box,\n  .video-wrapper {\n      max-width: 800px; \n      margin-left: auto;\n      margin-right: auto;\n  }\n\n  .content-section {\n      margin-bottom: 60px;\n      border-bottom: 1px solid #AFAFAF;\n      padding-bottom: 60px;\n  }\n  .content-section:last-child { margin-bottom: 0; border-bottom: none; }\n  \n  \/* タイトル *\/\n  .section-title { \n      color: #333333; \n      font-size: 24px; \n      margin-bottom: 24px;\n      letter-spacing: 0.05em;\n      line-height: 1.4;\n      word-break: keep-all; \n      text-wrap: balance;   \n      border-bottom: 1px solid #AFAFAF; padding-bottom: 8px; \n  }\n\n  .body-text { \n      color: #333333; \n      font-size: 14px; \n      margin-bottom: 24px;\n      letter-spacing: 0.03em;\n      text-wrap: pretty;\n  }\n  \n  .caption-text { \n      color: #5c5c5c; \n      font-size: 14px !important;\n      margin-top: 8px; \n      text-align: right;\n  }\n\n  .product-img { \n      border-radius: 8px; \n      box-shadow: none;\n      margin-bottom: 10px;\n      width: 100%;\n      height: auto;\n  }\n  .marker {\n      background: linear-gradient(transparent 60%, #8AA88E40 60%);\n      font-weight: bold;\n      padding: 0 4px;\n  }\n\n  \/* 画像の表示分け *\/\n  .care-icons { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 10px 0; align-items: center; justify-items: center; }\n  .care-icons img { width: 100%; max-width: 60px; height: auto; object-fit: contain; }\n  \n  .spec-img-full { width: 100%; margin: 20px 0; text-align: center; }\n  .spec-img-full img { width: 100%; height: auto; display: block; border-radius: 2px; }\n\n  \/* 動画用CSS *\/\n  .video-wrapper { width: 100%; margin: 40px auto; text-align: center; }\n  .video-wrapper video { width: 100%; max-width: 100%; height: auto; border-radius: 4px; display: block; }\n  .video-wrapper iframe { width: 100%; max-width: 100%; aspect-ratio: 16 \/ 9; border: none; display: block; }\n\n  \/* アコーディオン *\/\n  details.spec-details { \n      border: 1px solid #AFAFAF;\n      border-radius: 8px;\n      background-color: #fcfcfc; \n      color: #333333;\n      margin-bottom: 15px; \n      overflow: hidden; \n  }\n  summary.spec-summary { padding: 15px 20px; font-weight: bold; color: #333333; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: #fcfcfc; transition: background 0.2s; }\n  summary.spec-summary:hover { background-color: rgba(0,0,0,0.05); }\n  summary.spec-summary::after { content: \"+\"; font-size: 1.5em; font-weight: normal; color: #8AA88E; }\n  details[open] summary.spec-summary { border-bottom: 1px solid #AFAFAF; background-color: rgba(0,0,0,0.02); }\n  details[open] summary.spec-summary::after { content: \"-\"; }\n  summary.spec-summary::-webkit-details-marker { display: none; }\n  \n  .spec-content { padding: 20px; background-color: #fcfcfc; color: #333333; font-size: 14px !important; }\n  .spec-content p, .spec-content li, .spec-content td, .spec-content th { font-size: 14px !important; }\n\n  \/* リストデザイン *\/\n  \n  ul.benefit-list, ul.basic-list, ul.point-list, ul.note-list, ul.step-list,\n  .product-wrapper ul:not([class]) { \n      list-style: none; \n      padding-left: 0; \n      margin-bottom: 24px; \n  }\n\n  ul.benefit-list li, ul.basic-list li, ul.point-list li, ul.note-list li, ul.step-list li,\n  .product-wrapper ul:not([class]) li { \n      position: relative; \n      padding-left: 1.8em; \n      margin-bottom: 10px; \n      line-height: 1.6; \n      text-wrap: pretty; \n      font-size: 14px !important; \n  }\n  \n  ul.benefit-list li::before,\n  .product-wrapper ul:not([class]) li::before { \n      position: absolute; \n      left: 0; \n      content: \"●\"; color: #8AA88E; font-size: 0.9em; top: 2px; \n  }\n\n  ul.basic-list li::before { content: \"\"; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; background-color: #5c5c5c; border-radius: 50%; }\n  ul.point-list li::before { content: \"▶\"; position: absolute; left: 0; color: #333333; font-size: 0.8em; top: 3px; }\n  ul.note-list li::before { content: \"※\"; position: absolute; left: 0; color: #5c5c5c; font-size: 0.9em; }\n  ul.step-list { counter-reset: num; }\n  ul.step-list li::before { counter-increment: num; content: counter(num); position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background-color: #8AA88E; color: #ffffff; border-radius: 50%; text-align: center; line-height: 22px; font-size: 0.8em; font-weight: bold; font-family: Arial, sans-serif; }\n\n  .spec-group strong { display: block; font-size: 1.1em; color: #333333; margin-bottom: 12px; border-bottom: 1px solid #8AA88E; width: fit-content; word-break: keep-all; }\n  \n  .table-scroll-view { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px; }\n  .spec-table { width: 100%; white-space: nowrap; font-size: 14px !important; width: 100%; border-collapse: collapse; border: 1px solid #AFAFAF; th, td { padding: 12px 8px; border: 1px solid #AFAFAF; font-size: 0.9em; } th { background-color: rgba(125, 125, 125, 0.1); font-weight: bold; color: #333333; } }\n  \n  .shipping-box, .note-box { margin-bottom: 30px; background-color: transparent; border: 1px solid #AFAFAF; background: #fcfcfc; padding: 20px; font-size: 14px !important; }\n  .shipping-box strong, .note-box strong { color: #333333; font-weight: bold; }\n\n  @media (max-width: 600px) {\n      .product-wrapper { padding: 30px 20px; line-height: 1.6; }\n      .section-title { font-size: 1.3em; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container product-wrapper\"\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e幻の限定猫アクリル\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003eかつて限られた場所でしか出会えなかった切手型アクリルキーホルダーが、ついにオンラインに登場しました。山猫瓶詰研究所の看板山猫と、山猫喫茶担当の山猫、異なる表情を持つ二匹からお選びいただけます。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/10c6460914a6324ccbb2acfc6cd8a29e.jpg?v=1752137769\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e二匹の山猫たち\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e特別な鍵の目印\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003e毎日使う大切な鍵も、このキーホルダーがあればすぐに見つかります。\u003cstrong\u003e独特な表情の山猫\u003c\/strong\u003eが、あなたの暮らしに確かな安心感を添え、大切な持ち物をさりげなくマークしてくれるでしょう。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/a42f9fbf8ee0501ec336be522174134d.jpg?v=1752137769\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003e迷わないお守り\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"content-section\"\u003e\n    \u003ch3 class=\"section-title\"\u003e視線集める個性チャーム\u003c\/h3\u003e\n    \u003cp class=\"body-text\"\u003eシンプルなバッグも、このキーホルダーを添えるだけで\u003cstrong\u003e個性が光る一点\u003c\/strong\u003eに変わります。どこへでも一緒に連れて行きたくなる、あなたのスタイルを印象づける魅力的なアクセントです。\u003c\/p\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/1e792302ec774653c5577a97e24b7d74.jpg?v=1752137769\" class=\"img-fluid d-block w-100 product-img\"\u003e\n    \u003cp class=\"caption-text text-end\"\u003eスタイルに遊び心を\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"spec-details\"\u003e\n    \u003csummary class=\"spec-summary\"\u003e商品の特徴\u003c\/summary\u003e\n    \u003cdiv class=\"spec-content\"\u003e\n      \u003cp\u003e山猫瓶詰研究所の「切手型アクリルキーホルダー」は、以下の特徴を持っています。\u003c\/p\u003e\n      \u003cul class=\"benefit-list\"\u003e\n        \u003cli\u003e切手型の\u003cstrong\u003eオリジナルアクリルキーホルダー\u003c\/strong\u003eです。\u003c\/li\u003e\n        \u003cli\u003eかつて限られた郵便局でのみ販売されていた\u003cstrong\u003e限定グッズ\u003c\/strong\u003eが、ついにオンラインストアでご購入いただけます。\u003c\/li\u003e\n        \u003cli\u003e山猫瓶詰研究所の\u003cstrong\u003e看板山猫（グレー）\u003c\/strong\u003eと、山猫喫茶担当の\u003cstrong\u003e山猫（黄色）\u003c\/strong\u003eの2種類のデザインがございます。\u003c\/li\u003e\n        \u003cli\u003eご自宅の鍵の\u003cstrong\u003e目印\u003c\/strong\u003eや、バッグの\u003cstrong\u003eアクセント\u003c\/strong\u003eとしてご活用いただけます。\u003c\/li\u003e\n        \u003cli\u003e「かわいい」だけではない、\u003cstrong\u003e何とも言えない目つきの山猫\u003c\/strong\u003eがあなたの大切なものをさりげなくマークしてくれます。\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n\u003c\/div\u003e","brand":"山猫瓶詰研究所","offers":[{"title":"黄色","offer_id":44852795703495,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true},{"title":"グレー","offer_id":44852795736263,"sku":null,"price":330.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/0132\/4487\/files\/10c6460914a6324ccbb2acfc6cd8a29e.jpg?v=1752137769"}],"url":"https:\/\/neko-ni-iwashi-yoine.we-shop.jp\/collections\/keychain.oembed","provider":"猫にイワシ-Yoine-","version":"1.0","type":"link"}