{"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","url":"https:\/\/neko-ni-iwashi-yoine.we-shop.jp\/products\/67353138","provider":"猫にイワシ-Yoine-","version":"1.0","type":"link"}