{"id":1082,"date":"2025-05-23T07:58:20","date_gmt":"2025-05-22T22:58:20","guid":{"rendered":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082"},"modified":"2025-06-01T18:01:12","modified_gmt":"2025-06-01T09:01:12","slug":"%e3%82%82%e3%81%a1%e9%ba%a6%e3%81%a8%e9%9b%91%e7%a9%80%e7%b1%b3-%e5%ae%8c%e5%85%a8%e3%82%ac%e3%82%a4%e3%83%89","status":"publish","type":"page","link":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082","title":{"rendered":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30ac\u30a4\u30c9<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <!-- Visualization & Content Choices:\n        - \u6804\u990a\u6bd4\u8f03\uff08\u5831\u544a\u66f8 \u88681,2\uff09: Chart.js\u68d2\u30b0\u30e9\u30d5\u3002\u76ee\u7684\uff1a\u6bd4\u8f03\u3002\u64cd\u4f5c\uff1a\u30db\u30d0\u30fc\u3067\u8a73\u7d30\u8868\u793a\u3002\u7406\u7531\uff1a\u8996\u899a\u7684\u660e\u77ad\u6027\u3002\n        - \u03b2\u30b0\u30eb\u30ab\u30f3\u52b9\u679c\uff08\u5831\u544a\u66f8 2.2\u7bc0\uff09: HTML\/CSS\u30ab\u30fc\u30c9\u3068JS\u30c8\u30b0\u30eb\u3002\u76ee\u7684\uff1a\u60c5\u5831\u63d0\u4f9b\u3002\u64cd\u4f5c\uff1a\u30af\u30ea\u30c3\u30af\u3067\u8a73\u7d30\u5c55\u958b\u3002\u7406\u7531\uff1a\u6574\u7406\u3055\u308c\u305f\u8a73\u7d30\u60c5\u5831\u3002\n        - \u708a\u98ef\u6bd4\u7387\uff08\u5831\u544a\u66f8 \u88683\uff09: JS\u52d5\u7684\u8868\u793a\uff08\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u9078\u629e\uff09\u3002\u76ee\u7684\uff1a\u5b9f\u7528\u30ac\u30a4\u30c9\u3002\u64cd\u4f5c\uff1a\u7dcf\u91cf\u9078\u629e\u3002\u7406\u7531\uff1a\u5229\u7528\u8005\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3002\n        - \u305d\u306e\u4ed6\u96d1\u7a40\u7c73\uff08\u5831\u544a\u66f8 \u88684\uff09: HTML\/CSS\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30ab\u30fc\u30c9\/\u8868\u3068JS\u30d5\u30a3\u30eb\u30bf\u30fc\u3002\u76ee\u7684\uff1a\u63a2\u7d22\u3002\u64cd\u4f5c\uff1a\u52b9\u679c\u3067\u30d5\u30a3\u30eb\u30bf\u30fc\/\u30af\u30ea\u30c3\u30af\u3067\u8a73\u7d30\u3002\u7406\u7531\uff1a\u500b\u5225\u5316\u3055\u308c\u305f\u63a2\u7d22\u3002\n        - \u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4: \u69cb\u9020\u5316HTML\/CSS\u3002\n        - CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n    <style>\n        html { scroll-behavior: smooth; }\n        body { font-family: 'Inter', sans-serif; }\n        .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; }\n        @media (min-width: 768px) { .chart-container { height: 350px; } }\n        .nutrient-card { background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; margin-bottom: 16px; cursor: pointer; transition: background-color 0.3s; }\n        .nutrient-card:hover { background-color: #f0f0f0; }\n        .nutrient-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; color: #374151; }\n        .nutrient-card p { font-size: 0.9rem; color: #4B5563; line-height: 1.6; }\n        .details { display: none; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #ccc; }\n        .grain-card { background-color: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 1.5rem; margin-bottom: 1rem; cursor: pointer; }\n        .grain-card h3 { color: #86A789; }\n        .grain-card .details { border-top: 1px solid #D8E4C0; }\n        .nav-link { background-color: #F0EBE3; color: #5C5470; }\n        .nav-link:hover { background-color: #E0DBCF; }\n        .bg-warm-neutral-light { background-color: #FDF7E4; }\n        .text-warm-neutral-dark { color: #4A403A; }\n        .border-warm-neutral-medium { border-color: #D4C9B0; }\n        .accent-color { color: #B4846C; }\n    <\/style>\n<\/head>\n<body class=\"bg-warm-neutral-light text-warm-neutral-dark antialiased\">\n\n    <div class=\"container mx-auto p-4 sm:p-6 md:p-8\">\n        <header class=\"text-center mb-8\">\n            <h1 class=\"text-3xl sm:text-4xl font-bold text-warm-neutral-dark\">\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73 <span class=\"accent-color\">\u5b8c\u5168\u30ac\u30a4\u30c9<\/span><\/h1>\n            <p class=\"mt-2 text-lg text-gray-600\">\u767d\u7c73\u4fa1\u683c\u4e0a\u6607\u6642\u4ee3\u306e\u8ce2\u3044\u9078\u629e<\/p>\n        <\/header>\n\n        <nav class=\"mb-8 flex flex-wrap justify-center gap-2\">\n            <a href=\"#section-intro\" class=\"nav-link text-sm sm:text-base font-medium py-2 px-3 sm:px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-lg\">\u306f\u3058\u3081\u306b<\/a>\n            <a href=\"#section-mochimugi\" class=\"nav-link text-sm sm:text-base font-medium py-2 px-3 sm:px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-lg\">\u3082\u3061\u9ea6\u5fb9\u5e95\u89e3\u8aac<\/a>\n            <a href=\"#section-how-to-use\" class=\"nav-link text-sm sm:text-base font-medium py-2 px-3 sm:px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-lg\">\u3082\u3061\u9ea6\u6d3b\u7528\u30ac\u30a4\u30c9<\/a>\n            <a href=\"#section-other-grains\" class=\"nav-link text-sm sm:text-base font-medium py-2 px-3 sm:px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-lg\">\u305d\u306e\u4ed6\u96d1\u7a40\u7c73<\/a>\n            <a href=\"#section-summary\" class=\"nav-link text-sm sm:text-base font-medium py-2 px-3 sm:px-4 rounded-lg shadow-md transition-all duration-300 ease-in-out hover:shadow-lg\">\u307e\u3068\u3081<\/a>\n        <\/nav>\n\n        <main class=\"space-y-12\">\n            <section id=\"section-intro\" class=\"bg-white p-6 rounded-lg shadow-lg border border-warm-neutral-medium\">\n                <h2 class=\"text-2xl font-semibold mb-4 accent-color\">\u306f\u3058\u3081\u306b\uff1a\u4e3b\u98df\u306e\u9078\u629e\u80a2\u3068\u3057\u3066\u306e\u96d1\u7a40\u7c73<\/h2>\n                <p class=\"mb-4 leading-relaxed\">\u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001\u8fd1\u5e74\u306e\u767d\u7c73\u4fa1\u683c\u306e\u5909\u52d5\u3068\u5065\u5eb7\u5fd7\u5411\u306e\u9ad8\u307e\u308a\u3092\u80cc\u666f\u306b\u3001\u3082\u3061\u9ea6\u3084\u96d1\u7a40\u7c73\u304c\u6ce8\u76ee\u3055\u308c\u3066\u3044\u308b\u7406\u7531\u3068\u3001\u3053\u306e\u30ac\u30a4\u30c9\u306e\u76ee\u7684\u306b\u3064\u3044\u3066\u6982\u8aac\u3057\u307e\u3059\u3002\u6804\u990a\u4fa1\u304c\u9ad8\u304f\u3001\u591a\u69d8\u306a\u5065\u5eb7\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u3053\u308c\u3089\u306e\u7a40\u7269\u3092\u3001\u65e5\u3005\u306e\u98df\u751f\u6d3b\u306b\u3069\u306e\u3088\u3046\u306b\u53d6\u308a\u5165\u308c\u3066\u3044\u304f\u304b\u3092\u63a2\u308a\u307e\u3059\u3002<\/p>\n                <p class=\"leading-relaxed\">\u767d\u7c73\u306e\u4fa1\u683c\u5909\u52d5\u306f\u79c1\u305f\u3061\u306e\u98df\u5353\u306b\u76f4\u63a5\u5f71\u97ff\u3092\u4e0e\u3048\u3001\u4e3b\u98df\u3092\u898b\u76f4\u3059\u826f\u3044\u6a5f\u4f1a\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3082\u3061\u9ea6\u3084\u96d1\u7a40\u7c73\u306f\u3001\u98df\u7269\u7e4a\u7dad\u3001\u30d3\u30bf\u30df\u30f3\u3001\u30df\u30cd\u30e9\u30eb\u304c\u8c4a\u5bcc\u3067\u3001\u5065\u5eb7\u7dad\u6301\u3084\u4f53\u91cd\u7ba1\u7406\u306b\u5f79\u7acb\u3064\u53ef\u80fd\u6027\u3092\u79d8\u3081\u3066\u3044\u307e\u3059\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3092\u901a\u3058\u3066\u3001\u305d\u308c\u305e\u308c\u306e\u7a40\u7269\u306e\u7279\u5fb4\u3092\u7406\u89e3\u3057\u3001\u3054\u81ea\u8eab\u306e\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u3063\u305f\u6700\u9069\u306a\u9078\u629e\u3092\u898b\u3064\u3051\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n            <\/section>\n\n            <section id=\"section-mochimugi\" class=\"bg-white p-6 rounded-lg shadow-lg border border-warm-neutral-medium\">\n                <h2 class=\"text-2xl font-semibold mb-4 accent-color\">\u3082\u3061\u9ea6\u5fb9\u5e95\u89e3\u8aac<\/h2>\n                <p class=\"mb-6 leading-relaxed\">\u3053\u3053\u3067\u306f\u3001\u3082\u3061\u9ea6\u306e\u6804\u990a\u4fa1\u3001\u7279\u306b\u6ce8\u76ee\u3059\u3079\u304d\u6210\u5206\u300c\u03b2-\u30b0\u30eb\u30ab\u30f3\u300d\u306e\u50cd\u304d\u3001\u305d\u3057\u3066\u30c0\u30a4\u30a8\u30c3\u30c8\u3078\u306e\u52b9\u679c\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u89e3\u8aac\u3057\u307e\u3059\u3002\u767d\u7c73\u3068\u306e\u6bd4\u8f03\u3092\u901a\u3058\u3066\u3001\u3082\u3061\u9ea6\u304c\u3082\u305f\u3089\u3059\u5065\u5eb7\u30e1\u30ea\u30c3\u30c8\u3092\u660e\u3089\u304b\u306b\u3057\u307e\u3059\u3002<\/p>\n\n                <div class=\"mb-8\">\n                    <h3 class=\"text-xl font-semibold mb-3 text-warm-neutral-dark\">\u6804\u990a\u6210\u5206\u6bd4\u8f03 (\u708a\u98ef150g\u3042\u305f\u308a)<\/h3>\n                    <p class=\"mb-4 text-sm text-gray-600\">\u4e0b\u306e\u30b0\u30e9\u30d5\u306f\u3001\u767d\u7c73\u3001\u7384\u7c73\u3001\u3082\u3061\u9ea6\u3001\u96d1\u7a40\u7c73\u306e\u4e3b\u306a\u6804\u990a\u6210\u5206\u3092\u6bd4\u8f03\u3057\u305f\u3082\u306e\u3067\u3059\u3002\u3082\u3061\u9ea6\u306f\u30a8\u30cd\u30eb\u30ae\u30fc\u3068\u7cd6\u8cea\u304c\u6bd4\u8f03\u7684\u4f4e\u304f\u3001\u98df\u7269\u7e4a\u7dad\u304c\u8c4a\u5bcc\u3067\u3042\u308b\u3053\u3068\u304c\u7279\u5fb4\u3067\u3059\u3002\u30b0\u30e9\u30d5\u306e\u5404\u9805\u76ee\u306b\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3059\u308b\u3068\u8a73\u7d30\u306a\u6570\u5024\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n                    <div class=\"chart-container\">\n                        <canvas id=\"nutritionChart150g\"><\/canvas>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mb-8\">\n                    <h3 class=\"text-xl font-semibold mb-3 text-warm-neutral-dark\">\u98df\u7269\u7e4a\u7dad\u91cf\u6bd4\u8f03 (\u4e7e\u71e5100g\u3042\u305f\u308a)<\/h3>\n                     <p class=\"mb-4 text-sm text-gray-600\">\u767d\u7c73\u3068\u3082\u3061\u9ea6\uff08\u62bc\u9ea6\/\u4e7e\uff09\u306e\u98df\u7269\u7e4a\u7dad\u91cf\u3092\u6bd4\u8f03\u3059\u308b\u3068\u3001\u3082\u3061\u9ea6\u306e\u5727\u5012\u7684\u306a\u8c4a\u5bcc\u3055\u304c\u5206\u304b\u308a\u307e\u3059\u3002\u3053\u306e\u98df\u7269\u7e4a\u7dad\u304c\u3001\u69d8\u3005\u306a\u5065\u5eb7\u52b9\u679c\u306e\u6e90\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n                    <div class=\"chart-container\">\n                        <canvas id=\"fiberChart100g\"><\/canvas>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h3 class=\"text-xl font-semibold mb-4 text-warm-neutral-dark\">\u03b2-\u30b0\u30eb\u30ab\u30f3\u306e\u4e3b\u306a\u50cd\u304d<\/h3>\n                    <p class=\"mb-4 text-sm text-gray-600\">\u3082\u3061\u9ea6\u306e\u5065\u5eb7\u52b9\u679c\u306e\u9375\u3092\u63e1\u308b\u306e\u304c\u3001\u6c34\u6eb6\u6027\u98df\u7269\u7e4a\u7dad\u300c\u03b2-\u30b0\u30eb\u30ab\u30f3\u300d\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u5404\u9805\u76ee\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u305d\u306e\u5177\u4f53\u7684\u306a\u50cd\u304d\u306b\u3064\u3044\u3066\u8a73\u7d30\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n                    <div id=\"betaGlucanBenefits\" class=\"space-y-4\">\n                        <\/div>\n                <\/div>\n\n                 <div class=\"mt-8\">\n                    <h3 class=\"text-xl font-semibold mb-3 text-warm-neutral-dark\">\u3082\u3061\u9ea6\u306f\u30c0\u30a4\u30a8\u30c3\u30c8\u306b\u9069\u3057\u3066\u3044\u308b\u304b\uff1f<\/h3>\n                    <p class=\"mb-2 leading-relaxed\">\u3082\u3061\u9ea6\u306f\u3001\u6e80\u8179\u611f\u306e\u6301\u7d9a\u3001\u8840\u7cd6\u5024\u306e\u5b89\u5b9a\u3001\u8102\u8cea\u4ee3\u8b1d\u306e\u30b5\u30dd\u30fc\u30c8\u3001\u8178\u5185\u74b0\u5883\u6539\u5584\u3068\u3044\u3063\u305f\u591a\u89d2\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u30c0\u30a4\u30a8\u30c3\u30c8\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n                    <ul class=\"list-disc list-inside space-y-1 text-gray-700\">\n                        <li><strong>\u6e80\u8179\u611f\u306e\u6301\u7d9a\u3068\u9593\u98df\u306e\u6291\u5236:<\/strong> \u98df\u7269\u7e4a\u7dad\u304c\u6c34\u5206\u3092\u5438\u3063\u3066\u81a8\u3089\u307f\u3001\u6d88\u5316\u3092\u9045\u3089\u305b\u308b\u305f\u3081\u3001\u7a7a\u8179\u3092\u611f\u3058\u306b\u304f\u304f\u306a\u308a\u307e\u3059\u3002<\/li>\n                        <li><strong>\u8840\u7cd6\u5024\u306e\u5b89\u5b9a\u3068\u8102\u80aa\u84c4\u7a4d\u306e\u6291\u5236:<\/strong> \u7cd6\u306e\u5438\u53ce\u3092\u7a4f\u3084\u304b\u306b\u3057\u3001\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u904e\u5270\u5206\u6ccc\u3092\u6291\u3048\u3001\u8102\u80aa\u304c\u3064\u304d\u306b\u304f\u3044\u4f53\u8cea\u3078\u3002<\/li>\n                        <li><strong>\u8102\u8cea\u4ee3\u8b1d\u306e\u30b5\u30dd\u30fc\u30c8\u3068\u5185\u81d3\u8102\u80aa\u306e\u6e1b\u5c11:<\/strong> \u03b2-\u30b0\u30eb\u30ab\u30f3\u304c\u8102\u8cea\u306e\u5438\u53ce\u3092\u6291\u3048\u3001\u5185\u81d3\u8102\u80aa\u306e\u6e1b\u5c11\u3092\u52a9\u3051\u308b\u7814\u7a76\u7d50\u679c\u3082\u3002<\/li>\n                        <li><strong>\u8178\u5185\u74b0\u5883\u6539\u5584\u306b\u3088\u308b\u4ee3\u8b1d\u5411\u4e0a:<\/strong> \u5584\u7389\u83cc\u3092\u5897\u3084\u3057\u3001\u8001\u5ec3\u7269\u306e\u6392\u51fa\u3092\u4fc3\u3059\u3053\u3068\u3067\u3001\u4f53\u5168\u4f53\u306e\u4ee3\u8b1d\u30a2\u30c3\u30d7\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002<\/li>\n                    <\/ul>\n                    <p class=\"mt-4 text-sm text-gray-600\"><strong>\u6ce8\u610f\u70b9:<\/strong> \u3082\u3061\u9ea6\u3060\u3051\u306b\u983c\u3089\u305a\u3001\u30bf\u30f3\u30d1\u30af\u8cea\u3084\u91ce\u83dc\u306a\u3069\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3092\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002\u307e\u305f\u3001\u6025\u306b\u6442\u53d6\u91cf\u3092\u5897\u3084\u3059\u3068\u304a\u8179\u304c\u3086\u308b\u304f\u306a\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u3001\u5c11\u91cf\u304b\u3089\u59cb\u3081\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/section>\n\n            <section id=\"section-how-to-use\" class=\"bg-white p-6 rounded-lg shadow-lg border border-warm-neutral-medium\">\n                <h2 class=\"text-2xl font-semibold mb-4 accent-color\">\u3082\u3061\u9ea6\u6d3b\u7528\u30ac\u30a4\u30c9<\/h2>\n                <p class=\"mb-6 leading-relaxed\">\u3082\u3061\u9ea6\u3092\u65e5\u3005\u306e\u98df\u4e8b\u306b\u624b\u8efd\u306b\u53d6\u308a\u5165\u308c\u308b\u305f\u3081\u306e\u5177\u4f53\u7684\u306a\u65b9\u6cd5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u767d\u7c73\u3068\u306e\u708a\u98ef\u6bd4\u7387\u304b\u3089\u3001\u3086\u3067\u3082\u3061\u9ea6\u306e\u4f5c\u308a\u65b9\u3001\u4fdd\u5b58\u65b9\u6cd5\u3001\u6d3b\u7528\u30ec\u30b7\u30d4\u307e\u3067\u3001\u5b9f\u8df5\u7684\u306a\u60c5\u5831\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002<\/p>\n\n                <div class=\"mb-8\">\n                    <h3 class=\"text-xl font-semibold mb-3 text-warm-neutral-dark\">\u767d\u7c73\u3068\u3082\u3061\u9ea6\u306e\u708a\u98ef<\/h3>\n                    <p class=\"mb-4 text-sm text-gray-600\">\u767d\u7c73\u306b\u3082\u3061\u9ea6\u3092\u6df7\u305c\u3066\u708a\u304f\u969b\u306e\u304a\u3059\u3059\u3081\u306e\u914d\u5408\u6bd4\u7387\u3067\u3059\u3002\u4ee5\u4e0b\u306e\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u304b\u3089\u708a\u98ef\u3059\u308b\u7dcf\u91cf\uff08\u304a\u7c73\u3068\u3082\u3061\u9ea6\u306e\u5408\u8a08\uff09\u3092\u9078\u3076\u3068\u3001\u305d\u308c\u305e\u308c\u306e\u5206\u91cf\u3068\u5fc5\u8981\u306a\u6c34\u306e\u91cf\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u4e00\u822c\u7684\u306b\u3001\u3082\u3061\u9ea63\u5272\u3054\u306f\u3093\uff08\u304a\u7c73\uff1a\u3082\u3061\u9ea6\uff1d7\uff1a3\uff09\u304c\u59cb\u3081\u3084\u3059\u304f\u30011\u65e53\u98df\u3067\u03b2-\u30b0\u30eb\u30ab\u30f3\u306e\u63a8\u5968\u6442\u53d6\u91cf\uff083g\uff09\u3092\u76ee\u6307\u305b\u307e\u3059\u3002<\/p>\n                    <div class=\"flex flex-col sm:flex-row items-center gap-4 mb-4\">\n                        <label for=\"\u708a\u98ef\u91cf\u9078\u629e\" class=\"text-warm-neutral-dark font-medium\">\u708a\u98ef\u3059\u308b\u7dcf\u91cf:<\/label>\n                        <select id=\"\u708a\u98ef\u91cf\u9078\u629e\" class=\"p-2 border border-warm-neutral-medium rounded-md shadow-sm focus:ring-accent-color focus:border-accent-color\">\n                            <option value=\"1\">1\u5408<\/option>\n                            <option value=\"2\">2\u5408<\/option>\n                            <option value=\"3\" selected>3\u5408<\/option>\n                            <option value=\"4\">4\u5408<\/option>\n                            <option value=\"5\">5\u5408<\/option>\n                        <\/select>\n                    <\/div>\n                    <div id=\"\u708a\u98ef\u30ac\u30a4\u30c9\u7d50\u679c\" class=\"p-4 bg-amber-50 border border-amber-200 rounded-md text-amber-800\">\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h3 class=\"text-xl font-semibold mb-3 text-warm-neutral-dark\">\u3086\u3067\u3082\u3061\u9ea6\u306e\u6d3b\u7528<\/h3>\n                     <p class=\"mb-4 text-sm text-gray-600\">\u3082\u3061\u9ea6\u306f\u8339\u3067\u3066\u30b9\u30c8\u30c3\u30af\u3057\u3066\u304a\u304f\u3068\u3001\u30b5\u30e9\u30c0\u3084\u30b9\u30fc\u30d7\u306a\u3069\u69d8\u3005\u306a\u6599\u7406\u306b\u624b\u8efd\u306b\u52a0\u3048\u3089\u308c\u307e\u3059\u3002\u30d7\u30c1\u30d7\u30c1\u3068\u3057\u305f\u98df\u611f\u304c\u30a2\u30af\u30bb\u30f3\u30c8\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n                    <div class=\"space-y-3\">\n                        <div class=\"nutrient-card\" onclick=\"toggleDetails(this)\">\n                            <h4 class=\"font-semibold text-lg text-warm-neutral-dark\">\u3086\u3067\u65b9<\/h4>\n                            <div class=\"details\">\n                                <p>1. \u934b\u306b\u3082\u3061\u9ea61\u5408\u306b\u5bfe\u3057\u6c343\u5408\u3092\u5165\u308c\u3001\u4e2d\u706b\u306b\u304b\u3051\u308b\u3002<\/p>\n                                <p>2. \u6cb8\u9a30\u3057\u305f\u3089\u706b\u3092\u5f31\u3081\u3001\u84cb\u3092\u5c11\u3057\u305a\u3089\u3057\u306620\u5206\u7a0b\u5ea6\u8339\u3067\u308b\u3002<\/p>\n                                <p>3. \u30b6\u30eb\u306b\u3042\u3052\u3066\u6c34\u6c17\u3092\u5207\u308b\u3002\u3086\u3067\u6c41\u306f\u03b2-\u30b0\u30eb\u30ab\u30f3\u304c\u6eb6\u3051\u51fa\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u30b9\u30fc\u30d7\u306a\u3069\u306b\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nutrient-card\" onclick=\"toggleDetails(this)\">\n                            <h4 class=\"font-semibold text-lg text-warm-neutral-dark\">\u4fdd\u5b58\u65b9\u6cd5<\/h4>\n                            <div class=\"details\">\n                                <p><strong>\u51b7\u8535:<\/strong> \u5bc6\u9589\u5bb9\u5668\u306b\u5165\u308c\u7d041\u9031\u9593\u3002\u4f7f\u3044\u59cb\u3081\u305f\u30892\uff5e3\u65e5\u3067\u6d88\u8cbb\u3002<\/p>\n                                <p><strong>\u51b7\u51cd:<\/strong> \u5e73\u3089\u306b\u3057\u3066\u51b7\u51cd\u3057\u3001\u56fa\u307e\u3063\u305f\u3089\u30d0\u30e9\u30d0\u30e9\u306b\u3057\u3066\u5bc6\u9589\u888b\u3078\u3002\u7d046\u30f6\u6708\u4fdd\u5b58\u53ef\u80fd\u3002\u65e9\u3081\u306b\u4f7f\u7528\u63a8\u5968\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nutrient-card\" onclick=\"toggleDetails(this)\">\n                            <h4 class=\"font-semibold text-lg text-warm-neutral-dark\">\u6d3b\u7528\u4f8b<\/h4>\n                            <div class=\"details\">\n                                <ul class=\"list-disc list-inside\">\n                                    <li>\u30b5\u30e9\u30c0\u306e\u30c8\u30c3\u30d4\u30f3\u30b0\u306b<\/li>\n                                    <li>\u30b9\u30fc\u30d7\u3084\u5473\u564c\u6c41\u306e\u5177\u6750\u3068\u3057\u3066<\/li>\n                                    <li>\u30cf\u30f3\u30d0\u30fc\u30b0\u3084\u30df\u30fc\u30c8\u30bd\u30fc\u30b9\u306e\u304b\u3055\u5897\u3057\u306b<\/li>\n                                    <li>\u30ea\u30be\u30c3\u30c8\u3084\u30e8\u30fc\u30b0\u30eb\u30c8\u306b\u6df7\u305c\u3066<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"section-other-grains\" class=\"bg-white p-6 rounded-lg shadow-lg border border-warm-neutral-medium\">\n                <h2 class=\"text-2xl font-semibold mb-4 accent-color\">\u305d\u306e\u4ed6\u96d1\u7a40\u7c73\u306e\u4e16\u754c<\/h2>\n                <p class=\"mb-6 leading-relaxed\">\u3082\u3061\u9ea6\u4ee5\u5916\u306b\u3082\u3001\u6804\u990a\u4fa1\u304c\u9ad8\u304f\u30e6\u30cb\u30fc\u30af\u306a\u7279\u5fb4\u3092\u6301\u3064\u96d1\u7a40\u306f\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u4ee3\u8868\u7684\u306a\u96d1\u7a40\u306e\u7a2e\u985e\u3068\u3001\u305d\u308c\u305e\u308c\u306b\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\u96d1\u7a40\u7c73\u3092\u30d6\u30ec\u30f3\u30c9\u3059\u308b\u3053\u3068\u3067\u3001\u3088\u308a\u591a\u69d8\u306a\u6804\u990a\u7d20\u3092\u30d0\u30e9\u30f3\u30b9\u826f\u304f\u6442\u53d6\u3067\u304d\u307e\u3059\u3002<\/p>\n                \n                <div class=\"mb-4\">\n                    <label for=\"grainFilter\" class=\"mr-2 text-warm-neutral-dark font-medium\">\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u3067\u7d5e\u308a\u8fbc\u307f:<\/label>\n                    <select id=\"grainFilter\" class=\"p-2 border border-warm-neutral-medium rounded-md shadow-sm focus:ring-accent-color focus:border-accent-color\">\n                        <option value=\"all\">\u3059\u3079\u3066\u8868\u793a<\/option>\n                        <option value=\"\u4fbf\u79d8\u89e3\u6d88\">\u4fbf\u79d8\u89e3\u6d88<\/option>\n                        <option value=\"\u7f8e\u808c\u52b9\u679c\">\u7f8e\u808c\u52b9\u679c<\/option>\n                        <option value=\"\u8ca7\u8840\u6539\u5584\">\u8ca7\u8840\u6539\u5584<\/option>\n                        <option value=\"\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c\">\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/option>\n                        <option value=\"\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\">\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/option>\n                    <\/select>\n                <\/div>\n\n                <div id=\"otherGrainsList\" class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                <\/div>\n            <\/section>\n\n            <section id=\"section-summary\" class=\"bg-white p-6 rounded-lg shadow-lg border border-warm-neutral-medium\">\n                <h2 class=\"text-2xl font-semibold mb-4 accent-color\">\u307e\u3068\u3081\uff1a\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u751f\u6d3b\u3078\u306e\u63d0\u8a00<\/h2>\n                <p class=\"mb-4 leading-relaxed\">\u3082\u3061\u9ea6\u3084\u96d1\u7a40\u7c73\u306f\u3001\u73fe\u4ee3\u4eba\u306e\u5065\u5eb7\u8ab2\u984c\u306b\u5bfe\u5fdc\u3059\u308b\u5f37\u529b\u306a\u5473\u65b9\u3067\u3059\u3002\u767d\u7c73\u306e\u4fa1\u683c\u4e0a\u6607\u3092\u6a5f\u306b\u3001\u3088\u308a\u6804\u990a\u4fa1\u306e\u9ad8\u3044\u4e3b\u98df\u3078\u30b7\u30d5\u30c8\u3059\u308b\u3053\u3068\u306f\u3001\u9577\u671f\u7684\u306a\u5065\u5eb7\u3078\u306e\u8ce2\u660e\u306a\u6295\u8cc7\u3068\u8a00\u3048\u308b\u3067\u3057\u3087\u3046\u3002\u3053\u306e\u30ac\u30a4\u30c9\u3067\u7d39\u4ecb\u3057\u305f\u60c5\u5831\u304c\u3001\u7686\u3055\u307e\u306e\u98df\u751f\u6d3b\u3092\u8c4a\u304b\u306b\u3059\u308b\u305f\u3081\u306e\u4e00\u52a9\u3068\u306a\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n                <p class=\"mb-3 leading-relaxed\"><strong>\u30ad\u30fc\u30dd\u30a4\u30f3\u30c8\uff1a<\/strong><\/p>\n                <ul class=\"list-disc list-inside space-y-2 text-gray-700 mb-4\">\n                    <li>\u3082\u3061\u9ea6\u306e\u03b2-\u30b0\u30eb\u30ab\u30f3\u306f\u8840\u7cd6\u5024\u5b89\u5b9a\u3001\u8178\u5185\u74b0\u5883\u6539\u5584\u3001\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u6b63\u5e38\u5316\u3001\u6e80\u8179\u611f\u6301\u7d9a\u306a\u3069\u591a\u5c90\u306b\u308f\u305f\u308b\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u307e\u3059\u3002<\/li>\n                    <li>\u96d1\u7a40\u7c73\u306f\u7a2e\u985e\u306b\u3088\u3063\u3066\u7279\u6709\u306e\u6804\u990a\u7d20\u3084\u6a5f\u80fd\u6027\u6210\u5206\u3092\u6301\u3061\u3001\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u304c\u5411\u4e0a\u3057\u307e\u3059\u3002<\/li>\n                    <li>\u7121\u7406\u306a\u304f\u7d99\u7d9a\u3059\u308b\u305f\u3081\u306b\u3001\u767d\u7c73\u3068\u306e\u914d\u5408\u6bd4\u7387\u3092\u8abf\u6574\u3057\u305f\u308a\u3001\u3086\u3067\u305f\u3082\u306e\u3092\u6d3b\u7528\u3057\u305f\u308a\u3068\u3001\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u307e\u3057\u3087\u3046\u3002<\/li>\n                    <li>\u98df\u7269\u7e4a\u7dad\u304c\u8c4a\u5bcc\u306a\u305f\u3081\u3001\u5c11\u91cf\u304b\u3089\u59cb\u3081\u3001\u5f90\u3005\u306b\u6442\u53d6\u91cf\u3092\u5897\u3084\u3059\u3053\u3068\u304c\u5927\u5207\u3067\u3059\u3002<\/li>\n                <\/ul>\n                <p class=\"leading-relaxed\">\u4e3b\u98df\u306e\u9078\u629e\u306f\u3001\u5358\u306a\u308b\u30a8\u30cd\u30eb\u30ae\u30fc\u88dc\u7d66\u306b\u7559\u307e\u3089\u305a\u3001\u5168\u8eab\u306e\u5065\u5eb7\u306b\u6df1\u304f\u95a2\u308f\u308a\u307e\u3059\u3002\u3082\u3061\u9ea6\u3084\u591a\u69d8\u306a\u96d1\u7a40\u7c73\u3092\u7a4d\u6975\u7684\u306b\u53d6\u308a\u5165\u308c\u3001\u3088\u308a\u8c4a\u304b\u3067\u5065\u5eb7\u7684\u306a\u98df\u751f\u6d3b\u3092\u5b9f\u73fe\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n            <\/section>\n        <\/main>\n\n        <footer class=\"mt-12 text-center text-sm text-gray-500\">\n            <p>&copy; <span id=\"currentYear\"><\/span> \u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u30ac\u30a4\u30c9. All rights reserved.<\/p>\n            <p class=\"mt-1\">\u60c5\u5831\u306f\u4e00\u822c\u7684\u306a\u77e5\u8b58\u63d0\u4f9b\u3092\u76ee\u7684\u3068\u3057\u3066\u304a\u308a\u3001\u5c02\u9580\u7684\u306a\u533b\u5b66\u7684\u30a2\u30c9\u30d0\u30a4\u30b9\u306b\u4ee3\u308f\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        document.getElementById('currentYear').textContent = new Date().getFullYear();\n\n        function toggleDetails(element) {\n            const details = element.querySelector('.details');\n            if (details.style.display === \"block\") {\n                details.style.display = \"none\";\n            } else {\n                details.style.display = \"block\";\n            }\n        }\n        \n        const nutritionData150g = {\n            labels: ['\u30a8\u30cd\u30eb\u30ae\u30fc(kcal)', '\u305f\u3093\u3071\u304f\u8cea(g)', '\u8102\u8cea(g)', '\u70ad\u6c34\u5316\u7269(g)', '\u7cd6\u8cea(g)', '\u98df\u7269\u7e4a\u7dad(g)'],\n            datasets: [\n                {\n                    label: '\u767d\u7c73',\n                    data: [234, 3.8, 0.5, 55.7, 57.2, 2.3],\n                    backgroundColor: 'rgba(255, 224, 189, 0.7)',\n                    borderColor: 'rgba(255, 204, 153, 1)',\n                    borderWidth: 1\n                },\n                {\n                    label: '\u7384\u7c73',\n                    data: [228, 4.2, 1.5, 54.8, 52.7, 2.1],\n                    backgroundColor: 'rgba(210, 180, 140, 0.7)',\n                    borderColor: 'rgba(188, 158, 120, 1)',\n                    borderWidth: 1\n                },\n                {\n                    label: '\u3082\u3061\u9ea6',\n                    data: [195, 4.2, 0.75, 44.1, 41.4, 2.7],\n                    backgroundColor: 'rgba(188, 210, 140, 0.7)',\n                    borderColor: 'rgba(168, 190, 120, 1)',\n                    borderWidth: 1\n                },\n                {\n                    label: '\u96d1\u7a40\u7c73',\n                    data: [245, 4.9, 1.2, 54.0, 53.2, 0.8],\n                    backgroundColor: 'rgba(222, 184, 135, 0.7)',\n                    borderColor: 'rgba(202, 164, 115, 1)',\n                    borderWidth: 1\n                }\n            ]\n        };\n\n        const fiberData100g = {\n            labels: ['\u98df\u7269\u7e4a\u7dad(g)'],\n            datasets: [\n                {\n                    label: '\u767d\u7c73(\u7cbe\u767d\u7c73)',\n                    data: [0.5],\n                    backgroundColor: 'rgba(255, 224, 189, 0.7)',\n                    borderColor: 'rgba(255, 204, 153, 1)',\n                    borderWidth: 1\n                },\n                {\n                    label: '\u3082\u3061\u9ea6(\u62bc\u9ea6\/\u4e7e)',\n                    data: [12.2],\n                    backgroundColor: 'rgba(188, 210, 140, 0.7)',\n                    borderColor: 'rgba(168, 190, 120, 1)',\n                    borderWidth: 1\n                }\n            ]\n        };\n        \n        const chartOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            scales: {\n                y: { beginAtZero: true }\n            },\n            plugins: {\n                tooltip: {\n                    callbacks: {\n                        label: function(context) {\n                            let label = context.dataset.label || '';\n                            if (label) {\n                                label += ': ';\n                            }\n                            if (context.parsed.y !== null) {\n                                label += context.parsed.y + (context.datasetIndex === 0 && context.label.includes('\u30a8\u30cd\u30eb\u30ae\u30fc') ? 'kcal' : 'g');\n                            }\n                            return label;\n                        }\n                    }\n                },\n                legend: {\n                    labels: {\n                         boxWidth: 20,\n                         padding: 15\n                    }\n                }\n            }\n        };\n        \n        window.onload = function() {\n            const ctx1 = document.getElementById('nutritionChart150g').getContext('2d');\n            new Chart(ctx1, { type: 'bar', data: nutritionData150g, options: chartOptions });\n\n            const ctx2 = document.getElementById('fiberChart100g').getContext('2d');\n            new Chart(ctx2, { type: 'bar', data: fiberData100g, options: chartOptions });\n            \n            renderBetaGlucanBenefits();\n            updateCookingGuide();\n            renderOtherGrains();\n\n            \/\/ Smooth scroll for navigation links\n            document.querySelectorAll('nav a').forEach(anchor => {\n                anchor.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({\n                        behavior: 'smooth'\n                    });\n                });\n            });\n        };\n\n\n        const betaGlucanData = [\n            { title: \"\u8178\u5185\u74b0\u5883\u6539\u5584\u3068\u4fbf\u901a\u4fc3\u9032\", details: \"\u03b2-\u30b0\u30eb\u30ab\u30f3\u306f\u5584\u7389\u83cc\u306e\u990c\u3068\u306a\u308a\u8178\u5185\u74b0\u5883\u3092\u6574\u3048\u3001\u4fbf\u901a\u3092\u6539\u5584\u3057\u307e\u3059\u3002\u4e0d\u6eb6\u6027\u98df\u7269\u7e4a\u7dad\u3082\u8c4a\u5bcc\u3067\u3001\u8178\u306e\u8815\u52d5\u904b\u52d5\u3092\u6d3b\u767a\u306b\u3057\u307e\u3059\u3002\u5065\u5eb7\u306a\u8178\u5185\u74b0\u5883\u306f\u77ed\u9396\u8102\u80aa\u9178\u3092\u751f\u6210\u3057\u3001\u80a5\u6e80\u4e88\u9632\u306b\u3082\u7e4b\u304c\u308a\u307e\u3059\u3002\" },\n            { title: \"\u8840\u7cd6\u5024\u4e0a\u6607\u6291\u5236\u52b9\u679c\", details: \"\u30b2\u30eb\u72b6\u306b\u306a\u308b\u6027\u8cea\u3067\u6d88\u5316\u5438\u53ce\u3092\u7de9\u3084\u304b\u306b\u3057\u3001\u98df\u5f8c\u306e\u6025\u306a\u8840\u7cd6\u5024\u4e0a\u6607\u3092\u6291\u5236\u3002\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u904e\u5270\u5206\u6ccc\u3092\u9632\u304e\u3001\u4f53\u8102\u80aa\u84c4\u7a4d\u3092\u6291\u3048\u307e\u3059\u3002\u300c\u30bb\u30ab\u30f3\u30c9\u30df\u30fc\u30eb\u52b9\u679c\u300d\u3082\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\" },\n            { title: \"\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u5024\u3078\u306e\u5f71\u97ff\", details: \"\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u3084\u80c6\u6c41\u9178\u306e\u518d\u5438\u53ce\u3092\u6291\u3048\u3001\u4f53\u5916\u3078\u6392\u51fa\u3092\u4fc3\u9032\u3002\u5584\u7389\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u306f\u7dad\u6301\u3057\u3001\u6b63\u5e38\u5024\u306e\u4eba\u306e\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u306b\u306f\u5f71\u97ff\u3057\u306b\u304f\u3044\u3068\u3055\u308c\u307e\u3059\u3002\" },\n            { title: \"\u6e80\u8179\u611f\u306e\u6301\u7d9a\u3068\u98df\u6b32\u6291\u5236\uff08GLP-1\u5206\u6ccc\u4fc3\u9032\uff09\", details: \"\u6d88\u5316\u304c\u3086\u3063\u304f\u308a\u9032\u3080\u305f\u3081\u6e80\u8179\u611f\u304c\u6301\u7d9a\u3002\u98df\u6b32\u6291\u5236\u30db\u30eb\u30e2\u30f3\u300cGLP-1\u300d\u306e\u5206\u6ccc\u3092\u4fc3\u3057\u3001\u7121\u7406\u306a\u304f\u98df\u4e8b\u91cf\u3092\u6e1b\u3089\u3059\u30b5\u30dd\u30fc\u30c8\u3092\u3057\u307e\u3059\u3002\" }\n        ];\n\n        function renderBetaGlucanBenefits() {\n            const container = document.getElementById('betaGlucanBenefits');\n            container.innerHTML = '';\n            betaGlucanData.forEach(item => {\n                const card = document.createElement('div');\n                card.className = 'nutrient-card';\n                card.onclick = function() { toggleDetails(this); };\n                card.innerHTML = `\n                    <h3>${item.title}<\/h3>\n                    <div class=\"details\"><p>${item.details}<\/p><\/div>\n                `;\n                container.appendChild(card);\n            });\n        }\n\n        const cookingRatios = {\n            \"1\": { rice: 0.7, mochimugi: 0.3, waterMark: 1, waterAdd: 50 },\n            \"2\": { rice: 1.5, mochimugi: 0.5, waterMark: 2, waterAdd: 90 },\n            \"3\": { rice: 2, mochimugi: 1, waterMark: 3, waterAdd: 180 },\n            \"4\": { rice: 2.8, mochimugi: 1.2, waterMark: 4, waterAdd: 220 },\n            \"5\": { rice: 3.5, mochimugi: 1.5, waterMark: 5, waterAdd: 270 }\n        };\n\n        const \u708a\u98ef\u91cf\u9078\u629e = document.getElementById('\u708a\u98ef\u91cf\u9078\u629e');\n        const \u708a\u98ef\u30ac\u30a4\u30c9\u7d50\u679c = document.getElementById('\u708a\u98ef\u30ac\u30a4\u30c9\u7d50\u679c');\n\n        function updateCookingGuide() {\n            const selectedAmount = \u708a\u98ef\u91cf\u9078\u629e.value;\n            const ratio = cookingRatios[selectedAmount];\n            \u708a\u98ef\u30ac\u30a4\u30c9\u7d50\u679c.innerHTML = `\n                <p><strong>\u7c73\u306e\u91cf:<\/strong> ${ratio.rice.toFixed(1)}\u5408<\/p>\n                <p><strong>\u3082\u3061\u9ea6\u306e\u91cf:<\/strong> ${ratio.mochimugi.toFixed(1)}\u5408<\/p>\n                <p><strong>\u6c34\u306e\u91cf:<\/strong> \u708a\u98ef\u5668\u306e${ratio.waterMark}\u5408\u306e\u76ee\u76db\u308a + \u8ffd\u52a0\u6c34\u91cf ${ratio.waterAdd}cc<\/p>\n                <p class=\"mt-2 text-xs\">\u203b\u3082\u3061\u9ea63\u5272\u3054\u306f\u3093\u306e\u5834\u5408\u306e\u76ee\u5b89\u3067\u3059\u3002\u304a\u597d\u307f\u3067\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n            `;\n        }\n        \u708a\u98ef\u91cf\u9078\u629e.addEventListener('change', updateCookingGuide);\n\n\n        const otherGrainsData = [\n            { name: \"\u7384\u7c73\", nutrients: \"\u98df\u7269\u7e4a\u7dad\u3001GABA\uff08\u767a\u82bd\u7384\u7c73\uff09\", effects: [\"\u4fbf\u79d8\u89e3\u6d88\", \"\u8840\u5727\u4e0a\u6607\u6291\u5236\", \"\u7cbe\u795e\u5b89\u5b9a\u4f5c\u7528\"], description: \"\u767d\u7c73\u3088\u308a\u6804\u990a\u4fa1\u304c\u9ad8\u304f\u3001\u7279\u306b\u767a\u82bd\u7384\u7c73\u306fGABA\u304c\u8c4a\u5bcc\u3067\u30ea\u30e9\u30c3\u30af\u30b9\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u307e\u3059\u3002\" },\n            { name: \"\u9ed2\u7c73\", nutrients: \"\u30a2\u30f3\u30c8\u30b7\u30a2\u30cb\u30f3\u3001\u30bf\u30f3\u30d1\u30af\u8cea\u3001\u30d3\u30bf\u30df\u30f3E\", effects: [\"\u7f8e\u808c\u52b9\u679c\", \"\u8001\u5316\u9632\u6b62\", \"\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\"], description: \"\u30dd\u30ea\u30d5\u30a7\u30ce\u30fc\u30eb\u306e\u4e00\u7a2e\u30a2\u30f3\u30c8\u30b7\u30a2\u30cb\u30f3\u304c\u8c4a\u5bcc\u3067\u3001\u7f8e\u5bb9\u3068\u5065\u5eb7\u306b\u826f\u3044\u3068\u3055\u308c\u308b\u53e4\u4ee3\u7c73\u3067\u3059\u3002\" },\n            { name: \"\u8d64\u7c73\", nutrients: \"\u30d3\u30bf\u30df\u30f3B\u7fa4\u3001\u30bf\u30f3\u30cb\u30f3\", effects: [\"\u6297\u9178\u5316\u4f5c\u7528\", \"\u7f8e\u808c\u52b9\u679c\", \"\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\"], description: \"\u30bf\u30f3\u30cb\u30f3\u3068\u3044\u3046\u30dd\u30ea\u30d5\u30a7\u30ce\u30fc\u30eb\u3092\u542b\u307f\u3001\u6297\u9178\u5316\u4f5c\u7528\u304c\u671f\u5f85\u3055\u308c\u308b\u304a\u7c73\u3067\u3059\u3002\" },\n            { name: \"\u304d\u3073\", nutrients: \"\u4e9c\u925b\u3001\u30ca\u30a4\u30a2\u30b7\u30f3\u3001\u30dd\u30ea\u30d5\u30a7\u30ce\u30fc\u30eb\u3001\u30e1\u30c1\u30aa\u30cb\u30f3\", effects: [\"\u7f8e\u808c\u52b9\u679c\", \"\u4fbf\u79d8\u89e3\u6d88\", \"\u809d\u81d3\u306e\u89e3\u6bd2\u4f5c\u7528\"], description: \"\u9ec4\u8272\u3044\u7c92\u304c\u7279\u5fb4\u3002\u4e9c\u925b\u3084\u30e1\u30c1\u30aa\u30cb\u30f3\u3092\u542b\u307f\u3001\u7f8e\u5bb9\u3084\u30c7\u30c8\u30c3\u30af\u30b9\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u304a\u3059\u3059\u3081\u3002\" },\n            { name: \"\u3042\u308f\", nutrients: \"\u30d1\u30f3\u30c8\u30c6\u30f3\u9178\u3001\u9244\u5206\u3001\u30d3\u30bf\u30df\u30f3B1\", effects: [\"\u8ca7\u8840\u6539\u5584\", \"\u75b2\u52b4\u56de\u5fa9\", \"\u8840\u6db2\u30b5\u30e9\u30b5\u30e9\u52b9\u679c\"], description: \"\u9244\u5206\u3084\u30d1\u30f3\u30c8\u30c6\u30f3\u9178\u304c\u8c4a\u5bcc\u3002\u8ca7\u8840\u6c17\u5473\u306e\u65b9\u3084\u75b2\u308c\u3084\u3059\u3044\u65b9\u306b\u3002\" },\n            { name: \"\u3072\u3048\", nutrients: \"\u98df\u7269\u7e4a\u7dad\u3001\u30bf\u30f3\u30d1\u30af\u8cea\", effects: [\"\u4fbf\u79d8\u89e3\u6d88\", \"\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c\", \"\u5584\u7389\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u5897\u52a0\"], description: \"\u3042\u3063\u3055\u308a\u3068\u3057\u305f\u5473\u308f\u3044\u3002\u98df\u7269\u7e4a\u7dad\u304c\u591a\u304f\u3001\u5584\u7389\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u3092\u9ad8\u3081\u308b\u4f5c\u7528\u3082\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n            { name: \"\u30a2\u30de\u30e9\u30f3\u30b5\u30b9\", nutrients: \"\u9244\u5206\u3001\u4e9c\u925b\u3001\u30ab\u30eb\u30b7\u30a6\u30e0\u3001\u8449\u9178\u3001\u30d3\u30bf\u30df\u30f3K\", effects: [\"\u8ca7\u8840\u6539\u5584\", \"\u9aa8\u7c97\u3057\u3087\u3046\u75c7\u4e88\u9632\", \"\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c\", \"\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\"], description: \"\u30b9\u30fc\u30d1\u30fc\u30d5\u30fc\u30c9\u306e\u4e00\u3064\u3002\u7279\u306b\u30ab\u30eb\u30b7\u30a6\u30e0\u304c\u8c4a\u5bcc\u3067\u3001\u9244\u5206\u3084\u8449\u9178\u3082\u591a\u304f\u542b\u307f\u307e\u3059\u3002\" },\n            { name: \"\u30ad\u30cc\u30a2\", nutrients: \"\u5fc5\u9808\u30a2\u30df\u30ce\u9178\u3001\u30ab\u30eb\u30b7\u30a6\u30e0\u3001\u4f4eGI\u5024\", effects: [\"\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u5411\u4e0a\", \"\u9aa8\u7c97\u3057\u3087\u3046\u75c7\u4e88\u9632\", \"\u8840\u7cd6\u5024\u5b89\u5b9a\"], description: \"\u5fc5\u9808\u30a2\u30df\u30ce\u9178\u3092\u30d0\u30e9\u30f3\u30b9\u826f\u304f\u542b\u3080\u30b9\u30fc\u30d1\u30fc\u30d5\u30fc\u30c9\u3002\u4f4eGI\u3067\u8840\u7cd6\u5024\u304c\u6c17\u306b\u306a\u308b\u65b9\u306b\u3082\u3002\" },\n            { name: \"\u306f\u3068\u9ea6\", nutrients: \"\u30b0\u30eb\u30bf\u30df\u30f3\u9178\u3001\u30a2\u30df\u30ce\u9178\u3001\u30e8\u30af\u30a4\u30cb\u30f3\", effects: [\"\u7f8e\u808c\u4f5c\u7528\", \"\u7f8e\u5bb9\u52b9\u679c\"], description: \"\u300c\u30e8\u30af\u30a4\u30cb\u30f3\u300d\u3068\u3057\u3066\u77e5\u3089\u308c\u3001\u6614\u304b\u3089\u7f8e\u5bb9\u306e\u305f\u3081\u306b\u7528\u3044\u3089\u308c\u3066\u304d\u307e\u3057\u305f\u3002\" },\n            { name: \"\u62bc\u9ea6\/\u80da\u82bd\u62bc\u9ea6\", nutrients: \"\u98df\u7269\u7e4a\u7dad\", effects: [\"\u4fbf\u79d8\u89e3\u6d88\", \"\u5185\u81d3\u8102\u80aa\u6e1b\u5c11\"], description: \"\u5927\u9ea6\u3092\u52a0\u5de5\u3057\u305f\u3082\u306e\u3002\u98df\u7269\u7e4a\u7dad\u304c\u975e\u5e38\u306b\u8c4a\u5bcc\u3067\u3001\u3082\u3061\u9ea6\u306e\u4ef2\u9593\u3067\u3059\u3002\" },\n            { name: \"\u8c46\u985e (\u5927\u8c46\u3001\u5c0f\u8c46\u306a\u3069)\", nutrients: \"\u30bf\u30f3\u30d1\u30af\u8cea\u3001\u30a4\u30bd\u30d5\u30e9\u30dc\u30f3\u3001\u98df\u7269\u7e4a\u7dad\", effects: [\"\u7b4b\u8089\u7dad\u6301\", \"\u5973\u6027\u30db\u30eb\u30e2\u30f3\u30d0\u30e9\u30f3\u30b9\", \"\u30b3\u30ec\u30b9\u30c6\u30ed\u30fc\u30eb\u4f4e\u4e0b\", \"\u8ca7\u8840\u6539\u5584\"], description: \"\u7a2e\u985e\u306b\u3088\u308a\u6804\u990a\u306f\u7570\u306a\u308a\u307e\u3059\u304c\u3001\u30bf\u30f3\u30d1\u30af\u8cea\u3084\u30a4\u30bd\u30d5\u30e9\u30dc\u30f3\u3001\u98df\u7269\u7e4a\u7dad\u304c\u8c4a\u5bcc\u3067\u3059\u3002\" },\n            { name: \"\u3054\u307e\", nutrients: \"\u30ab\u30eb\u30b7\u30a6\u30e0\u3001\u5fc5\u9808\u30a2\u30df\u30ce\u9178\u3001\u30df\u30cd\u30e9\u30eb\", effects: [\"\u9aa8\u306e\u5065\u5eb7\", \"\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u5411\u4e0a\"], description: \"\u9999\u3070\u3057\u3044\u98a8\u5473\u306b\u52a0\u3048\u3001\u30ab\u30eb\u30b7\u30a6\u30e0\u3084\u30df\u30cd\u30e9\u30eb\u3092\u624b\u8efd\u306b\u88dc\u7d66\u3067\u304d\u307e\u3059\u3002\" },\n            { name: \"\u3048\u3054\u307e\", nutrients: \"\u30aa\u30e1\u30ac3\u8102\u80aa\u9178\uff08\u03b1-\u30ea\u30ce\u30ec\u30f3\u9178\uff09\", effects: [\"\u7f8e\u5bb9\u52b9\u679c\", \"\u751f\u6d3b\u7fd2\u6163\u75c5\u4e88\u9632\", \"\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\"], description: \"\u03b1-\u30ea\u30ce\u30ec\u30f3\u9178\u304c\u8c4a\u5bcc\u3067\u3001\u7f8e\u5bb9\u3084\u5065\u5eb7\u7dad\u6301\u306b\u6ce8\u76ee\u3055\u308c\u3066\u3044\u307e\u3059\u3002\" },\n            { name: \"\u3068\u3046\u3082\u308d\u3053\u3057\", nutrients: \"\u30d3\u30bf\u30df\u30f3\u30d0\u30e9\u30f3\u30b9\u3001\u30de\u30b0\u30cd\u30b7\u30a6\u30e0\", effects: [\"\u6804\u990a\u30d0\u30e9\u30f3\u30b9\u5411\u4e0a\", \"\u75b2\u52b4\u56de\u5fa9\"], description: \"\u9bae\u3084\u304b\u306a\u9ec4\u8272\u304c\u98df\u5353\u3092\u5f69\u308a\u307e\u3059\u3002\u30d3\u30bf\u30df\u30f3\u3084\u30de\u30b0\u30cd\u30b7\u30a6\u30e0\u3092\u542b\u307f\u307e\u3059\u3002\" }\n        ];\n        \n        const grainFilter = document.getElementById('grainFilter');\n        const otherGrainsList = document.getElementById('otherGrainsList');\n\n        function renderOtherGrains() {\n            const filterValue = grainFilter.value;\n            otherGrainsList.innerHTML = '';\n            const filteredGrains = otherGrainsData.filter(grain => \n                filterValue === 'all' || grain.effects.includes(filterValue)\n            );\n\n            if (filteredGrains.length === 0) {\n                otherGrainsList.innerHTML = `<p class=\"col-span-full text-center text-gray-500\">\u8a72\u5f53\u3059\u308b\u96d1\u7a40\u306f\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>`;\n                return;\n            }\n\n            filteredGrains.forEach(grain => {\n                const card = document.createElement('div');\n                card.className = 'grain-card';\n                card.onclick = function() { toggleDetails(this.querySelector('.details-wrapper')); };\n                \n                let effectsHtml = grain.effects.map(effect => `<span class=\"inline-block bg-green-100 text-green-700 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded-full\">${effect}<\/span>`).join(' ');\n\n                card.innerHTML = `\n                    <h3 class=\"text-xl font-semibold mb-2\">${grain.name}<\/h3>\n                    <p class=\"text-sm text-gray-600 mb-1\"><strong>\u4e3b\u306a\u6804\u990a\u7d20:<\/strong> ${grain.nutrients}<\/p>\n                    <div class=\"mb-3\">${effectsHtml}<\/div>\n                    <div class=\"details-wrapper\">\n                        <div class=\"details\">\n                            <p class=\"text-sm text-gray-700\">${grain.description}<\/p>\n                        <\/div>\n                    <\/div>\n                `;\n                otherGrainsList.appendChild(card);\n            });\n        }\n        grainFilter.addEventListener('change', renderOtherGrains);\n\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30ac\u30a4\u30c9 \u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73 \u5b8c\u5168\u30ac\u30a4\u30c9 \u767d\u7c73\u4fa1\u683c\u4e0a\u6607\u6642\u4ee3\u306e\u8ce2\u3044\u9078\u629e \u306f\u3058\u3081\u306b \u3082\u3061\u9ea6\u5fb9\u5e95\u89e3\u8aac \u3082\u3061\u9ea6\u6d3b\u7528\u30ac\u30a4\u30c9 \u305d\u306e\u4ed6\u96d1\u7a40\u7c73 \u307e\u3068\u3081 \u306f\u3058\u3081\u306b\uff1a\u4e3b\u98df\u306e\u9078\u629e\u80a2\u3068\u3057\u3066\u306e\u96d1\u7a40\u7c73 \u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-svg","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1082","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18\" \/>\n<meta property=\"og:description\" content=\"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30ac\u30a4\u30c9 \u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73 \u5b8c\u5168\u30ac\u30a4\u30c9 \u767d\u7c73\u4fa1\u683c\u4e0a\u6607\u6642\u4ee3\u306e\u8ce2\u3044\u9078\u629e \u306f\u3058\u3081\u306b \u3082\u3061\u9ea6\u5fb9\u5e95\u89e3\u8aac \u3082\u3061\u9ea6\u6d3b\u7528\u30ac\u30a4\u30c9 \u305d\u306e\u4ed6\u96d1\u7a40\u7c73 \u307e\u3068\u3081 \u306f\u3058\u3081\u306b\uff1a\u4e3b\u98df\u306e\u9078\u629e\u80a2\u3068\u3057\u3066\u306e\u96d1\u7a40\u7c73 \u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082\" \/>\n<meta property=\"og:site_name\" content=\"\u306e\u3093\u304d\u306e\u65e5\u8a18\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-01T09:01:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1004\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1082\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1082\",\"name\":\"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\"},\"datePublished\":\"2025-05-22T22:58:20+00:00\",\"dateModified\":\"2025-06-01T09:01:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1082#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1082\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?page_id=1082#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#website\",\"url\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/\",\"name\":\"\u306e\u3093\u304d\u306e\u65e5\u8a18\",\"description\":\"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.nonki.coffeebittersweet.net\\\/#\\\/schema\\\/person\\\/a54ab33d75d0ea64f384d5277bd56ad7\",\"name\":\"cbs@nonki\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"url\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"contentUrl\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\",\"width\":1004,\"height\":1024,\"caption\":\"cbs@nonki\"},\"logo\":{\"@id\":\"https:\\/\\/www.nonki.coffeebittersweet.net\\/wp-content\\/uploads\\/2025\\/06\\/20250524-02.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082","og_locale":"ja_JP","og_type":"article","og_title":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18","og_description":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u30ac\u30a4\u30c9 \u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73 \u5b8c\u5168\u30ac\u30a4\u30c9 \u767d\u7c73\u4fa1\u683c\u4e0a\u6607\u6642\u4ee3\u306e\u8ce2\u3044\u9078\u629e \u306f\u3058\u3081\u306b \u3082\u3061\u9ea6\u5fb9\u5e95\u89e3\u8aac \u3082\u3061\u9ea6\u6d3b\u7528\u30ac\u30a4\u30c9 \u305d\u306e\u4ed6\u96d1\u7a40\u7c73 \u307e\u3068\u3081 \u306f\u3058\u3081\u306b\uff1a\u4e3b\u98df\u306e\u9078\u629e\u80a2\u3068\u3057\u3066\u306e\u96d1\u7a40\u7c73 \u3053\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u306f\u3001 [&hellip;]","og_url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082","og_site_name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","article_modified_time":"2025-06-01T09:01:12+00:00","og_image":[{"url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","width":1004,"height":1024,"type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082","url":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082","name":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9 - \u306e\u3093\u304d\u306e\u65e5\u8a18","isPartOf":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website"},"datePublished":"2025-05-22T22:58:20+00:00","dateModified":"2025-06-01T09:01:12+00:00","breadcrumb":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nonki.coffeebittersweet.net\/?page_id=1082#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.nonki.coffeebittersweet.net\/"},{"@type":"ListItem","position":2,"name":"\u3082\u3061\u9ea6\u3068\u96d1\u7a40\u7c73\u00a0\u5b8c\u5168\u30ac\u30a4\u30c9"}]},{"@type":"WebSite","@id":"https:\/\/www.nonki.coffeebittersweet.net\/#website","url":"https:\/\/www.nonki.coffeebittersweet.net\/","name":"\u306e\u3093\u304d\u306e\u65e5\u8a18","description":"\u65e5\u5e38\u3067\u3001\u601d\u3063\u305f\u4e8b\u3001\u611f\u3058\u305f\u4e8b\u3092\u8a18\u9332\u3057\u3066\u3044\u3053\u3046\u3068\u601d\u3044\u307e\u3059\u3002","publisher":{"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nonki.coffeebittersweet.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":["Person","Organization"],"@id":"https:\/\/www.nonki.coffeebittersweet.net\/#\/schema\/person\/a54ab33d75d0ea64f384d5277bd56ad7","name":"cbs@nonki","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","url":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","contentUrl":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png","width":1004,"height":1024,"caption":"cbs@nonki"},"logo":{"@id":"https:\/\/mlla7u9wd2ab.i.optimole.com\/w:auto\/h:auto\/q:mauto\/ig:avif\/https:\/\/www.nonki.coffeebittersweet.net\/wp-content\/uploads\/2025\/06\/20250524-02.png"}}]}},"_links":{"self":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1082"}],"version-history":[{"count":1,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1082\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=\/wp\/v2\/pages\/1082\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/www.nonki.coffeebittersweet.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}