{
  "id": "ahv-template-product-family-desktop",
  "file": "AHV Template Product Family Desktop.dc.html",
  "sourceSha256": "343f3979ffefa5e7d50b8262de2af1667ca538d0ebe1498ef15375e684e04709",
  "variant": "desktop",
  "template": "\n<helmet>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Marcellus&family=Mulish:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  html, body { margin:0; padding:0; background:#F7F4EA; }\n  *, *::before, *::after { box-sizing: border-box; }\n  body { font-family:'Mulish', sans-serif; color:#2A2118; -webkit-font-smoothing:antialiased; }\n  a { color:#006038; }\n  a:hover { color:#004226; }\n  @media (prefers-reduced-motion: reduce) { * { transition:none !important; animation:none !important; } }\n</style>\n</helmet>\n\n<div style=\"width:100%;background:#F7F4EA;font-family:'Mulish',sans-serif;color:#2A2118;font-size:18px;line-height:1.7;\">\n\n  <dc-import name=\"AHV Chrome Header\" hint-size=\"100%,72px\"></dc-import>\n\n  <section style=\"padding:40px 0 0;\">\n    <div style=\"width:min(1220px,94%);margin:0 auto;\">\n      <nav aria-label=\"パンくずリスト\" style=\"font-size:14px;line-height:1.5;color:#75695A;margin-bottom:26px;\">\n        <a href=\"https://ayurvedichealingvillage.com/ja/\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-left:-8px;padding:0 8px;color:#006038;text-decoration:none;\">ホーム</a> <span style=\"padding:0 10px;color:#C9BFA8;\">•</span> <span aria-current=\"page\">製品ラインナップ</span>\n      </nav>\n      <p style=\"margin:0 0 14px;font-size:12.5px;line-height:1.5;letter-spacing:2.6px;text-transform:uppercase;color:#8F6212;font-weight:700;\">Kairali — The Ayurvedic Healing Village · 1908年創業</p>\n      <h1 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:56px;line-height:1.12;letter-spacing:-0.4px;color:#2A2118;max-width:16ch;\">製品ラインナップ</h1>\n      <p style=\"margin:26px 0 0;padding-left:22px;border-left:3px solid #C1882C;font-size:21px;line-height:1.6;color:#514A3F;max-width:56ch;\">Kairali Ayurvedic Groupが製造する医薬品、オーガニック製品、お茶、書籍、機器をご紹介します。各製品群の説明はこちらに掲載しており、ご注文はそれぞれ別途承ります。</p>\n    </div>\n  </section>\n\n  <div style=\"width:100%;margin-top:44px;\">\n    <div style=\"overflow:hidden;width:100%;height:420px;background:#E0D7C4;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 24px;\"><img src=\"/ahv/assets/img/gallery/ee7d129f97f1b7e211572def4f1bbae675da2b34eaf75e3b76df1d57f01a63bd.webp\" alt=\"病院周辺のケララ州の田園地帯に広がる水田とココヤシの空撮\" loading=\"eager\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n  </div>\n\n  <main style=\"width:min(1220px,94%);margin:0 auto;padding:64px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start;\">\n\n    <div>\n      <h2 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:34px;line-height:1.2;color:#2A2118;\">製品ラインナップ</h2>\n      <div style=\"width:56px;height:2px;background:#C1882C;margin:18px 0 28px;\"></div>\n      <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;max-width:66ch;\">Kairali Ayurvedic Groupの製品ラインは、1世紀を超えるアーユルヴェーダの知識と経験を反映しています。厳選された天然成分を用い、古来のアーユルヴェーダの知識に沿って一つひとつの処方が作られています。回復を促すオイルから治療用パウダーまで、当社の製品は特定の健康上の悩みに対応し、全体的なウェルビーイングを促すよう作られています。</p>\n\n      <p style=\"margin:34px 0 0;padding:14px 18px;background:#EFEADD;border:1px solid #E9E2D3;border-radius:4px;font-size:15.5px;line-height:1.6;color:#514A3F;max-width:66ch;\">オンラインショップ：<strong>インド</strong> — <a href=\"https://www.kairaliproducts.in/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.in</a>、<strong>海外のお客様</strong> — <a href=\"https://www.kairaliproducts.com/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.com</a>。製品は、医師の処方に応じて病院内の薬局でもお求めいただけます。 </p>\n\n      <div style=\"margin-top:8px;\">\n        <sc-for list=\"{{ entries }}\" as=\"e\" hint-placeholder-count=\"7\">\n          <article style=\"display:flex;gap:40px;align-items:flex-start;border-top:1px solid #E9E2D3;padding:40px 0;\">\n            <sc-if value=\"{{ withImages }}\" hint-placeholder-val=\"{{ true }}\">\n              <div style=\"flex:0 0 320px;height:214px;border-radius:4px;overflow:hidden;background:#E0D7C4;\"><img src=\"{{ e.src }}\" alt=\"{{ e.name }}\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n            </sc-if>\n            <div style=\"flex:1 1 auto;min-width:0;\">\n              <h3 style=\"margin:0 0 6px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.25;\">\n                <a href=\"{{ e.href }}\" style=\"display:inline-flex;align-items:center;min-height:44px;color:#2A2118;text-decoration:none;border-bottom:1px solid #C1882C;padding-bottom:2px;\">{{ e.name }}</a>\n              </h3>\n              <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;max-width:66ch;\"><strong style=\"font-weight:700;\">{{ e.name }}</strong> {{ e.body }}</p>\n              <a href=\"{{ e.href }}\" style=\"display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#006038;text-decoration:none;\">この製品群について読む →</a>\n            </div>\n          </article>\n        </sc-for>\n      </div>\n    </div>\n\n    <aside aria-labelledby=\"rail-h\" style=\"position:sticky;top:24px;border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;padding:28px 26px;\">\n      <h2 id=\"rail-h\" style=\"margin:0 0 4px;font-family:'Marcellus',serif;font-weight:400;font-size:24px;line-height:1.25;\">当院について</h2>\n      <div style=\"width:40px;height:2px;background:#C1882C;margin:14px 0 22px;\"></div>\n      <sc-for list=\"{{ railGroups }}\" as=\"g\" hint-placeholder-count=\"4\">\n        <div style=\"margin-bottom:26px;\">\n          <h3 style=\"margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8F6212;line-height:1.5;\">{{ g.title }}</h3>\n          <ul style=\"list-style:none;margin:0;padding:0;border-top:1px solid #E9E2D3;\">\n            <sc-for list=\"{{ g.links }}\" as=\"l\" hint-placeholder-count=\"5\">\n              <li style=\"border-bottom:1px solid #E9E2D3;\">\n                <a href=\"{{ l.href }}\" style=\"display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:15.5px;line-height:1.5;color:#006038;text-decoration:none;\">{{ l.label }}</a>\n              </li>\n            </sc-for>\n          </ul>\n        </div>\n      </sc-for>\n    </aside>\n\n  </main>\n\n  <div style=\"height:56px;\"></div>\n\n  <section aria-labelledby=\"close-h\" style=\"width:100%;background:#FFFFFF;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;background-image:repeating-linear-gradient(135deg, rgba(193,136,44,.05) 0 1px, transparent 1px 9px);padding:56px 24px;\">\n    <div style=\"max-width:760px;margin:0 auto;text-align:center;\">\n      <ul style=\"list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;text-align:left;\">\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>NABH 認定病院</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>118年以上の伝統</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>一人ひとりに合わせたプログラム</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>World Luxury Award 受賞</li>\n      </ul>\n      <h2 id=\"close-h\" style=\"margin:0 0 14px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.3;color:#2A2118;\">どのプログラムが合うかわからない場合は</h2>\n      <p style=\"margin:0 auto 30px;font-size:16.5px;line-height:1.6;color:#514A3F;max-width:56ch;\">ご自身の言葉で目標をお聞かせください。患者ケアチームまたはアーユルヴェーダの医師が、適切なプログラムをご案内します。</p>\n      <div style=\"display:flex;flex-wrap:wrap;gap:14px;justify-content:center;\">\n        <a href=\"https://ayurvedichealingvillage.com/ja/online-consultation/\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;background:#EEB41E;color:#2A2118;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">医師による無料診察</a> <a href=\"https://wa.me/919289838797\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;border:1.5px solid #006038;color:#006038;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp 患者ケア</a> <a href=\"https://ayurvedichealingvillage.com/ja/contact-us/\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;border:1.5px solid #5A4420;color:#5A4420;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">今すぐお問い合わせ</a>\n      </div>\n    </div>\n  </section>\n\n  <dc-import name=\"AHV Chrome Footer\" hint-size=\"100%,560px\"></dc-import>\n\n</div>\n\n",
  "logic": "\nconst B = 'https://ayurvedichealingvillage.com';\n\nconst ENTRIES = [\n  { name: 'Kairali アーユルヴェーダ・ハーブティー', href: B + '/ayurvedic-herbal-tea/', file: '2024/12/tea.jpg.webp',\n    body: 'は、ホリスティックな健やかさを促すよう作られています。Kairali Ayurvedic Herbal Teaは、本格的なアーユルヴェーダのハーブを丁寧にブレンドしたお茶です。一口ごとに免疫を高め、自然なデトックスをもたらし、心と体を落ち着かせます。一杯ごとにアーユルヴェーダの穏やかなエッセンスを味わい、より健康的な生活習慣を取り入れてください。' },\n  { name: 'アーユルヴェーダ独自処方オーガニック製品', href: B + '/ayurvedic-proprietary-organics/', file: '2023/09/Ayurvedic-Proprietary-Organics.jpg',\n    body: 'は、アーユルヴェーダの知恵と自然の純粋さを体現しています。丁寧に処方されたオーガニック製品は、活力、バランス、健やかさを促すよう作られています。Kairaliの信頼できるオーガニックラインは、本格的で持続可能なアーユルヴェーダの治療を提供します。' },\n  { name: 'Kair by Kairali', href: B + '/kair-by-kairali/', file: '2024/12/Kair.jpg.webp',\n    body: 'は、心身に活力を与えるプレミアムなアーユルヴェーダのウェルネス製品シリーズです。Kairは、真のアーユルヴェーダの原則に基づき、現代の生活に合わせたさまざまなケアを提供しています。Kair by Kairaliは、時代を超えた癒しのエッセンスを捉えています。' },\n  { name: 'Kairali アーユルヴェーダ独自処方薬', href: B + '/ayurvedic-proprietary-medicines/', file: '2023/09/Ayurvedic-Proprietary-Medicines.jpg',\n    body: 'は、アーユルヴェーダの知恵を活かし、さまざまな健康状態に対応するよう精密に作られています。これらの製剤は本物のハーブと天然の物質を組み合わせたもので、医師の指示に従って服用します。' },\n  { name: 'Kairali アーユルヴェーダ古典処方薬', href: B + '/ayurvedic-classical-medicines/', file: '2023/09/Ayurvedic-Classial-Medicines.jpg',\n    body: 'は、伝統的なアーユルヴェーダの学びのエッセンスを最も純粋な形で捉えています。古典文献に基づくこれらの本格的な処方は、バランスと総合的な健康を促すよう作られています。Kairaliの実績ある古典的治療は、時代を超えたアーユルヴェーダ医学の有効性をお届けします。' },\n  { name: '書籍', href: B + '/books/', file: '2023/09/Books.jpg',\n    body: 'Kairali Ayurvedic Groupの創設者であるGita Rameshは、アーユルヴェーダの料理書「Get Fit in Just 2 Weeks」「Ayurvedic Herbal Massage」「Ayurvedic Wellness Cookbook」を執筆しており、伝統的な知識と現代の生活に役立つレシピを見事に融合させています。' },\n  { name: 'Kairali Ayurvedic Equipment', href: B + '/kairali-ayurvedic-equipment/', file: '2023/09/Kairali-Ayurvedic-Equipment.jpg',\n    body: 'は、本格的なアーユルヴェーダの治療を正確かつ丁寧に支えるためのものです。基本的なマッサージテーブルから最新の施術機器まで、すべての製品が最高水準の品質と機能の基準を満たしています。Kairaliの信頼できるアーユルヴェーダ機器が、皆さまの医療実践を支えます。' }\n];\n\nconst L = (label, path) => ({ label, href: B + path });\n\nconst RAIL = [\n  { title: 'Kairali Ayurvedic Group', links: [\n    L('Kairali Hospitality', '/kairali-hospitality/'),\n    L('Kairali Ayurvedic Products Pvt.ltd.', '/kairali-ayurvedic-products-pvt-ltd/'),\n    L('製品ラインナップ', '/product-range/'),\n    L('アーユルヴェーダ・ハーブティー', '/ayurvedic-herbal-tea/'),\n    L('アーユルヴェーダ独自処方オーガニック製品', '/ayurvedic-proprietary-organics/'),\n    L('Kair by Kairali', '/kair-by-kairali/'),\n    L('アーユルヴェーダ独自処方薬', '/ayurvedic-proprietary-medicines/'),\n    L('アーユルヴェーダ古典処方薬', '/ayurvedic-classical-medicines/'),\n    L('書籍', '/books/'),\n    L('Kairali Ayurvedic Equipment', '/kairali-ayurvedic-equipment/'),\n    L('Arogya Kendra', '/arogya-kendra/'),\n    L('Arogya Shala', '/arogya-shala/'),\n    L('Kairali Ayurvedic Center', '/kairali-ayurvedic-treatment-center/'),\n    L('Kairali アーユルヴェーダ・フランチャイズ', '/ayurvedic-franchise/'),\n    L('Kairali Institute Of Ayurveda And Panchakarma Therapy', '/kairali-institute-of-ayurveda-and-panchakarma-therapy/')\n  ]},\n  { title: 'ビジョンとミッション', links: [ L('ビジョンとミッション', '/vision-and-mission/') ]},\n  { title: '企業の社会的責任（CSR）', links: [ L('社会・文化・環境への取り組み', '/social-cultural-environmental-commitment/') ]},\n  { title: '受賞歴と認定', links: [\n    L('受賞歴と認定', '/awards-and-accreditations/'),\n    L('認定・認証', '/accreditations/')\n  ]}\n];\n\nconst ENTRIES_SRC_BY_FILE = {\"2024/12/tea.jpg.webp\":\"/ahv/assets/img/collection/78361410860a0a83f90c750688ff062f9d51316793e4e11057a697e4a7855a91.webp\",\"2023/09/Ayurvedic-Proprietary-Organics.jpg\":\"/ahv/assets/img/collection/492506d69e9549019bf84523266bfcf4505ed17e6740abbf0cc3bc580022089e.webp\",\"2024/12/Kair.jpg.webp\":\"/ahv/assets/img/collection/ee3b169ac5c40f957ab95f5fcad9da9024c2ee65c4e6aea592eace4c34a9717c.webp\",\"2023/09/Ayurvedic-Proprietary-Medicines.jpg\":\"/ahv/assets/img/collection/23f159a1885856b0e65b1c53fd11c5d2c4c47f05eda607656574440cdfeb673f.webp\",\"2023/09/Ayurvedic-Classial-Medicines.jpg\":\"/ahv/assets/img/collection/e12b9ef615f4d4a3be65cdd09da860c7746f47643f422614a773d2c4a0abd204.webp\",\"2023/09/Books.jpg\":\"/ahv/assets/img/collection/6dfc66cb60492e2f17d82ee37a75d0d11584b3c4d28abcc80ac5a2d79121657e.webp\",\"2023/09/Kairali-Ayurvedic-Equipment.jpg\":\"/ahv/assets/img/collection/30d2350871755612d1b65e4c05c9eb1e9241472406a6e714ea1b509eafeb8aaf.webp\"};\nENTRIES.forEach(e => { e.src = ENTRIES_SRC_BY_FILE[e.file] || ''; });\n\nclass Component extends DCLogic {\n  renderVals() {\n    const stress = this.props.stressTest ?? '例（437語、7シリーズ、画像あり）';\n    const short = stress.indexOf('short') === 0;\n    return {\n      entries: short ? ENTRIES.slice(0, 1) : ENTRIES,\n      withImages: stress.indexOf('no images') !== 0 && !short,\n      railGroups: (this.props.showRail ?? true) ? RAIL : []\n    };\n  }\n}\n\n",
  "props": "{\"$preview\":{\"width\":1440},\"stressTest\":{\"editor\":\"enum\",\"default\":\"example (437 words, 7 ranges, images)\",\"options\":[\"example (437 words, 7 ranges, images)\",\"no images (758-word extreme)\",\"short (161-word extreme)\"],\"tsType\":\"string\",\"section\":\"Template stress test\"},\"showRail\":{\"editor\":\"boolean\",\"default\":true,\"tsType\":\"boolean\",\"section\":\"Template stress test\"}}",
  "scripts": [],
  "locale": "ja"
}
