{"id":7751,"date":"2026-06-26T19:00:48","date_gmt":"2026-06-26T10:00:48","guid":{"rendered":"https:\/\/www.kitsune-coffee.com\/?page_id=7751"},"modified":"2026-06-26T19:07:46","modified_gmt":"2026-06-26T10:07:46","slug":"%e3%82%b3%e3%83%bc%e3%83%92%e3%83%bc%e8%b1%86%e8%a8%ba%e6%96%ad%ef%bd%9c%e3%81%82%e3%81%aa%e3%81%9f%e3%81%ab%e5%90%88%e3%81%86%e8%b1%86%e3%83%bb%e7%84%99%e7%85%8e%e5%ba%a6%e3%83%bb%e6%b7%b9%e3%82%8c","status":"publish","type":"page","link":"https:\/\/www.kitsune-coffee.com\/?page_id=7751","title":{"rendered":"\u30b3\u30fc\u30d2\u30fc\u8c46\u8a3a\u65ad\uff5c\u3042\u306a\u305f\u306b\u5408\u3046\u8c46\u30fb\u7119\u714e\u5ea6\u30fb\u6df9\u308c\u65b9\u304c\u308f\u304b\u308b"},"content":{"rendered":"<div class=\"tcdce-body\"><p>\u30b3\u30fc\u30d2\u30fc\u8c46\u306f\u3001\u7119\u714e\u5ea6\u30fb\u7523\u5730\u30fb\u7cbe\u88fd\u65b9\u6cd5\u30fb\u98f2\u307f\u65b9\u306b\u3088\u3063\u3066\u5473\u308f\u3044\u304c\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002<\/p>\n<p>\u3068\u306f\u3044\u3048\u3001\u521d\u5fc3\u8005\u306e\u65b9\u306b\u3068\u3063\u3066\u306f\u300c\u9178\u5473\u304c\u5c11\u306a\u3044\u8c46\u306f\u3069\u308c\uff1f\u300d\u300c\u30ab\u30d5\u30a7\u30aa\u30ec\u306b\u5408\u3046\u8c46\u306f\uff1f\u300d\u300c\u6bce\u65e5\u98f2\u307f\u3084\u3059\u3044\u8c46\u306f\uff1f\u300d\u3068\u8ff7\u3046\u3053\u3068\u3082\u591a\u3044\u306f\u305a\u3067\u3059\u3002<\/p>\n<div class=\"tcdce-box custom_box\">\u304d\u3064\u306d\u73c8\u7432\u306e\u30b3\u30fc\u30d2\u30fc\u8c46\u8a3a\u65ad\u3067\u306f\u3001\u3042\u306a\u305f\u306e\u597d\u307f\u3084\u98f2\u307f\u65b9\u306b\u5408\u308f\u305b\u3066\u3001\u304a\u3059\u3059\u3081\u306e\u7119\u714e\u5ea6\u30fb\u7523\u5730\u30fb\u6df9\u308c\u65b9\u3092\u63d0\u6848\u3057\u307e\u3059\u3002<\/div>\n <div id=\"kcdiag_51966\" class=\"kcdiag-wrap\"> <style> #kcdiag_51966 { max-width: 880px; margin: 40px auto; padding: 0 16px; color: #3b2a1f; font-family: -apple-system, BlinkMacSystemFont, \"Hiragino Sans\", \"Yu Gothic\", \"Noto Sans JP\", sans-serif; line-height: 1.8; } #kcdiag_51966 * { box-sizing: border-box; } #kcdiag_51966 .kcdiag-hero { background: #fff3dc; border: 1px solid #ead3ad; border-radius: 24px; padding: 34px 24px; text-align: center; margin-bottom: 28px; } #kcdiag_51966 .kcdiag-label { display: inline-block; background: #7a4a24; color: #fff; font-weight: bold; font-size: 13px; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; } #kcdiag_51966 .kcdiag-hero h2 { margin: 0 0 12px; color: #4a2d18; font-size: 28px; line-height: 1.5; } #kcdiag_51966 .kcdiag-hero p { margin: 0; color: #5a4638; font-size: 15px; } #kcdiag_51966 .kcdiag-box { background: #fff; border: 1px solid #eadcc8; border-radius: 22px; padding: 28px 24px; box-shadow: 0 8px 24px rgba(80, 50, 25, 0.06); } #kcdiag_51966 .kcdiag-progress-head { display: flex; justify-content: space-between; font-weight: bold; color: #6b4a35; font-size: 14px; margin-bottom: 8px; } #kcdiag_51966 .kcdiag-progress { height: 10px; background: #f3e6d3; border-radius: 999px; overflow: hidden; margin-bottom: 26px; } #kcdiag_51966 .kcdiag-progress-bar { height: 100%; width: 10%; background: #9b5a2e; border-radius: 999px; transition: width 0.3s ease; } #kcdiag_51966 .kcdiag-question-title { font-size: 22px; line-height: 1.55; color: #3f2717; margin: 0 0 8px; } #kcdiag_51966 .kcdiag-question-desc { color: #6a5140; font-size: 14px; margin: 0 0 20px; } #kcdiag_51966 .kcdiag-options { display: grid; gap: 12px; } #kcdiag_51966 .kcdiag-option { display: block; width: 100%; border: 2px solid #eadcc8; background: #fffdf9; color: #3b2a1f; border-radius: 16px; padding: 16px 18px; text-align: left; cursor: pointer; font-family: inherit; } #kcdiag_51966 .kcdiag-option:hover { border-color: #b97842; background: #fff6e9; } #kcdiag_51966 .kcdiag-option.is-selected { border-color: #8b4f24; background: #fff1dc; box-shadow: 0 0 0 4px rgba(139, 79, 36, 0.1); } #kcdiag_51966 .kcdiag-option strong { display: block; font-size: 16px; color: #3f2717; } #kcdiag_51966 .kcdiag-option span { display: block; margin-top: 4px; color: #7a6657; font-size: 13px; } #kcdiag_51966 .kcdiag-buttons { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; } #kcdiag_51966 .kcdiag-btn { border: none; border-radius: 999px; padding: 12px 24px; font-weight: bold; cursor: pointer; font-family: inherit; font-size: 14px; } #kcdiag_51966 .kcdiag-btn-back { background: #f3e6d3; color: #5a3a24; } #kcdiag_51966 .kcdiag-btn-next { background: #7a4a24; color: #fff; } #kcdiag_51966 .kcdiag-btn-next:disabled { background: #cdb8a6; cursor: not-allowed; } #kcdiag_51966 .kcdiag-result { display: none; background: #fffdf9; border: 1px solid #eadcc8; border-radius: 24px; padding: 30px 24px; margin-top: 28px; box-shadow: 0 8px 24px rgba(80, 50, 25, 0.06); } #kcdiag_51966 .kcdiag-result-badge { display: inline-block; background: #8b4f24; color: #fff; border-radius: 999px; padding: 5px 14px; font-size: 13px; font-weight: bold; margin-bottom: 12px; } #kcdiag_51966 .kcdiag-result h3 { font-size: 26px; line-height: 1.5; color: #3f2717; margin: 0 0 12px; } #kcdiag_51966 .kcdiag-result-copy { color: #5c4638; font-size: 15px; margin-bottom: 20px; } #kcdiag_51966 .kcdiag-result-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 20px; } #kcdiag_51966 .kcdiag-result-card { background: #fff; border: 1px solid #eadcc8; border-radius: 16px; padding: 16px; } #kcdiag_51966 .kcdiag-result-card h4 { margin: 0 0 8px; color: #4a2d18; font-size: 15px; } #kcdiag_51966 .kcdiag-result-card p { margin: 0; color: #6a5140; font-size: 14px; } #kcdiag_51966 .kcdiag-taste { background: #fff; border: 1px solid #eadcc8; border-radius: 18px; padding: 18px; margin-top: 22px; } #kcdiag_51966 .kcdiag-taste h4 { margin: 0 0 12px; color: #4a2d18; } #kcdiag_51966 .kcdiag-taste-row { display: grid; grid-template-columns: 72px 1fr 42px; gap: 10px; align-items: center; margin: 10px 0; color: #5c4638; font-size: 13px; } #kcdiag_51966 .kcdiag-taste-track { height: 9px; background: #f3e6d3; border-radius: 999px; overflow: hidden; } #kcdiag_51966 .kcdiag-taste-fill { height: 100%; background: #9b5a2e; border-radius: 999px; } #kcdiag_51966 .kcdiag-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 22px; } #kcdiag_51966 .kcdiag-links a { display: block; background: #fff; border: 1px solid #eadcc8; color: #4a2d18; text-decoration: none; font-weight: bold; border-radius: 14px; padding: 14px 16px; } #kcdiag_51966 .kcdiag-cta { background: #4a2d18; color: #fff; text-align: center; border-radius: 20px; padding: 22px; margin-top: 24px; } #kcdiag_51966 .kcdiag-cta h4 { color: #fff; margin: 0 0 8px; } #kcdiag_51966 .kcdiag-cta p { color: #f7e8d3; margin: 0 0 16px; } #kcdiag_51966 .kcdiag-cta a { display: inline-block; background: #fff; color: #4a2d18; text-decoration: none; font-weight: bold; border-radius: 999px; padding: 12px 22px; } #kcdiag_51966 .kcdiag-note { margin-top: 28px; padding: 22px; background: #fff7e8; border: 1px solid #ead3ad; border-radius: 18px; color: #5a4638; font-size: 14px; } #kcdiag_51966 .kcdiag-note h3 { margin-top: 0; color: #4a2d18; } @media (max-width: 640px) { #kcdiag_51966 { padding: 0 12px; } #kcdiag_51966 .kcdiag-hero h2 { font-size: 23px; } #kcdiag_51966 .kcdiag-question-title { font-size: 19px; } #kcdiag_51966 .kcdiag-result-grid, #kcdiag_51966 .kcdiag-links { grid-template-columns: 1fr; } #kcdiag_51966 .kcdiag-buttons { flex-direction: column; } #kcdiag_51966 .kcdiag-btn { width: 100%; } } <\/style> <div class=\"kcdiag-hero\"> <span class=\"kcdiag-label\">\u7121\u6599\u30fb\u7d041\u5206<\/span> <h2>\u3042\u306a\u305f\u306b\u5408\u3046\u30b3\u30fc\u30d2\u30fc\u8c46\u8a3a\u65ad<\/h2> <p>\u5473\u306e\u597d\u307f\u30fb\u98f2\u307f\u65b9\u30fb\u4f7f\u3063\u3066\u3044\u308b\u5668\u5177\u304b\u3089\u3001\u3042\u306a\u305f\u306b\u5408\u3046\u7119\u714e\u5ea6\u30fb\u7523\u5730\u30fb\u6df9\u308c\u65b9\u3092\u8a3a\u65ad\u3057\u307e\u3059\u3002<\/p> <\/div> <div class=\"kcdiag-box\"> <div class=\"kcdiag-progress-head\"> <span class=\"kcdiag-step\">\u8cea\u554f 1 \/ 10<\/span> <span class=\"kcdiag-percent\">10%<\/span> <\/div> <div class=\"kcdiag-progress\"> <div class=\"kcdiag-progress-bar\"><\/div> <\/div> <h3 class=\"kcdiag-question-title\">\u8aad\u307f\u8fbc\u307f\u4e2d\u3067\u3059<\/h3> <p class=\"kcdiag-question-desc\">\u5c11\u3057\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002<\/p> <div class=\"kcdiag-options\"><\/div> <div class=\"kcdiag-buttons\"> <button type=\"button\" class=\"kcdiag-btn kcdiag-btn-back\">\u623b\u308b<\/button> <button type=\"button\" class=\"kcdiag-btn kcdiag-btn-next\" disabled>\u6b21\u3078<\/button> <\/div> <\/div> <div class=\"kcdiag-result\"><\/div> <div class=\"kcdiag-note\"> <h3>\u8a3a\u65ad\u7d50\u679c\u306b\u3064\u3044\u3066<\/h3> <p>\u8a3a\u65ad\u7d50\u679c\u306f\u3001\u5473\u306e\u597d\u307f\u30fb\u98f2\u307f\u65b9\u30fb\u5668\u5177\u30fb\u98f2\u3080\u30b7\u30fc\u30f3\u3092\u3082\u3068\u306b\u3057\u305f\u76ee\u5b89\u3067\u3059\u3002<\/p> <p>\u9178\u5473\u304c\u82e6\u624b\u306a\u65b9\u306f\u4e2d\u6df1\u714e\u308a\u301c\u6df1\u714e\u308a\u3001\u83ef\u3084\u304b\u306a\u9999\u308a\u3092\u697d\u3057\u307f\u305f\u3044\u65b9\u306f\u6d45\u714e\u308a\u301c\u4e2d\u714e\u308a\u3001\u30ab\u30d5\u30a7\u30aa\u30ec\u3067\u98f2\u307f\u305f\u3044\u65b9\u306f\u30df\u30eb\u30af\u306b\u8ca0\u3051\u306b\u304f\u3044\u4e2d\u6df1\u714e\u308a\u4ee5\u4e0a\u306e\u8c46\u3092\u9078\u3076\u3068\u5931\u6557\u3057\u306b\u304f\u304f\u306a\u308a\u307e\u3059\u3002<\/p> <\/div> <\/div> <script> document.addEventListener('DOMContentLoaded', function () { var root = document.getElementById('kcdiag_51966'); if (!root) return; var questions = [ { title: '\u666e\u6bb5\u3001\u30b3\u30fc\u30d2\u30fc\u306f\u3069\u3046\u98f2\u3080\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u304b\uff1f', desc: '\u4e00\u756a\u8fd1\u3044\u98f2\u307f\u65b9\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002', options: [ ['\u30d6\u30e9\u30c3\u30af\u3067\u98f2\u3080\u3053\u3068\u304c\u591a\u3044', '\u8c46\u305d\u306e\u3082\u306e\u306e\u9999\u308a\u3084\u5473\u3092\u697d\u3057\u307f\u305f\u3044', 'balanced', 2], ['\u30ab\u30d5\u30a7\u30aa\u30ec\u30fb\u30e9\u30c6\u306b\u3059\u308b\u3053\u3068\u304c\u591a\u3044', '\u30df\u30eb\u30af\u3068\u5408\u308f\u305b\u3066\u307e\u308d\u3084\u304b\u306b\u98f2\u307f\u305f\u3044', 'latte', 3], ['\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc\u3067\u98f2\u307f\u305f\u3044', '\u3059\u3063\u304d\u308a\u3001\u307e\u305f\u306f\u30ad\u30ea\u30c3\u3068\u3057\u305f\u5473\u304c\u597d\u304d', 'deep', 2], ['\u307e\u3060\u3088\u304f\u308f\u304b\u3089\u306a\u3044', '\u307e\u305a\u306f\u98f2\u307f\u3084\u3059\u3044\u8c46\u304b\u3089\u9078\u3073\u305f\u3044', 'beginner', 3] ] }, { title: '\u9178\u5473\u306e\u3042\u308b\u30b3\u30fc\u30d2\u30fc\u306f\u597d\u304d\u3067\u3059\u304b\uff1f', desc: '\u30d5\u30eb\u30fc\u30c4\u306e\u3088\u3046\u306a\u660e\u308b\u3044\u9178\u5473\u304c\u5f97\u610f\u304b\u3069\u3046\u304b\u3092\u898b\u307e\u3059\u3002', options: [ ['\u597d\u304d', '\u83ef\u3084\u304b\u30fb\u723d\u3084\u304b\u306a\u5473\u304c\u597d\u304d', 'fruity', 3], ['\u5c11\u3057\u306a\u3089\u597d\u304d', '\u5f37\u3059\u304e\u306a\u3051\u308c\u3070\u697d\u3057\u3081\u308b', 'balanced', 2], ['\u3042\u307e\u308a\u5f97\u610f\u3067\u306f\u306a\u3044', '\u9178\u5473\u3088\u308a\u82e6\u5473\u3084\u30b3\u30af\u304c\u307b\u3057\u3044', 'deep', 3], ['\u3088\u304f\u308f\u304b\u3089\u306a\u3044', '\u307e\u305a\u306f\u30af\u30bb\u306e\u5c11\u306a\u3044\u5473\u304c\u826f\u3044', 'beginner', 2] ] }, { title: '\u82e6\u5473\u306e\u3042\u308b\u30b3\u30fc\u30d2\u30fc\u306f\u597d\u304d\u3067\u3059\u304b\uff1f', desc: '\u6df1\u714e\u308a\u7cfb\u304c\u5408\u3046\u304b\u3069\u3046\u304b\u3092\u898b\u307e\u3059\u3002', options: [ ['\u3057\u3063\u304b\u308a\u82e6\u5473\u304c\u3042\u308b\u65b9\u304c\u597d\u304d', '\u55ab\u8336\u5e97\u306e\u3088\u3046\u306a\u6fc3\u3044\u5473\u304c\u597d\u304d', 'deep', 3], ['\u307b\u3069\u3088\u3044\u82e6\u5473\u304c\u597d\u304d', '\u6bce\u65e5\u98f2\u307f\u3084\u3059\u3044\u5473\u304c\u826f\u3044', 'balanced', 3], ['\u82e6\u3059\u304e\u308b\u306e\u306f\u82e6\u624b', '\u8efd\u3084\u304b\u3067\u98f2\u307f\u3084\u3059\u3044\u5473\u304c\u826f\u3044', 'fruity', 2], ['\u30df\u30eb\u30af\u3067\u307e\u308d\u3084\u304b\u306b\u3057\u305f\u3044', '\u82e6\u5473\u306f\u3042\u308b\u3051\u3069\u89d2\u304c\u306a\u3044\u5473\u304c\u826f\u3044', 'latte', 3] ] }, { title: '\u3069\u3093\u306a\u9999\u308a\u306b\u60f9\u304b\u308c\u307e\u3059\u304b\uff1f', desc: '\u9999\u308a\u306e\u597d\u307f\u304b\u3089\u3001\u7523\u5730\u30fb\u7119\u714e\u5ea6\u306e\u65b9\u5411\u6027\u3092\u51fa\u3057\u307e\u3059\u3002', options: [ ['\u30c1\u30e7\u30b3\u30fb\u30ca\u30c3\u30c4\u30fb\u30ad\u30e3\u30e9\u30e1\u30eb\u7cfb', '\u7518\u9999\u3070\u3057\u304f\u843d\u3061\u7740\u3044\u305f\u9999\u308a', 'deep', 2], ['\u30d9\u30ea\u30fc\u30fb\u67d1\u6a58\u30fb\u7d05\u8336\u7cfb', '\u83ef\u3084\u304b\u3067\u8efd\u3084\u304b\u306a\u9999\u308a', 'fruity', 3], ['\u9999\u3070\u3057\u3044\u713c\u304d\u83d3\u5b50\u7cfb', '\u307e\u308d\u3084\u304b\u3067\u89aa\u3057\u307f\u3084\u3059\u3044\u9999\u308a', 'balanced', 2], ['\u30df\u30eb\u30af\u306b\u8ca0\u3051\u306a\u3044\u9999\u308a', '\u30e9\u30c6\u3067\u3082\u5b58\u5728\u611f\u304c\u3042\u308b\u5473', 'latte', 3] ] }, { title: '\u30b3\u30fc\u30d2\u30fc\u306e\u6fc3\u3055\u306f\u3069\u308c\u304f\u3089\u3044\u304c\u597d\u304d\u3067\u3059\u304b\uff1f', desc: '\u8efd\u3084\u304b\u7cfb\u304b\u3001\u3069\u3063\u3057\u308a\u7cfb\u304b\u3092\u5224\u5b9a\u3057\u307e\u3059\u3002', options: [ ['\u8efd\u3081\u3067\u98f2\u307f\u3084\u3059\u3044\u3082\u306e', '\u3059\u3063\u304d\u308a\u98f2\u307f\u305f\u3044', 'fruity', 2], ['\u4e2d\u304f\u3089\u3044\u3067\u30d0\u30e9\u30f3\u30b9\u304c\u826f\u3044\u3082\u306e', '\u6bce\u65e5\u98f2\u3081\u308b\u5473\u304c\u597d\u304d', 'balanced', 3], ['\u6fc3\u539a\u3067\u30b3\u30af\u304c\u3042\u308b\u3082\u306e', '\u98f2\u307f\u3054\u305f\u3048\u304c\u307b\u3057\u3044', 'deep', 3], ['\u30df\u30eb\u30af\u3092\u5165\u308c\u3066\u3061\u3087\u3046\u3069\u826f\u3044\u3082\u306e', '\u30ab\u30d5\u30a7\u30aa\u30ec\u5411\u3051\u304c\u826f\u3044', 'latte', 3] ] }, { title: '\u3069\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u98f2\u307f\u305f\u3044\u3067\u3059\u304b\uff1f', desc: '\u751f\u6d3b\u30b7\u30fc\u30f3\u306b\u5408\u3046\u8c46\u3092\u63d0\u6848\u3057\u307e\u3059\u3002', options: [ ['\u671d\u306b\u3059\u3063\u304d\u308a\u98f2\u307f\u305f\u3044', '\u76ee\u899a\u3081\u306e\u4e00\u676f\u306b\u3057\u305f\u3044', 'balanced', 2], ['\u4ed5\u4e8b\u4e2d\u306b\u6bce\u65e5\u98f2\u307f\u305f\u3044', '\u98fd\u304d\u306b\u304f\u3055\u91cd\u8996', 'balanced', 3], ['\u591c\u306b\u3086\u3063\u304f\u308a\u98f2\u307f\u305f\u3044', '\u843d\u3061\u7740\u304f\u5473\u304c\u826f\u3044', 'deep', 2], ['\u7518\u3044\u3082\u306e\u3068\u4e00\u7dd2\u306b\u98f2\u307f\u305f\u3044', '\u30b1\u30fc\u30ad\u3084\u30c1\u30e7\u30b3\u3068\u5408\u308f\u305b\u305f\u3044', 'latte', 2] ] }, { title: '\u4f7f\u3063\u3066\u3044\u308b\u62bd\u51fa\u5668\u5177\u306f\u3042\u308a\u307e\u3059\u304b\uff1f', desc: '\u5668\u5177\u306b\u5408\u308f\u305b\u3066\u304a\u3059\u3059\u3081\u306e\u6df9\u308c\u65b9\u3092\u5909\u3048\u307e\u3059\u3002', options: [ ['\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7', '\u4e00\u756a\u4f7f\u3044\u3084\u3059\u304f\u5473\u306e\u8abf\u6574\u3082\u3057\u3084\u3059\u3044', 'balanced', 2], ['\u30d5\u30ec\u30f3\u30c1\u30d7\u30ec\u30b9', '\u30b3\u30af\u3084\u30aa\u30a4\u30eb\u611f\u3092\u697d\u3057\u307f\u305f\u3044', 'deep', 2], ['\u30a8\u30b9\u30d7\u30ec\u30c3\u30bd\u30fb\u30de\u30ad\u30cd\u30c3\u30bf\u7cfb', '\u6fc3\u539a\u306a\u5473\u3084\u30e9\u30c6\u304c\u597d\u304d', 'latte', 3], ['\u307e\u3060\u6301\u3063\u3066\u3044\u306a\u3044', '\u521d\u5fc3\u8005\u3067\u3082\u5931\u6557\u3057\u306b\u304f\u3044\u65b9\u6cd5\u304c\u77e5\u308a\u305f\u3044', 'beginner', 3] ] }, { title: '\u30b3\u30fc\u30d2\u30fc\u8c46\u9078\u3073\u3067\u4e00\u756a\u5927\u4e8b\u306b\u3057\u305f\u3044\u3053\u3068\u306f\uff1f', desc: '\u8cfc\u5165\u6642\u306e\u512a\u5148\u9806\u4f4d\u3092\u8a3a\u65ad\u306b\u53cd\u6620\u3057\u307e\u3059\u3002', options: [ ['\u5931\u6557\u3057\u306b\u304f\u3055', '\u30af\u30bb\u304c\u5c11\u306a\u304f\u98f2\u307f\u3084\u3059\u3044\u3082\u306e\u304c\u826f\u3044', 'beginner', 3], ['\u9999\u308a\u306e\u83ef\u3084\u304b\u3055', '\u5c11\u3057\u500b\u6027\u7684\u306a\u5473\u3082\u697d\u3057\u307f\u305f\u3044', 'fruity', 3], ['\u30b3\u30af\u3068\u6e80\u8db3\u611f', '\u3057\u3063\u304b\u308a\u3057\u305f\u5473\u304c\u826f\u3044', 'deep', 3], ['\u30df\u30eb\u30af\u3068\u306e\u76f8\u6027', '\u30ab\u30d5\u30a7\u30aa\u30ec\u30fb\u30e9\u30c6\u306b\u5408\u3046\u3082\u306e\u304c\u826f\u3044', 'latte', 3] ] }, { title: '\u30b3\u30fc\u30d2\u30fc\u8c46\u306e\u4e88\u7b97\u611f\u306f\uff1f', desc: '\u65e5\u5e38\u7528\u304b\u3001\u5c11\u3057\u7279\u5225\u306a\u8c46\u304b\u3092\u5224\u65ad\u3057\u307e\u3059\u3002', options: [ ['\u3067\u304d\u308b\u3060\u3051\u624b\u9803\u306b\u59cb\u3081\u305f\u3044', '\u307e\u305a\u306f\u5b9a\u756a\u304b\u3089\u8a66\u3057\u305f\u3044', 'beginner', 3], ['\u65e5\u5e38\u7528\u3068\u3057\u3066\u7d9a\u3051\u3084\u3059\u3044\u4fa1\u683c\u304c\u826f\u3044', '\u30b3\u30b9\u30d1\u3068\u5473\u306e\u30d0\u30e9\u30f3\u30b9\u91cd\u8996', 'balanced', 3], ['\u5c11\u3057\u9ad8\u304f\u3066\u3082\u9999\u308a\u3092\u697d\u3057\u307f\u305f\u3044', '\u500b\u6027\u306e\u3042\u308b\u8c46\u3082\u8a66\u3057\u305f\u3044', 'fruity', 2], ['\u30ab\u30d5\u30a7\u6c17\u5206\u3092\u5bb6\u3067\u5473\u308f\u3044\u305f\u3044', '\u6e80\u8db3\u611f\u306e\u3042\u308b\u8c46\u304c\u826f\u3044', 'deep', 2] ] }, { title: '\u6700\u5f8c\u306b\u3001\u4eca\u306e\u3042\u306a\u305f\u306b\u8fd1\u3044\u3082\u306e\u306f\uff1f', desc: '\u8a3a\u65ad\u7d50\u679c\u306e\u65b9\u5411\u6027\u3092\u6700\u7d42\u8abf\u6574\u3057\u307e\u3059\u3002', options: [ ['\u30b3\u30fc\u30d2\u30fc\u521d\u5fc3\u8005\u306a\u306e\u3067\u3001\u308f\u304b\u308a\u3084\u3059\u304f\u9078\u3073\u305f\u3044', '\u307e\u305a\u306f\u738b\u9053\u304b\u3089\u77e5\u308a\u305f\u3044', 'beginner', 4], ['\u6bce\u65e5\u98f2\u3081\u308b\u5b9a\u756a\u306e\u8c46\u3092\u898b\u3064\u3051\u305f\u3044', '\u98fd\u304d\u306a\u3044\u5473\u304c\u826f\u3044', 'balanced', 4], ['\u30ab\u30d5\u30a7\u30aa\u30ec\u306b\u5408\u3046\u8c46\u3092\u63a2\u3057\u3066\u3044\u308b', '\u30df\u30eb\u30af\u3068\u76f8\u6027\u306e\u826f\u3044\u8c46\u304c\u826f\u3044', 'latte', 4], ['\u9999\u308a\u3084\u7523\u5730\u306e\u9055\u3044\u3092\u697d\u3057\u307f\u305f\u3044', '\u5c11\u3057\u672c\u683c\u7684\u306b\u9078\u3073\u305f\u3044', 'fruity', 4] ] } ]; var results = { beginner: { badge: '\u521d\u5fc3\u8005\u5411\u3051', title: '\u306f\u3058\u3081\u3066\u306e\u3084\u3055\u3057\u3044\u304d\u3064\u306d\u30bf\u30a4\u30d7', copy: '\u30af\u30bb\u304c\u5c11\u306a\u304f\u3001\u82e6\u5473\u30fb\u9178\u5473\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u826f\u3044\u30b3\u30fc\u30d2\u30fc\u8c46\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u307e\u305a\u306f\u4e2d\u714e\u308a\u301c\u4e2d\u6df1\u714e\u308a\u306e\u30d6\u30e9\u30b8\u30eb\u3001\u30b3\u30ed\u30f3\u30d3\u30a2\u3001\u30b0\u30a2\u30c6\u30de\u30e9\u3042\u305f\u308a\u304b\u3089\u9078\u3076\u3068\u5931\u6557\u3057\u306b\u304f\u3044\u3067\u3057\u3087\u3046\u3002', roast: '\u4e2d\u714e\u308a\u301c\u4e2d\u6df1\u714e\u308a', origin: '\u30d6\u30e9\u30b8\u30eb\u3001\u30b3\u30ed\u30f3\u30d3\u30a2\u3001\u30b0\u30a2\u30c6\u30de\u30e9', brew: '\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7\u3002\u7c8915g\u3001\u304a\u6e6f230\u301c250ml\u3001\u6e6f\u6e2988\u301c92\u2103\u524d\u5f8c\u3002', scene: '\u6bce\u65e5\u306e\u671d\u30fb\u4ed5\u4e8b\u4e2d\u30fb\u521d\u3081\u3066\u306e\u8c46\u9078\u3073', taste: [3, 2, 3, 3, 3] }, balanced: { badge: '\u6bce\u65e5\u98f2\u307f\u305f\u3044', title: '\u307e\u3044\u306b\u3061\u30d0\u30e9\u30f3\u30b9\u304d\u3064\u306d\u30bf\u30a4\u30d7', copy: '\u82e6\u5473\u30fb\u9178\u5473\u30fb\u7518\u307f\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u826f\u304f\u3001\u6bce\u65e5\u98f2\u3093\u3067\u3082\u98fd\u304d\u306b\u304f\u3044\u8c46\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u4e2d\u714e\u308a\u301c\u4e2d\u6df1\u714e\u308a\u306e\u30d6\u30ec\u30f3\u30c9\u3084\u3001\u30d6\u30e9\u30b8\u30eb\u30fb\u30b3\u30ed\u30f3\u30d3\u30a2\u7cfb\u3068\u76f8\u6027\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002', roast: '\u4e2d\u714e\u308a\u301c\u4e2d\u6df1\u714e\u308a', origin: '\u30d6\u30e9\u30b8\u30eb\u3001\u30b3\u30ed\u30f3\u30d3\u30a2\u3001\u30b0\u30a2\u30c6\u30de\u30e9\u3001\u30d6\u30ec\u30f3\u30c9', brew: '\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7\u3002\u6e6f\u6e2990\u2103\u524d\u5f8c\u3067\u3001\u3059\u3063\u304d\u308a\u611f\u3068\u30b3\u30af\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u53d6\u308a\u3084\u3059\u3044\u3067\u3059\u3002', scene: '\u671d\u306e\u4e00\u676f\u3001\u4ed5\u4e8b\u4e2d\u3001\u6bce\u65e5\u306e\u5b9a\u756a\u30b3\u30fc\u30d2\u30fc', taste: [3, 3, 4, 3, 3] }, deep: { badge: '\u6df1\u714e\u308a\u30fb\u30b3\u30af\u91cd\u8996', title: '\u3053\u3063\u304f\u308a\u6df1\u714e\u308a\u304d\u3064\u306d\u30bf\u30a4\u30d7', copy: '\u3057\u3063\u304b\u308a\u3057\u305f\u82e6\u5473\u3068\u30b3\u30af\u3092\u611f\u3058\u3089\u308c\u308b\u6df1\u714e\u308a\u5bc4\u308a\u306e\u8c46\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u9178\u5473\u306f\u63a7\u3048\u3081\u3067\u3001\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u3084\u30ca\u30c3\u30c4\u306e\u3088\u3046\u306a\u9999\u3070\u3057\u3055\u3092\u697d\u3057\u3081\u308b\u8c46\u3068\u76f8\u6027\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002', roast: '\u4e2d\u6df1\u714e\u308a\u301c\u6df1\u714e\u308a', origin: '\u30d6\u30e9\u30b8\u30eb\u3001\u30de\u30f3\u30c7\u30ea\u30f3\u3001\u30b0\u30a2\u30c6\u30de\u30e9\u3001\u30b3\u30ed\u30f3\u30d3\u30a2', brew: '\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7\u306a\u3089\u6e6f\u6e2988\u301c90\u2103\u524d\u5f8c\u3002\u30d5\u30ec\u30f3\u30c1\u30d7\u30ec\u30b9\u306a\u3089\u30b3\u30af\u3092\u51fa\u3057\u3084\u3059\u3044\u3067\u3059\u3002', scene: '\u591c\u306e\u30ea\u30e9\u30c3\u30af\u30b9\u3001\u30a2\u30a4\u30b9\u30b3\u30fc\u30d2\u30fc\u3001\u7518\u3044\u3082\u306e\u3068\u306e\u30da\u30a2\u30ea\u30f3\u30b0', taste: [5, 1, 3, 5, 4] }, fruity: { badge: '\u83ef\u3084\u304b\u30fb\u9999\u308a\u91cd\u8996', title: '\u723d\u3084\u304b\u30d5\u30eb\u30fc\u30c6\u30a3\u30fc\u304d\u3064\u306d\u30bf\u30a4\u30d7', copy: '\u679c\u5b9f\u611f\u3084\u83ef\u3084\u304b\u306a\u9999\u308a\u3092\u697d\u3057\u3081\u308b\u6d45\u714e\u308a\u301c\u4e2d\u714e\u308a\u306e\u8c46\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u30a8\u30c1\u30aa\u30d4\u30a2\u3084\u30b1\u30cb\u30a2\u306a\u3069\u3001\u30d9\u30ea\u30fc\u30fb\u67d1\u6a58\u30fb\u7d05\u8336\u306e\u3088\u3046\u306a\u30cb\u30e5\u30a2\u30f3\u30b9\u3092\u6301\u3064\u8c46\u3068\u76f8\u6027\u304c\u826f\u3044\u3067\u3057\u3087\u3046\u3002', roast: '\u6d45\u714e\u308a\u301c\u4e2d\u714e\u308a', origin: '\u30a8\u30c1\u30aa\u30d4\u30a2\u3001\u30b1\u30cb\u30a2\u3001\u30eb\u30ef\u30f3\u30c0\u3001\u30b3\u30b9\u30bf\u30ea\u30ab', brew: '\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7\u3002\u6e6f\u6e2990\u301c93\u2103\u524d\u5f8c\u3067\u3001\u9999\u308a\u3092\u5f15\u304d\u51fa\u3059\u6df9\u308c\u65b9\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002', scene: '\u671d\u306e\u3059\u3063\u304d\u308a\u3057\u305f\u4e00\u676f\u3001\u9999\u308a\u3092\u697d\u3057\u307f\u305f\u3044\u4f11\u65e5', taste: [2, 5, 4, 2, 5] }, latte: { badge: '\u30ab\u30d5\u30a7\u30aa\u30ec\u30fb\u30e9\u30c6\u5411\u3051', title: '\u307e\u308d\u3084\u304b\u30e9\u30c6\u304d\u3064\u306d\u30bf\u30a4\u30d7', copy: '\u30df\u30eb\u30af\u3068\u5408\u308f\u305b\u3066\u3082\u5473\u304c\u307c\u3084\u3051\u306b\u304f\u3044\u4e2d\u6df1\u714e\u308a\u301c\u6df1\u714e\u308a\u306e\u8c46\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u3001\u30ca\u30c3\u30c4\u3001\u30ad\u30e3\u30e9\u30e1\u30eb\u306e\u3088\u3046\u306a\u7518\u9999\u3070\u3057\u3044\u98a8\u5473\u306e\u8c46\u3092\u9078\u3076\u3068\u6e80\u8db3\u611f\u304c\u51fa\u3084\u3059\u3044\u3067\u3059\u3002', roast: '\u4e2d\u6df1\u714e\u308a\u301c\u6df1\u714e\u308a', origin: '\u30d6\u30e9\u30b8\u30eb\u3001\u30b0\u30a2\u30c6\u30de\u30e9\u3001\u30de\u30f3\u30c7\u30ea\u30f3\u3001\u30b3\u30ed\u30f3\u30d3\u30a2', brew: '\u6fc3\u3044\u3081\u306e\u30da\u30fc\u30d1\u30fc\u30c9\u30ea\u30c3\u30d7\u3001\u30de\u30ad\u30cd\u30c3\u30bf\u3001\u30a8\u30b9\u30d7\u30ec\u30c3\u30bd\u7cfb\u3002\u30df\u30eb\u30af\u3068\u5408\u308f\u305b\u308b\u306a\u3089\u7c89\u91cf\u3092\u5c11\u3057\u591a\u3081\u306b\u3002', scene: '\u30ab\u30d5\u30a7\u30aa\u30ec\u3001\u30e9\u30c6\u3001\u7518\u3044\u304a\u83d3\u5b50\u3068\u306e\u7d44\u307f\u5408\u308f\u305b', taste: [4, 1, 4, 5, 4] } }; var index = 0; var selected = null; var scores = { beginner: 0, balanced: 0, deep: 0, fruity: 0, latte: 0 }; var history = []; var step = root.querySelector('.kcdiag-step'); var percent = root.querySelector('.kcdiag-percent'); var bar = root.querySelector('.kcdiag-progress-bar'); var title = root.querySelector('.kcdiag-question-title'); var desc = root.querySelector('.kcdiag-question-desc'); var options = root.querySelector('.kcdiag-options'); var next = root.querySelector('.kcdiag-btn-next'); var back = root.querySelector('.kcdiag-btn-back'); var box = root.querySelector('.kcdiag-box'); var result = root.querySelector('.kcdiag-result'); function renderQuestion() { var q = questions[index]; var progress = Math.round(((index + 1) \/ questions.length) * 100); step.innerHTML = '\u8cea\u554f ' + (index + 1) + ' \/ ' + questions.length; percent.innerHTML = progress + '%'; bar.style.width = progress + '%'; title.innerHTML = q.title; desc.innerHTML = q.desc; options.innerHTML = ''; for (var i = 0; i < q.options.length; i++) { var o = q.options[i]; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'kcdiag-option'; btn.setAttribute('data-type', o[2]); btn.setAttribute('data-score', o[3]); btn.innerHTML = '<strong>' + o[0] + '<\/strong><span>' + o[1] + '<\/span>'; btn.onclick = function () { var allBtns = options.querySelectorAll('.kcdiag-option'); for (var j = 0; j < allBtns.length; j++) { allBtns[j].classList.remove('is-selected'); } this.classList.add('is-selected'); selected = { type: this.getAttribute('data-type'), score: parseInt(this.getAttribute('data-score'), 10) }; next.disabled = false; }; options.appendChild(btn); } selected = null; next.disabled = true; next.innerHTML = index === questions.length - 1 ? '\u8a3a\u65ad\u7d50\u679c\u3092\u898b\u308b' : '\u6b21\u3078'; back.style.visibility = index === 0 ? 'hidden' : 'visible'; } function getBestType() { var best = 'balanced'; var bestScore = -1; for (var key in scores) { if (scores[key] > bestScore) { bestScore = scores[key]; best = key; } } return best; } function tasteRows(taste) { var labels = ['\u82e6\u5473', '\u9178\u5473', '\u7518\u307f', '\u30b3\u30af', '\u9999\u308a']; var html = ''; for (var i = 0; i < labels.length; i++) { var width = taste[i] * 20; html += '<div class=\"kcdiag-taste-row\"><span>' + labels[i] + '<\/span><div class=\"kcdiag-taste-track\"><div class=\"kcdiag-taste-fill\" style=\"width:' + width + '%;\"><\/div><\/div><strong>' + taste[i] + '\/5<\/strong><\/div>'; } return html; } function showResult() { var bestType = getBestType(); var r = results[bestType]; box.style.display = 'none'; result.style.display = 'block'; result.innerHTML = '<span class=\"kcdiag-result-badge\">' + r.badge + '<\/span>' + '<h3>' + r.title + '<\/h3>' + '<p class=\"kcdiag-result-copy\">' + r.copy + '<\/p>' + '<div class=\"kcdiag-result-grid\">' + '<div class=\"kcdiag-result-card\"><h4>\u304a\u3059\u3059\u3081\u7119\u714e\u5ea6<\/h4><p>' + r.roast + '<\/p><\/div>' + '<div class=\"kcdiag-result-card\"><h4>\u304a\u3059\u3059\u3081\u7523\u5730<\/h4><p>' + r.origin + '<\/p><\/div>' + '<div class=\"kcdiag-result-card\"><h4>\u304a\u3059\u3059\u3081\u306e\u6df9\u308c\u65b9<\/h4><p>' + r.brew + '<\/p><\/div>' + '<div class=\"kcdiag-result-card\"><h4>\u304a\u3059\u3059\u3081\u30b7\u30fc\u30f3<\/h4><p>' + r.scene + '<\/p><\/div>' + '<\/div>' + '<div class=\"kcdiag-taste\"><h4>\u3042\u306a\u305f\u306b\u5408\u3046\u5473\u306e\u50be\u5411<\/h4>' + tasteRows(r.taste) + '<\/div>' + '<div class=\"kcdiag-links\">' + '<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>' + '<a href=\"https:\/\/www.kitsune-coffee.com\/?s=\u304a\u3059\u3059\u3081+\u30b3\u30fc\u30d2\u30fc\u8c46\">\u304a\u3059\u3059\u3081\u30b3\u30fc\u30d2\u30fc\u8c46\u3092\u63a2\u3059<\/a>' + '<\/div>' + '<div class=\"kcdiag-cta\"><h4>\u8a3a\u65ad\u7d50\u679c\u306b\u5408\u3046\u30b3\u30fc\u30d2\u30fc\u8c46\u3092\u63a2\u3057\u3066\u307f\u307e\u3057\u3087\u3046<\/h4><p>\u597d\u307f\u306b\u5408\u3046\u8c46\u3092\u77e5\u308b\u3068\u3001\u6bce\u65e5\u306e\u4e00\u676f\u304c\u3082\u3063\u3068\u697d\u3057\u307f\u306b\u306a\u308a\u307e\u3059\u3002<\/p><a href=\"https:\/\/www.kitsune-coffee.com\/\">\u304d\u3064\u306d\u73c8\u7432\u30e1\u30c7\u30a3\u30a2\u3092\u898b\u308b<\/a><\/div>' + '<p style=\"text-align:center; margin-top:18px;\"><button type=\"button\" class=\"kcdiag-btn kcdiag-btn-back\" onclick=\"location.reload();\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button><\/p>'; result.scrollIntoView({ behavior: 'smooth', block: 'start' }); } next.onclick = function () { if (!selected) return; scores[selected.type] += selected.score; history.push(selected); if (index < questions.length - 1) { index++; renderQuestion(); } else { showResult(); } }; back.onclick = function () { if (index > 0) { var last = history.pop(); if (last) { scores[last.type] -= last.score; } index--; renderQuestion(); } }; renderQuestion(); }); <\/script> \n<\/div>","protected":false},"excerpt":{"rendered":"\u30b3\u30fc\u30d2\u30fc\u8c46\u306f\u3001\u7119\u714e\u5ea6\u30fb\u7523\u5730\u30fb\u7cbe\u88fd\u65b9\u6cd5\u30fb\u98f2\u307f\u65b9\u306b\u3088\u3063\u3066\u5473\u308f\u3044\u304c\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002 \u3068\u306f\u3044\u3048\u3001\u521d\u5fc3\u8005\u306e\u65b9\u306b\u3068\u3063\u3066\u306f\u300c\u9178\u5473\u304c\u5c11\u306a\u3044\u8c46\u306f\u3069\u308c\uff1f\u300d\u300c\u30ab\u30d5\u30a7\u30aa\u30ec\u306b\u5408\u3046\u8c46\u306f\uff1f\u300d\u300c\u6bce\u65e5\u98f2\u307f\u3084\u3059\u3044\u8c46\u306f\uff1f\u300d\u3068\u8ff7\u3046\u3053\u3068\u3082\u591a\u3044\u306f\u305a\u3067\u3059\u3002 \u304d\u3064\u306d [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7751","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7751","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=7751"}],"version-history":[{"count":6,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7751\/revisions"}],"predecessor-version":[{"id":7757,"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=\/wp\/v2\/pages\/7751\/revisions\/7757"}],"wp:attachment":[{"href":"https:\/\/www.kitsune-coffee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}