{"id":7762,"date":"2026-06-26T19:15:23","date_gmt":"2026-06-26T10:15:23","guid":{"rendered":"https:\/\/www.kitsune-coffee.com\/?page_id=7762"},"modified":"2026-06-26T19:47:32","modified_gmt":"2026-06-26T10:47:32","slug":"%e3%82%b3%e3%83%bc%e3%83%92%e3%83%bc%e7%b2%89%e9%87%8f%e3%83%bb%e3%81%8a%e6%b9%af%e9%87%8f%e8%a8%88%e7%ae%97%e3%83%84%e3%83%bc%e3%83%ab%ef%bd%9c%e4%bd%95%e3%82%b0%e3%83%a9%e3%83%a0%e5%85%a5%e3%82%8c","status":"publish","type":"page","link":"https:\/\/www.kitsune-coffee.com\/?page_id=7762","title":{"rendered":"\u30b3\u30fc\u30d2\u30fc\u7c89\u91cf\u30fb\u304a\u6e6f\u91cf\u8a08\u7b97\u30c4\u30fc\u30eb\uff5c\u4f55\u30b0\u30e9\u30e0\u5165\u308c\u308c\u3070\u3044\u3044\u304b\u304a\u3059\u3059\u3081\u3092\u81ea\u52d5\u8a08\u7b97"},"content":{"rendered":"<div class=\"tcdce-body\">\n  <div id=\"kccalc_64871\" class=\"kccalc-wrap\">\n    <style>\n      #kccalc_64871 {\n        max-width: 880px;\n        margin: 40px auto;\n        padding: 0 16px;\n        color: #3b2a1f;\n        font-family: -apple-system, BlinkMacSystemFont, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", sans-serif;\n        line-height: 1.8;\n      }\n\n      #kccalc_64871 * {\n        box-sizing: border-box;\n      }\n\n      #kccalc_64871 .kccalc-hero {\n        background: #fff3dc;\n        border: 1px solid #ead3ad;\n        border-radius: 24px;\n        padding: 34px 24px;\n        text-align: center;\n        margin-bottom: 28px;\n      }\n\n      #kccalc_64871 .kccalc-label {\n        display: inline-block;\n        background: #7a4a24;\n        color: #fff;\n        font-weight: bold;\n        font-size: 13px;\n        padding: 5px 14px;\n        border-radius: 999px;\n        margin-bottom: 12px;\n      }\n\n      #kccalc_64871 .kccalc-hero h2 {\n        margin: 0 0 12px;\n        color: #4a2d18;\n        font-size: 28px;\n        line-height: 1.5;\n      }\n\n      #kccalc_64871 .kccalc-hero p {\n        margin: 0;\n        color: #5a4638;\n        font-size: 15px;\n      }\n\n      #kccalc_64871 .kccalc-box {\n        background: #fff;\n        border: 1px solid #eadcc8;\n        border-radius: 22px;\n        padding: 28px 24px;\n        box-shadow: 0 8px 24px rgba(80, 50, 25, 0.06);\n      }\n\n      #kccalc_64871 .kccalc-grid {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 18px;\n      }\n\n      #kccalc_64871 .kccalc-field {\n        display: block;\n      }\n\n      #kccalc_64871 .kccalc-field label {\n        display: block;\n        font-weight: bold;\n        color: #4a2d18;\n        margin-bottom: 8px;\n        font-size: 15px;\n      }\n\n      #kccalc_64871 .kccalc-field select,\n      #kccalc_64871 .kccalc-field input {\n        width: 100%;\n        border: 2px solid #eadcc8;\n        background: #fffdf9;\n        border-radius: 14px;\n        padding: 13px 14px;\n        font-size: 16px;\n        color: #3b2a1f;\n        font-family: inherit;\n      }\n\n      #kccalc_64871 .kccalc-field select:focus,\n      #kccalc_64871 .kccalc-field input:focus {\n        outline: none;\n        border-color: #8b4f24;\n        box-shadow: 0 0 0 4px rgba(139, 79, 36, 0.1);\n      }\n\n      #kccalc_64871 .kccalc-buttons {\n        display: flex;\n        gap: 12px;\n        margin-top: 24px;\n      }\n\n      #kccalc_64871 .kccalc-btn {\n        border: none;\n        border-radius: 999px;\n        padding: 13px 24px;\n        font-weight: bold;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 15px;\n      }\n\n      #kccalc_64871 .kccalc-btn-main {\n        background: #7a4a24;\n        color: #fff;\n      }\n\n      #kccalc_64871 .kccalc-btn-sub {\n        background: #f3e6d3;\n        color: #5a3a24;\n      }\n\n      #kccalc_64871 .kccalc-result {\n        display: none;\n        margin-top: 26px;\n        background: #fffdf9;\n        border: 1px solid #eadcc8;\n        border-radius: 24px;\n        padding: 28px 24px;\n      }\n\n      #kccalc_64871 .kccalc-result-badge {\n        display: inline-block;\n        background: #8b4f24;\n        color: #fff;\n        border-radius: 999px;\n        padding: 5px 14px;\n        font-size: 13px;\n        font-weight: bold;\n        margin-bottom: 12px;\n      }\n\n      #kccalc_64871 .kccalc-result h3 {\n        margin: 0 0 16px;\n        color: #3f2717;\n        font-size: 25px;\n        line-height: 1.5;\n      }\n\n      #kccalc_64871 .kccalc-result-main {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 14px;\n        margin: 20px 0;\n      }\n\n      #kccalc_64871 .kccalc-result-card {\n        background: #fff;\n        border: 1px solid #eadcc8;\n        border-radius: 18px;\n        padding: 18px 14px;\n        text-align: center;\n      }\n\n      #kccalc_64871 .kccalc-result-card span {\n        display: block;\n        color: #7a6657;\n        font-size: 13px;\n        font-weight: bold;\n        margin-bottom: 6px;\n      }\n\n      #kccalc_64871 .kccalc-result-card strong {\n        display: block;\n        color: #4a2d18;\n        font-size: 28px;\n        line-height: 1.3;\n      }\n\n      #kccalc_64871 .kccalc-result-card small {\n        display: block;\n        color: #7a6657;\n        font-size: 12px;\n        margin-top: 4px;\n      }\n\n      #kccalc_64871 .kccalc-advice {\n        background: #fff7e8;\n        border: 1px solid #ead3ad;\n        border-radius: 18px;\n        padding: 18px;\n        color: #5a4638;\n        font-size: 14px;\n      }\n\n      #kccalc_64871 .kccalc-advice h4 {\n        margin: 0 0 8px;\n        color: #4a2d18;\n        font-size: 16px;\n      }\n\n      #kccalc_64871 .kccalc-advice p {\n        margin: 0 0 10px;\n      }\n\n      #kccalc_64871 .kccalc-links {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n        margin-top: 18px;\n      }\n\n      #kccalc_64871 .kccalc-links a {\n        display: block;\n        background: #fff;\n        border: 1px solid #eadcc8;\n        color: #4a2d18;\n        text-decoration: none;\n        font-weight: bold;\n        border-radius: 14px;\n        padding: 14px 16px;\n        font-size: 14px;\n      }\n\n      #kccalc_64871 .kccalc-note {\n        margin-top: 28px;\n        padding: 22px;\n        background: #fff7e8;\n        border: 1px solid #ead3ad;\n        border-radius: 18px;\n        color: #5a4638;\n        font-size: 14px;\n      }\n\n      #kccalc_64871 .kccalc-note h3 {\n        margin-top: 0;\n        color: #4a2d18;\n        font-size: 20px;\n      }\n\n      #kccalc_64871 .kccalc-note p {\n        margin: 0 0 12px;\n      }\n\n      @media (max-width: 700px) {\n        #kccalc_64871 {\n          padding: 0 12px;\n        }\n\n        #kccalc_64871 .kccalc-hero h2 {\n          font-size: 23px;\n        }\n\n        #kccalc_64871 .kccalc-grid,\n        #kccalc_64871 .kccalc-result-main,\n        #kccalc_64871 .kccalc-links {\n          grid-template-columns: 1fr;\n        }\n\n        #kccalc_64871 .kccalc-buttons {\n          flex-direction: column;\n        }\n\n        #kccalc_64871 .kccalc-btn {\n          width: 100%;\n        }\n      }\n    <\/style>\n\n    <div class=\"kccalc-hero\">\n      <span class=\"kccalc-label\">\u7121\u6599\u30fb\u81ea\u52d5\u8a08\u7b97<\/span>\n      <h2>\u30b3\u30fc\u30d2\u30fc\u7c89\u91cf\u30fb\u304a\u6e6f\u91cf\u8a08\u7b97\u30c4\u30fc\u30eb<\/h2>\n      <p>\u4f55\u676f\u5206\u6df9\u308c\u308b\u304b\u3001\u597d\u307f\u306e\u6fc3\u3055\u3001\u98f2\u307f\u65b9\u306b\u5408\u308f\u305b\u3066\u3001\u5fc5\u8981\u306a\u30b3\u30fc\u30d2\u30fc\u7c89\u91cf\u3068\u304a\u6e6f\u91cf\u3092\u81ea\u52d5\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n\n    <div class=\"kccalc-box\">\n      <div class=\"kccalc-grid\">\n        <div class=\"kccalc-field\">\n          <label>\u98f2\u307f\u65b9<\/label>\n          <select class=\"kccalc-type\">\n            <option value=\"hot\">\u30db\u30c3\u30c8\u30b3\u30fc\u30d2\u30fc<\/option>\n            <option value=\"ice\">\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc<\/option>\n            <option value=\"latte\">\u30ab\u30d5\u30a7\u30aa\u30ec\u5411\u3051<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"kccalc-field\">\n          <label>\u4f55\u676f\u5206\u6df9\u308c\u307e\u3059\u304b\uff1f<\/label>\n          <input type=\"number\" class=\"kccalc-cups\" value=\"1\" min=\"1\" max=\"10\">\n        <\/div>\n\n        <div class=\"kccalc-field\">\n          <label>1\u676f\u3042\u305f\u308a\u306e\u91cf<\/label>\n          <select class=\"kccalc-ml\">\n            <option value=\"120\">\u5c0f\u3055\u3081\uff1a120ml<\/option>\n            <option value=\"150\" selected>\u6a19\u6e96\uff1a150ml<\/option>\n            <option value=\"180\">\u3084\u3084\u591a\u3081\uff1a180ml<\/option>\n            <option value=\"200\">\u30de\u30b0\u30ab\u30c3\u30d7\uff1a200ml<\/option>\n            <option value=\"240\">\u5927\u304d\u3081\u30de\u30b0\uff1a240ml<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"kccalc-field\">\n          <label>\u597d\u307f\u306e\u6fc3\u3055<\/label>\n          <select class=\"kccalc-strength\">\n            <option value=\"light\">\u3059\u3063\u304d\u308a<\/option>\n            <option value=\"normal\" selected>\u6a19\u6e96<\/option>\n            <option value=\"strong\">\u6fc3\u3044\u3081<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"kccalc-buttons\">\n        <button type=\"button\" class=\"kccalc-btn kccalc-btn-main\">\u8a08\u7b97\u3059\u308b<\/button>\n        <button type=\"button\" class=\"kccalc-btn kccalc-btn-sub\">\u30ea\u30bb\u30c3\u30c8<\/button>\n      <\/div>\n\n      <div class=\"kccalc-result\"><\/div>\n    <\/div>\n\n    <div class=\"kccalc-note\">\n      <h3>\u30b3\u30fc\u30d2\u30fc\u7c89\u91cf\u3068\u304a\u6e6f\u91cf\u306e\u76ee\u5b89<\/h3>\n      <p>\u30db\u30c3\u30c8\u30b3\u30fc\u30d2\u30fc\u306e\u5834\u5408\u3001\u6a19\u6e96\u7684\u306b\u306f\u30b3\u30fc\u30d2\u30fc\u7c891g\u306b\u5bfe\u3057\u3066\u304a\u6e6f15\u301c16ml\u524d\u5f8c\u304c\u76ee\u5b89\u3067\u3059\u3002<\/p>\n      <p>\u3059\u3063\u304d\u308a\u98f2\u307f\u305f\u3044\u5834\u5408\u306f\u304a\u6e6f\u3092\u3084\u3084\u591a\u3081\u306b\u3001\u6fc3\u3044\u3081\u306b\u98f2\u307f\u305f\u3044\u5834\u5408\u306f\u7c89\u91cf\u3092\u3084\u3084\u591a\u3081\u306b\u3059\u308b\u3068\u8abf\u6574\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n      <p>\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc\u306e\u5834\u5408\u306f\u3001\u6c37\u3067\u8584\u307e\u308b\u305f\u3081\u5c11\u3057\u6fc3\u3044\u3081\u306b\u62bd\u51fa\u3059\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      var root = document.getElementById('kccalc_64871');\n      if (!root) return;\n\n      var typeInput = root.querySelector('.kccalc-type');\n      var cupsInput = root.querySelector('.kccalc-cups');\n      var mlInput = root.querySelector('.kccalc-ml');\n      var strengthInput = root.querySelector('.kccalc-strength');\n      var calcButton = root.querySelector('.kccalc-btn-main');\n      var resetButton = root.querySelector('.kccalc-btn-sub');\n      var resultBox = root.querySelector('.kccalc-result');\n\n      function getRatio(type, strength) {\n        if (type === 'ice') {\n          if (strength === 'light') return 13;\n          if (strength === 'strong') return 10;\n          return 12;\n        }\n\n        if (type === 'latte') {\n          if (strength === 'light') return 13;\n          if (strength === 'strong') return 10;\n          return 12;\n        }\n\n        if (strength === 'light') return 17;\n        if (strength === 'strong') return 14;\n        return 16;\n      }\n\n      function getTypeLabel(type) {\n        if (type === 'ice') return '\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc';\n        if (type === 'latte') return '\u30ab\u30d5\u30a7\u30aa\u30ec\u5411\u3051';\n        return '\u30db\u30c3\u30c8\u30b3\u30fc\u30d2\u30fc';\n      }\n\n      function getStrengthLabel(strength) {\n        if (strength === 'light') return '\u3059\u3063\u304d\u308a';\n        if (strength === 'strong') return '\u6fc3\u3044\u3081';\n        return '\u6a19\u6e96';\n      }\n\n      function getAdvice(type, strength, coffeeGram, totalMl, hotWater, iceAmount) {\n        var text = '';\n\n        if (type === 'hot') {\n          text += '<p>\u30db\u30c3\u30c8\u30b3\u30fc\u30d2\u30fc\u306f\u3001\u7c89\u91cf\u3068\u304a\u6e6f\u91cf\u306e\u30d0\u30e9\u30f3\u30b9\u3067\u5473\u304c\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002\u307e\u305a\u306f\u4eca\u56de\u306e\u5206\u91cf\u3067\u6df9\u308c\u3066\u307f\u3066\u3001\u8584\u3044\u3068\u611f\u3058\u305f\u3089\u7c89\u30921\u301c2g\u5897\u3084\u3057\u3001\u6fc3\u3044\u3068\u611f\u3058\u305f\u3089\u304a\u6e6f\u3092\u5c11\u3057\u5897\u3084\u3057\u3066\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>';\n          text += '<p>\u6e6f\u6e29\u306f\u4e2d\u714e\u308a\u306a\u308990\u2103\u524d\u5f8c\u3001\u6df1\u714e\u308a\u306a\u308988\u301c90\u2103\u524d\u5f8c\u3092\u76ee\u5b89\u306b\u3059\u308b\u3068\u98f2\u307f\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>';\n        }\n\n        if (type === 'ice') {\n          text += '<p>\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc\u306f\u6c37\u3067\u8584\u307e\u308a\u3084\u3059\u3044\u305f\u3081\u3001\u30db\u30c3\u30c8\u3088\u308a\u3082\u5c11\u3057\u6fc3\u3044\u3081\u306b\u62bd\u51fa\u3059\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>';\n          text += '<p>\u76ee\u5b89\u3068\u3057\u3066\u3001\u304a\u6e6f\u306f\u7d04' + hotWater + 'ml\u3001\u6c37\u306f\u7d04' + iceAmount + 'g\u7528\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u62bd\u51fa\u5f8c\u3059\u3050\u306b\u6c37\u3067\u51b7\u3084\u3059\u3068\u3001\u9999\u308a\u304c\u6b8b\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>';\n        }\n\n        if (type === 'latte') {\n          text += '<p>\u30ab\u30d5\u30a7\u30aa\u30ec\u5411\u3051\u306e\u5834\u5408\u306f\u3001\u30df\u30eb\u30af\u306b\u8ca0\u3051\u306a\u3044\u3088\u3046\u5c11\u3057\u6fc3\u3044\u3081\u306b\u62bd\u51fa\u3059\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>';\n          text += '<p>\u62bd\u51fa\u3057\u305f\u30b3\u30fc\u30d2\u30fc\u306b\u6e29\u3081\u305f\u30df\u30eb\u30af\u3092\u52a0\u3048\u308b\u3068\u3001\u307e\u308d\u3084\u304b\u3067\u98f2\u307f\u3084\u3059\u3044\u5473\u308f\u3044\u306b\u306a\u308a\u307e\u3059\u3002\u4e2d\u6df1\u714e\u308a\u301c\u6df1\u714e\u308a\u306e\u8c46\u3068\u76f8\u6027\u304c\u826f\u3044\u3067\u3059\u3002<\/p>';\n        }\n\n        if (strength === 'light') {\n          text += '<p>\u3059\u3063\u304d\u308a\u98f2\u307f\u305f\u3044\u5834\u5408\u306f\u3001\u62bd\u51fa\u6642\u9593\u3092\u9577\u304f\u3057\u3059\u304e\u306a\u3044\u3053\u3068\u3082\u5927\u5207\u3067\u3059\u3002<\/p>';\n        }\n\n        if (strength === 'strong') {\n          text += '<p>\u6fc3\u3044\u3081\u306b\u3057\u305f\u3044\u5834\u5408\u3067\u3082\u3001\u7d30\u304b\u304f\u633d\u304d\u3059\u304e\u308b\u3068\u82e6\u5473\u3084\u96d1\u5473\u304c\u51fa\u3084\u3059\u304f\u306a\u308b\u305f\u3081\u3001\u307e\u305a\u306f\u7c89\u91cf\u3067\u8abf\u6574\u3059\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/p>';\n        }\n\n        return text;\n      }\n\n      function calculateCoffee() {\n        var type = typeInput.value;\n        var cups = parseInt(cupsInput.value, 10);\n        var perCupMl = parseInt(mlInput.value, 10);\n        var strength = strengthInput.value;\n\n        if (!cups || cups < 1) {\n          cups = 1;\n          cupsInput.value = 1;\n        }\n\n        if (cups > 10) {\n          cups = 10;\n          cupsInput.value = 10;\n        }\n\n        var totalMl = cups * perCupMl;\n        var ratio = getRatio(type, strength);\n        var coffeeGram = Math.round(totalMl \/ ratio);\n\n        var hotWater = totalMl;\n        var iceAmount = 0;\n\n        if (type === 'ice') {\n          hotWater = Math.round(totalMl * 0.6);\n          iceAmount = Math.round(totalMl * 0.4);\n        }\n\n        var waterLabel = type === 'ice' ? '\u62bd\u51fa\u7528\u306e\u304a\u6e6f' : '\u304a\u6e6f\u91cf';\n        var waterValue = type === 'ice' ? hotWater : totalMl;\n\n        resultBox.style.display = 'block';\n\n        resultBox.innerHTML =\n          '<span class=\"kccalc-result-badge\">' + getTypeLabel(type) + '\u30fb' + getStrengthLabel(strength) + '<\/span>' +\n          '<h3>' + cups + '\u676f\u5206\u306e\u76ee\u5b89\u5206\u91cf<\/h3>' +\n\n          '<div class=\"kccalc-result-main\">' +\n            '<div class=\"kccalc-result-card\">' +\n              '<span>\u30b3\u30fc\u30d2\u30fc\u7c89<\/span>' +\n              '<strong>' + coffeeGram + 'g<\/strong>' +\n              '<small>\u8c46\u306e\u307e\u307e\u91cf\u3063\u3066\u3082OK<\/small>' +\n            '<\/div>' +\n            '<div class=\"kccalc-result-card\">' +\n              '<span>' + waterLabel + '<\/span>' +\n              '<strong>' + waterValue + 'ml<\/strong>' +\n              '<small>' + cups + '\u676f\u5206\u306e\u76ee\u5b89<\/small>' +\n            '<\/div>' +\n            '<div class=\"kccalc-result-card\">' +\n              '<span>\u7c89\u3068\u304a\u6e6f\u306e\u6bd4\u7387<\/span>' +\n              '<strong>1:' + ratio + '<\/strong>' +\n              '<small>\u7c891g\u3042\u305f\u308a\u306e\u76ee\u5b89<\/small>' +\n            '<\/div>' +\n          '<\/div>' +\n\n          (type === 'ice'\n            ? '<div class=\"kccalc-result-main\"><div class=\"kccalc-result-card\"><span>\u6c37\u306e\u76ee\u5b89<\/span><strong>' + iceAmount + 'g<\/strong><small>\u6025\u51b7\u7528<\/small><\/div><div class=\"kccalc-result-card\"><span>\u3067\u304d\u3042\u304c\u308a\u91cf<\/span><strong>\u7d04' + totalMl + 'ml<\/strong><small>\u6c37\u304c\u6eb6\u3051\u305f\u5f8c\u306e\u76ee\u5b89<\/small><\/div><div class=\"kccalc-result-card\"><span>\u304a\u3059\u3059\u3081<\/span><strong>\u6fc3\u3044\u3081\u62bd\u51fa<\/strong><small>\u8584\u307e\u308a\u9632\u6b62<\/small><\/div><\/div>'\n            : ''\n          ) +\n\n          '<div class=\"kccalc-advice\">' +\n            '<h4>\u6df9\u308c\u65b9\u306e\u30a2\u30c9\u30d0\u30a4\u30b9<\/h4>' +\n            getAdvice(type, strength, coffeeGram, totalMl, hotWater, iceAmount) +\n          '<\/div>' +\n\n          '<div class=\"kccalc-links\">' +\n            '<a href=\"https:\/\/www.kitsune-coffee.com\/?s=\u30b3\u30fc\u30d2\u30fc+\u6df9\u308c\u65b9\">\u30b3\u30fc\u30d2\u30fc\u306e\u6df9\u308c\u65b9\u3092\u898b\u308b<\/a>' +\n            '<a href=\"https:\/\/www.kitsune-coffee.com\/?s=\u30b3\u30fc\u30d2\u30fc\u8c46+\u9078\u3073\u65b9\">\u30b3\u30fc\u30d2\u30fc\u8c46\u306e\u9078\u3073\u65b9\u3092\u898b\u308b<\/a>' +\n          '<\/div>';\n\n        resultBox.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n      }\n\n      function resetCalculator() {\n        typeInput.value = 'hot';\n        cupsInput.value = 1;\n        mlInput.value = 150;\n        strengthInput.value = 'normal';\n        resultBox.style.display = 'none';\n        resultBox.innerHTML = '';\n      }\n\n      calcButton.addEventListener('click', calculateCoffee);\n      resetButton.addEventListener('click', resetCalculator);\n    });\n  <\/script>\n\n  \n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7762","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7762"}],"version-history":[{"count":1,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7762\/revisions"}],"predecessor-version":[{"id":7763,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7762\/revisions\/7763"}],"wp:attachment":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}