{"product_id":"3d-grooved-calligraphy-set-rjc","title":"3D溝入り書道セット","description":"\u003cbr\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Educational \/ Mother \u0026 Baby (Magic Calligraphy Workbook)\nTarget Audience: Parents of preschool \/ early elementary children\nVisual Style: Approachable, Educational, Safe, Playful\nColor Strategy: \n  - Primary: #43A047 (Educational Green, matching the product image UI)\n  - Accent: #FF9800 (Warm Orange for highlights)\n  - Background: #FDFDFD with #F2F8F2 card accents\nShape Strategy: Friendly large radius (20px) to convey safety and approachability.\nTypography Strategy: Large, highly legible type (Mobile-first readable, minimum 16px).\nMobile Table Strategy: Card-based (No horizontal scroll, full responsive).\nMobile Pattern Lock: Strict Image-Text top-to-bottom stack on mobile.\nImage Mapping: Hero=image_1, Features=image_2, image_3, image_4\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* =========================================\n       0) VARIABLES \u0026 RESET\n       ========================================= *\/\n    .product-detail-container {\n      --primary: #43A047;\n      --primary-hover: #2E7D32;\n      --accent: #FF9800;\n      --bg-body: #FDFDFD;\n      --bg-card: #F2F8F2;\n      --text-main: #2C3E50;\n      --text-sub: #546E7A;\n      --border-color: #E0E0E0;\n      \n      --radius-sm: 12px;\n      --radius-md: 20px;\n      --radius-lg: 32px;\n      \n      --shadow-sm: 0 4px 12px rgba(0,0,0,0.05);\n      --shadow-md: 0 8px 24px rgba(67, 160, 71, 0.08);\n\n      --gap-base: clamp(2rem, 5vw, 4rem);\n\n      \/* Container Constraints *\/\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* =========================================\n       1) TYPOGRAPHY SYSTEM (LARGE TYPE)\n       ========================================= *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      font-weight: 800;\n      line-height: 1.2;\n      color: var(--text-main);\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); }\n    .product-detail-container h2 { font-size: clamp(28px, 3.5vw, 36px); }\n    .product-detail-container h3 { font-size: clamp(22px, 3vw, 28px); }\n    \n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.6;\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    .product-detail-container .text-highlight {\n      color: var(--primary);\n      font-weight: bold;\n    }\n\n    \/* Non-clickable Badge *\/\n    .product-detail-container .status-badge {\n      display: inline-flex;\n      align-items: center;\n      background-color: var(--bg-card);\n      color: var(--primary-hover);\n      padding: 8px 16px;\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 700;\n      margin-bottom: 1rem;\n      border: 1px solid var(--primary);\n    }\n\n    \/* =========================================\n       2) MEDIA PROTOCOL (NO STRETCH)\n       ========================================= *\/\n    .product-detail-container img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .product-detail-container .img-placeholder {\n      width: 100%;\n      aspect-ratio: 4\/3;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      border-radius: var(--radius-md);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      color: #888;\n      text-align: center;\n      padding: 1rem;\n    }\n\n    \/* =========================================\n       3) LAYOUT ARCHITECTURE\n       ========================================= *\/\n    \/* Hero Section *\/\n    .pd-hero {\n      text-align: center;\n      padding-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n\n    .pd-hero-content {\n      max-width: 800px;\n      margin: 0 auto var(--gap-base);\n    }\n\n    \/* Mobile Ordering Lock (Z-Pattern) *\/\n    .pd-feature-item {\n      display: flex;\n      flex-direction: column; \/* Mobile first: strict stack *\/\n      gap: 2rem;\n      margin-bottom: var(--gap-base);\n      align-items: center;\n    }\n\n    .pd-feature-media {\n      width: 100%;\n    }\n\n    .pd-feature-copy {\n      width: 100%;\n    }\n\n    \/* Desktop Z-Pattern Enhancement *\/\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row; \/* Desktop: side-by-side *\/\n        gap: 4rem;\n        align-items: center;\n      }\n      .pd-feature-item:nth-child(even) {\n        flex-direction: row-reverse; \/* Alternating layout *\/\n      }\n      .pd-feature-media, \n      .pd-feature-copy {\n        flex: 1; \/* 50\/50 split *\/\n      }\n    }\n\n    \/* Benefit Grid *\/\n    .pd-benefits {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1.5rem;\n      margin-top: 2rem;\n    }\n    @media (min-width: 768px) {\n      .pd-benefits {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    .pd-benefit-card {\n      background: var(--bg-card);\n      padding: 2rem;\n      border-radius: var(--radius-md);\n      text-align: center;\n    }\n    .pd-benefit-card h3 {\n      font-size: 20px;\n      margin-bottom: 0.5rem;\n      color: var(--primary-hover);\n    }\n    .pd-benefit-card p {\n      font-size: 16px;\n      margin-bottom: 0;\n    }\n\n    \/* =========================================\n       4) SPECS TABLE (MOBILE CARD HACK)\n       ========================================= *\/\n    .pd-specs {\n      margin-top: var(--gap-base);\n      margin-bottom: var(--gap-base);\n    }\n    \n    .pd-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: #fff;\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .pd-table th, \n    .pd-table td {\n      padding: 1.25rem 1.5rem;\n      text-align: left;\n      font-size: 18px;\n    }\n\n    .pd-table th {\n      background-color: var(--bg-card);\n      font-weight: 700;\n      color: var(--primary-hover);\n      border-bottom: 2px solid var(--border-color);\n    }\n\n    .pd-table td {\n      border-bottom: 1px solid var(--border-color);\n      color: var(--text-sub);\n    }\n\n    .pd-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    \/* Mobile Table: Card View (Crucial for preventing scroll) *\/\n    @media (max-width: 767px) {\n      .pd-table, \n      .pd-table thead, \n      .pd-table tbody, \n      .pd-table tr, \n      .pd-table th, \n      .pd-table td {\n        display: block;\n        width: 100%;\n      }\n      \n      .pd-table thead {\n        display: none; \/* Hide standard headers *\/\n      }\n      \n      .pd-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-sm);\n        padding: 0.5rem;\n        background: #fff;\n      }\n      \n      .pd-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        padding: 0.75rem;\n        border-bottom: 1px solid #f0f0f0;\n        text-align: right; \/* Values align right on mobile *\/\n      }\n\n      .pd-table td:last-child {\n        border-bottom: none;\n      }\n      \n      .pd-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        margin-right: 1rem;\n        text-align: left;\n        flex-shrink: 0;\n        max-width: 40%;\n      }\n    }\n\n    \/* =========================================\n       5) FAQ SECTION\n       ========================================= *\/\n    .pd-faq {\n      margin-bottom: var(--gap-base);\n      background: var(--bg-card);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-faq-title {\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .pd-faq details {\n      background: #fff;\n      border-radius: var(--radius-sm);\n      margin-bottom: 1rem;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.03);\n      overflow: hidden;\n    }\n\n    .pd-faq summary {\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      padding: 1.5rem;\n      cursor: default; \/* Removing pointer as per CTA rules *\/\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .pd-faq summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .pd-faq summary::after {\n      content: '+';\n      font-size: 24px;\n      color: var(--primary);\n      transition: transform 0.3s;\n    }\n\n    .pd-faq details[open] summary::after {\n      transform: rotate(45deg);\n    }\n\n    .pd-faq .faq-content {\n      padding: 0 1.5rem 1.5rem;\n      font-size: 18px;\n      color: var(--text-sub);\n    }\n\u003c\/style\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pd-hero\"\u003e\n\u003cdiv class=\"pd-hero-content\"\u003e\n\u003cdiv class=\"status-badge\"\u003e5万人以上の幸せな親御さんに愛されています\u003c\/div\u003e\n\n\u003ch1\u003eお子さまの\u003cspan class=\"text-highlight\"\u003e書く力\u003c\/span\u003eを引き出す\n\u003c\/h1\u003e\n\n\u003cp\u003e学びを魔法のような体験に変えましょう。再利用可能な溝付き書き込み帳で、未就学児が楽しく完璧な筆記フォームを簡単に習得できます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Hero Image Placeholder based on User Input --\u003e\n\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 16\/9; margin-bottom: 2rem;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/74076eff055dc86abdbaf7d15984c650.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefits\"\u003e\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🧠 記憶力アップ\u003c\/h3\u003e\n\n\u003cp\u003e繰り返しのガイド付きなぞり書きが筋肉の記憶と認知の想起を強化します。\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🔢 算数＆論理\u003c\/h3\u003e\n\n\u003cp\u003e早期の数字と算数への触れ合いが強固な基礎を築きます。\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-benefit-card\"\u003e\n\u003ch3\u003e🎯 高い集中力\u003c\/h3\u003e\n\n\u003cp\u003e楽しいアクティビティで小さな心を集中させ、画面から遠ざけます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"margin-top: var(--gap-base);\"\u003e \u003c\/div\u003e\n\u003c!-- FEATURE 1 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/45771c599308ace17367095a2b179e14.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003e完璧なフォームのための\u003cspan class=\"text-highlight\"\u003e溝付きページ\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e自由に形を描くのに苦労する必要はありません。革新的な\u003cstrong\u003e3D溝デザイン\u003c\/strong\u003eが自然にお子さまのペンを正しい軌道に導きます。この触覚フィードバックが微細運動能力を育み、最初から標準的で美しい筆跡を学べます。\u003c\/p\u003e\n\n\u003cp\u003e元気な小さな手でも反り返りや破れに強い高品質の厚紙を使用しています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 2 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/c93cb0dc9f2ae059a006f552c17cee7c.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eマジックインク：\u003cspan class=\"text-highlight\"\u003e書いて、乾かして、消える！\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e魔法のような体験を！付属の自動消去ペンは、乾くと30分以内に自動的に消える特別なインクを使用しています。\u003c\/p\u003e\n\n\u003cp\u003eこれにより、お子さまは文字や数字、絵を\u003cstrong\u003e何度でも\u003c\/strong\u003e練習できます。環境に優しく、コストパフォーマンスが高く、汚れもありません。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE 3 (Z-Pattern Locked) --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260313143136\/d75a63ca461a8ff394bb005d569313f7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003e完全な\u003cspan class=\"text-highlight\"\u003e早期教育ツール\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e26の英字、日常語彙、0〜100の数字、簡単な足し算・引き算をカバーする充実のセットをすべてご用意しています。\u003c\/p\u003e\n\n\u003cp\u003e鮮やかな色とかわいい形が、お子さまの認知力を高め、深く集中させます。楽しい子ども時代のための最高の誕生日やホリデーギフトです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECIFICATIONS TABLE --\u003e\n\n\u003cdiv class=\"pd-specs\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003e製品仕様\u003c\/h2\u003e\n\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003e特徴\u003c\/th\u003e\n\t\t\t\u003cth\u003e詳細\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions\"\u003e10.23 x 7.28インチ \/ 26.0 x 18.5 cm（1冊あたり）\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003e厚手で反り返り防止の高品質紙\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Ink Type\"\u003e自動消去マジックインク（乾くと消える）\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Included Content\"\u003eアルファベット、数字、算数、絵画\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Package Includes\"\u003e書き込み帳4冊、ペン2本、グリップ2個、リフィル10個\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Recommended Age\"\u003e未就学児と初等教育初期\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ SECTION --\u003e\n\n\u003cdiv class=\"pd-faq\"\u003e\n\u003ch2 class=\"pd-faq-title\"\u003eよくある質問\u003c\/h2\u003e\n\n\u003cdetails\u003e\u003csummary\u003eインクが消えるまでどのくらいかかりますか？\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003e通常、マジックインクは環境の温度や湿度によりますが、15〜30分以内に完全に消えます。乾くと、新品のように再び使えます！\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eこれらの本に普通のペンやマーカーを使えますか？\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003e書き込み帳の再利用性を保つために、\u003cstrong\u003e付属のマジック自動消去ペンとリフィルのみを使用してください\u003c\/strong\u003e。通常のインクは消えず、溝付きページに永久的に跡が残ります。\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\u003csummary\u003eこれらは左利きの子供にも適していますか？\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-content\"\u003eもちろんです。このセットには、右利きと左利きの学習者の両方に標準的で快適な筆記姿勢をサポートし、指の疲れを防ぐ柔らかいシリコン製ペングリップが含まれています。\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"🟢 1セット（本4冊＋ペン）","offer_id":47992025841876,"sku":"0320-14352666","price":16.95,"currency_code":"USD","in_stock":true},{"title":"👯‍♀️ 2セット（本8冊）- 20%お得","offer_id":47992025874644,"sku":"0320-14350366","price":31.95,"currency_code":"USD","in_stock":true},{"title":"🎁 3セット（本12冊）- 最高のお得！","offer_id":47992025907412,"sku":"0320-14351804","price":46.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/74076eff055dc86abdbaf7d15984c650.jpg?v=1779883714","url":"https:\/\/omurio.com\/ja\/products\/3d-grooved-calligraphy-set-rjc","provider":"Omurio","version":"1.0","type":"link"}