{"id":1974,"date":"2026-04-14T14:53:17","date_gmt":"2026-04-14T05:53:17","guid":{"rendered":"https:\/\/www.tokyoshusui.com\/?page_id=1974"},"modified":"2026-10-15T13:38:26","modified_gmt":"2026-10-15T04:38:26","slug":"craftbeersindan","status":"publish","type":"page","link":"https:\/\/www.tokyoshusui.com\/craftbeersindan\/","title":{"rendered":"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,viewport-fit=cover\">\r\n<title>\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad \ud83c\udf7b 8\u554f\u3067\u3042\u306a\u305f\u306e1\u676f\u304c\u308f\u304b\u308b<\/title>\r\n<style>\r\nhtml.bq-lock, body.bq-lock{ overflow:hidden !important; overscroll-behavior:none !important; }\r\nhtml.bq-quiz::before{\r\n  content:\"\";position:fixed;top:0;left:0;right:0;bottom:0;\r\n  width:100vw;height:100vh;height:100dvh;\r\n  background:radial-gradient(900px 500px at 50% 0%,#fff6e2,transparent),#fffaf2;\r\n  z-index:9980;pointer-events:none;\r\n}\r\nhtml.bq-quiz, html.bq-quiz body{ background:#fffaf2 !important; }\r\n\r\n#bq, #bqQuiz, #bqPour{\r\n  --g1:#ffc23d; --g2:#f2761b;\r\n  --ink:#241c17; --sub:#6c5f57;\r\n  --paper:#fffaf2; --card:#ffffff;\r\n  --line:rgba(36,28,23,.10);\r\n  --accent:#e2650f;\r\n  color:#241c17;background:#fffaf2;\r\n  font-family:\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",\"Yu Gothic\",YuGothic,\"Noto Sans JP\",system-ui,sans-serif;\r\n  -webkit-font-smoothing:antialiased;text-align:center;line-height:1.6;\r\n}\r\n#bq, #bq *, #bq *::before, #bq *::after,\r\n#bqQuiz, #bqQuiz *, #bqQuiz *::before, #bqQuiz *::after,\r\n#bqPour, #bqPour *, #bqPour *::before, #bqPour *::after{\r\n  box-sizing:border-box;border:0;outline:0;list-style:none;text-decoration:none;float:none;text-shadow:none;\r\n}\r\n#bq h1,#bq h2,#bq h3,#bq p,#bq ul,#bq li,#bq div,#bq span,#bq a,#bq button{margin:0;padding:0}\r\n#bqQuiz div,#bqQuiz p,#bqQuiz span,#bqQuiz button,#bqPour div,#bqPour span{margin:0;padding:0}\r\n#bq h1,#bq h2,#bq h3,#bq p{border:0 !important;background-image:none !important}\r\n#bqQuiz p,#bqQuiz .qcard{border:0 !important;background-image:none !important}\r\n#bq h1::before,#bq h1::after,#bq h2::before,#bq h2::after,#bq h3::before,#bq h3::after,\r\n#bq p::before,#bq p::after,\r\n#bqQuiz p::before,#bqQuiz p::after,#bqQuiz .qcard::before,#bqQuiz .qcard::after{\r\n  content:none !important;display:none !important;border:0 !important;background:none !important;\r\n}\r\n#bq img,#bq svg{max-width:100%;height:auto;vertical-align:middle}\r\n#bq .modal,#bq .modal p,#bq .modal h3,\r\n#bqQuiz .qcard,#bqQuiz .qcard p{text-align:center !important}\r\n#bq .wrap,#bqQuiz .wrap{max-width:720px;margin:0 auto;padding:0 18px}\r\n\r\n#bq .btn{display:inline-block;cursor:pointer;font:inherit;font-weight:800;color:#fff;\r\n  background:linear-gradient(135deg,var(--g1),var(--g2));padding:16px 30px;border-radius:999px;\r\n  font-size:clamp(14.5px,3.9vw,17px);box-shadow:0 10px 24px rgba(242,118,27,.35);\r\n  transition:transform .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none;\r\n  text-shadow:0 1px 4px rgba(0,0,0,.22)}\r\n#bq .btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(242,118,27,.45)}\r\n\r\n\/* ===== START ===== *\/\r\n#bq #bqStart{min-height:100dvh;display:flex;align-items:center;justify-content:center;\r\n  background:radial-gradient(1000px 500px at 50% -10%,#fff3d6,transparent),var(--paper);padding:32px 0}\r\n#bq .beer{font-size:clamp(56px,10.5vh,82px);line-height:1;animation:bqBob 2.6s ease-in-out infinite}\r\n@keyframes bqBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}\r\n#bq #bqStart h1{font-size:clamp(23px,6.2vw,38px);margin:12px 0 6px;line-height:1.42;font-weight:800}\r\n#bq #bqStart h1 span{background:linear-gradient(transparent 62%,#ffe08a 62%)}\r\n#bq .lead{color:var(--sub);font-size:clamp(13.5px,3.8vw,15.5px);line-height:2;margin:16px auto 26px;\r\n  max-width:22em;font-weight:700}\r\n#bq .lead b{color:var(--accent);font-weight:900}\r\n#bq .note{font-size:12px;color:var(--sub);margin-top:14px;line-height:1.8}\r\n#bq .about-btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:rgba(255,255,255,.85);\r\n  color:var(--sub);font:inherit;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:999px;\r\n  cursor:pointer;transition:.18s;box-shadow:0 0 0 1.5px rgba(36,28,23,.14) inset;-webkit-appearance:none;appearance:none}\r\n#bq .about-btn:hover{color:#e07b2c;background:#fff;box-shadow:0 0 0 1.5px #ffc46b inset;transform:translateY(-1px)}\r\n\r\n\/* ===== MODAL ===== *\/\r\n#bq .overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;\r\n  padding:18px;background:rgba(36,28,23,.55)}\r\n#bq .overlay.show{display:flex;animation:bqFade .25s ease}\r\n@keyframes bqFade{from{opacity:0}to{opacity:1}}\r\n#bq .modal{position:relative;width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--paper);\r\n  border-radius:26px;padding:34px 20px 28px;box-shadow:0 24px 60px rgba(36,28,23,.32);\r\n  animation:bqRise .3s cubic-bezier(.2,.8,.2,1);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}\r\n@keyframes bqRise{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}\r\n#bq .modal .mtop .em{font-size:42px;line-height:1}\r\n#bq .modal h3{font-size:clamp(18px,5vw,20px);margin:8px 0 16px;font-weight:800}\r\n#bq .modal h3 span{background:linear-gradient(transparent 60%,#ffe08a 60%)}\r\n#bq .modal p{font-size:clamp(13.5px,3.6vw,14.5px);line-height:1.95;color:#3b312a;margin:0 0 13px}\r\n#bq .modal .quote{background:#fff;border-radius:14px;padding:12px 14px;margin:0 0 11px;\r\n  font-size:clamp(13px,3.5vw,14px);line-height:1.9;color:#4a3f37;box-shadow:0 0 0 1px var(--line) inset}\r\n#bq .modal .hl{font-weight:800;color:var(--accent)}\r\n#bq .modal .close{position:absolute;top:12px;right:14px;background:rgba(36,28,23,.07);width:34px;height:34px;\r\n  border-radius:50%;font-size:17px;color:var(--sub);cursor:pointer;line-height:1;-webkit-appearance:none;appearance:none}\r\n#bq .modal .mfoot{margin-top:20px}\r\n\r\n\/* ===== QUIZ ===== *\/\r\n#bqQuiz{display:none}\r\n#bqQuiz.on{\r\n  display:flex;flex-direction:column;\r\n  position:fixed;top:0;left:0;right:0;bottom:0;\r\n  width:100%;height:100vh;height:100dvh;z-index:9990;\r\n  background:radial-gradient(900px 500px at 50% 0%,#fff6e2,transparent),var(--paper);\r\n  overflow:hidden;overscroll-behavior:none;\r\n  padding-bottom:max(8px,env(safe-area-inset-bottom));animation:bqFade .2s ease;\r\n}\r\n#bqQuiz .bar{flex:0 0 auto;background:rgba(255,250,242,.96);padding:clamp(8px,1.5vh,13px) 0 clamp(7px,1.3vh,11px);\r\n  box-shadow:0 1px 0 var(--line)}\r\n#bqQuiz .barin{display:flex;align-items:center;justify-content:center;gap:12px}\r\n#bqQuiz .qcount{font-size:clamp(11.5px,1.7vh,13.5px);font-weight:900;color:var(--sub);\r\n  flex:0 0 auto;min-width:4.6em;text-align:right}\r\n#bqQuiz .glass{position:relative;width:clamp(26px,3.4vh,34px);height:clamp(38px,5vh,48px);flex:0 0 auto;\r\n  background:rgba(255,255,255,.7);border-radius:4px 4px 9px 9px;overflow:hidden;\r\n  box-shadow:0 0 0 2px rgba(36,28,23,.22) inset;clip-path:polygon(8% 0,92% 0,84% 100%,16% 100%)}\r\n#bqQuiz .glass .liq{position:absolute;left:0;right:0;bottom:0;height:0;\r\n  background:linear-gradient(180deg,#ffc93c,#f08a1c);transition:height .55s cubic-bezier(.25,.9,.3,1)}\r\n#bqQuiz .glass .liq::before{content:\"\";position:absolute;left:0;right:0;top:-4px;height:7px;background:#fffdf3;border-radius:50%}\r\n#bqQuiz .glass .bub{position:absolute;bottom:6px;width:3px;height:3px;border-radius:50%;\r\n  background:rgba(255,255,255,.85);animation:bqBub 2.4s linear infinite}\r\n#bqQuiz .glass .bub:nth-child(2){left:26%;animation-delay:.3s}\r\n#bqQuiz .glass .bub:nth-child(3){left:52%;animation-delay:1.1s}\r\n#bqQuiz .glass .bub:nth-child(4){left:74%;animation-delay:1.7s}\r\n@keyframes bqBub{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-28px);opacity:0}}\r\n#bqQuiz .track{flex:1 1 auto;max-width:240px;height:8px;border-radius:999px;background:#f0e6d8;overflow:hidden}\r\n#bqQuiz .fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ffc93c,#f08a1c);transition:width .4s ease}\r\n\r\n#bqQuiz .quiz-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden}\r\n#bqQuiz .qcard{background:var(--card);border-radius:clamp(18px,3vh,24px);\r\n  padding:clamp(14px,2.4vh,26px) clamp(14px,4vw,22px);margin:clamp(6px,1.2vh,16px) 0 clamp(6px,1.2vh,14px);\r\n  box-shadow:0 14px 34px rgba(36,28,23,.08),0 0 0 1px var(--line);\r\n  display:flex;flex-direction:column;justify-content:center}\r\n#bqQuiz .qinner{animation:bqSoft .3s ease}\r\n@keyframes bqSoft{from{opacity:0}to{opacity:1}}\r\n#bqQuiz .qno{font-size:clamp(10px,1.4vh,12px);font-weight:900;color:var(--g2);letter-spacing:.16em}\r\n#bqQuiz .qtheme{font-size:clamp(10px,1.35vh,11.5px);font-weight:800;color:var(--sub);margin-top:3px}\r\n#bqQuiz .qtext{font-size:clamp(14.5px,2.05vh,20px);font-weight:800;line-height:1.55;\r\n  margin:clamp(7px,1.3vh,13px) auto clamp(2px,.6vh,6px);max-width:24em;\r\n  min-height:calc(1.55em * 2);display:flex;align-items:center;justify-content:center}\r\n#bqQuiz .opts{display:grid;grid-auto-rows:1fr;gap:clamp(6px,1vh,10px);margin-top:clamp(8px,1.5vh,18px)}\r\n#bqQuiz .opt{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font:inherit;font-weight:700;\r\n  font-size:clamp(12.5px,1.75vh,15.5px);min-height:clamp(46px,6.6vh,60px);color:var(--ink);background:#fffdf9;\r\n  border-radius:clamp(12px,2vh,16px);padding:clamp(8px,1.2vh,14px) 12px;cursor:pointer;\r\n  transition:box-shadow .16s ease,background .16s ease,color .16s ease;\r\n  box-shadow:0 0 0 2px var(--line) inset;-webkit-appearance:none;appearance:none;line-height:1.45;\r\n  -webkit-tap-highlight-color:transparent}\r\n#bqQuiz .opt:hover{box-shadow:0 0 0 2px #ffc46b inset}\r\n#bqQuiz .opt.sel{background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;\r\n  text-shadow:0 1px 4px rgba(0,0,0,.25);box-shadow:0 8px 20px rgba(242,118,27,.35)}\r\n#bqQuiz .opt .em{font-size:clamp(16px,2.2vh,21px);flex:0 0 auto}\r\n#bqQuiz .nav{flex:0 0 auto;display:flex;justify-content:center;padding-top:2px}\r\n#bqQuiz .mini{background:none;font:inherit;font-weight:800;font-size:clamp(12px,1.7vh,14px);color:var(--sub);\r\n  cursor:pointer;padding:clamp(6px,1.1vh,10px) 14px;-webkit-appearance:none;appearance:none;border-radius:999px;\r\n  transition:color .16s ease,background .16s ease}\r\n#bqQuiz .mini:hover{color:var(--accent);background:rgba(255,255,255,.75)}\r\n@media (max-height:520px){\r\n  #bqQuiz .quiz-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}\r\n  #bqQuiz .qtheme{display:none}\r\n}\r\n\r\n\/* ===== POURING ===== *\/\r\n#bqPour{display:none}\r\n#bqPour.on{\r\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n  position:fixed;top:0;left:0;right:0;bottom:0;\r\n  width:100%;height:100vh;height:100dvh;z-index:9991;\r\n  background:radial-gradient(900px 480px at 50% 20%,#fff2d2,transparent),var(--paper);\r\n  padding:40px 18px;overflow:hidden;overscroll-behavior:none;animation:bqFade .25s ease}\r\n#bqPour .pourglass{position:relative;width:82px;height:118px;background:rgba(255,255,255,.8);\r\n  border-radius:6px 6px 14px 14px;overflow:hidden;\r\n  box-shadow:0 0 0 3px rgba(36,28,23,.2) inset,0 10px 26px rgba(0,0,0,.12);\r\n  clip-path:polygon(9% 0,91% 0,82% 100%,18% 100%)}\r\n#bqPour .pourglass .pliq{position:absolute;left:0;right:0;bottom:0;height:0;\r\n  background:linear-gradient(180deg,#ffca3e,#ef8317);animation:bqPour 2s ease-out forwards}\r\n#bqPour .pourglass .pfoam{position:absolute;left:0;right:0;top:0;height:16px;background:#fffdf4;\r\n  border-radius:0 0 50% 50%;opacity:0;animation:bqFoam 2s ease-out forwards}\r\n@keyframes bqPour{0%{height:0}100%{height:80%}}\r\n@keyframes bqFoam{0%{opacity:0;top:100%}70%{opacity:1}100%{opacity:1;top:14%}}\r\n#bqPour .stream{position:absolute;top:-52px;left:50%;width:6px;height:52px;margin-left:-3px;\r\n  background:linear-gradient(180deg,rgba(255,201,60,0),#ffc93c);border-radius:3px;animation:bqStream .22s linear infinite}\r\n@keyframes bqStream{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}\r\n#bqPour .pourwrap{position:relative;margin-bottom:26px}\r\n#bqPour .pourtxt{font-size:clamp(15px,4.2vw,19px);font-weight:800}\r\n#bqPour .pourdot{display:inline-block;animation:bqDot 1.2s infinite}\r\n@keyframes bqDot{0%,100%{opacity:.25}50%{opacity:1}}\r\n#bqPour .poursub{margin-top:12px;font-size:clamp(11.5px,3.2vw,13px);font-weight:700;color:var(--sub);line-height:1.8}\r\n#bqPour .pourmanual{display:none;margin-top:18px;font-size:13px;font-weight:800;color:#e2650f;\r\n  text-decoration:underline !important}\r\n#bqPour .pourmanual.show{display:inline-block}\r\n@media (prefers-reduced-motion:reduce){ #bqQuiz .qinner{animation:none !important;opacity:1 !important} }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div align=\"center\">\r\n<img decoding=\"async\" src=\"https:\/\/www.tokyoshusui.com\/wp-content\/uploads\/2026\/08\/20260901cbs_shindan1.jpg\" width=\"85%\" alt=\"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad\">\r\n<\/div>\r\n\r\n<div id=\"bq\">\r\n  <section id=\"bqStart\">\r\n    <div class=\"wrap\">\r\n      <div class=\"beer\">\ud83c\udf7b<\/div>\r\n      <h1>8\u554f\u3067\u308f\u304b\u308b<br><span>\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad<\/span><\/h1>\r\n      <p class=\"lead\">\u30ad\u30ea\u30c3\u3068\u723d\u5feb\uff1f \u307e\u308d\u3084\u304b\u6fc3\u539a\uff1f<br><b>8\u3064\u306e\u8cea\u554f<\/b>\u306b\u7b54\u3048\u308b\u3060\u3051\u3067\u3001<br>\u3042\u306a\u305f\u597d\u307f\u306e\u30d3\u30fc\u30eb\u30bf\u30a4\u30d7\u304c\u3059\u3050\u308f\u304b\u308b\uff01<\/p>\r\n      <div><button type=\"button\" class=\"btn\" id=\"bqStartBtn\">\u8a3a\u65ad\u3092\u306f\u3058\u3081\u308b \ud83c\udf7a<\/button><\/div>\r\n      <div><button type=\"button\" class=\"about-btn\" id=\"bqAboutBtn\"><span>\ud83d\udcad<\/span>\u3069\u3093\u306a\u8a3a\u65ad\uff1f<\/button><\/div>\r\n      <p class=\"note\">\u203b20\u6b73\u672a\u6e80\u306e\u98f2\u9152\u306f\u6cd5\u5f8b\u3067\u7981\u6b62\u3055\u308c\u3066\u3044\u307e\u3059<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"overlay\" id=\"bqAboutOverlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"bqAboutTitle\">\r\n    <div class=\"modal\">\r\n      <button type=\"button\" class=\"close\" id=\"bqAboutClose\" aria-label=\"\u9589\u3058\u308b\">\u2715<\/button>\r\n      <div class=\"mtop\"><div class=\"em\">\ud83c\udf7a\u2728<\/div>\r\n        <h3 id=\"bqAboutTitle\"><span>\u3069\u3093\u306a\u8a3a\u65ad\uff1f<\/span><\/h3><\/div>\r\n      <p>\u30d3\u30fc\u30eb\u3063\u3066\u3001\u7a2e\u985e\u304c\u591a\u3059\u304e\u3066\u8ff7\u3044\u307e\u305b\u3093\u304b\uff1f<\/p>\r\n      <p class=\"quote\">\u300c\u3059\u3063\u304d\u308a\u3057\u305f\u3082\u306e\u3001\u82e6\u3044\u3082\u306e\u3001\u30d5\u30eb\u30fc\u30c6\u30a3\u306a\u3082\u306e\u3001\u3001\u30d3\u30fc\u30eb\u306e\u7a2e\u985e\u304c\u591a\u3059\u304e\u3066\u9078\u3079\u306a\u3044\uff01\u300d<\/p>\r\n      <p class=\"quote\">\u300c\u65b0\u3057\u3044\u3082\u306e\u306b\u6311\u6226\u3057\u305f\u3044\u3051\u3069\u3001\u4f55\u304c\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u304f\u3066\u7d50\u5c40\u3044\u3064\u3082\u540c\u3058\u9298\u67c4\u306b\u623b\u3063\u3061\u3083\u3046\u300d<\/p>\r\n      <p>\u305d\u3093\u306a\u3042\u306a\u305f\u306b\u3074\u3063\u305f\u308a\u306a\u306e\u304c\u2014\u2014<br><span class=\"hl\">8\u554f\u306b\u7b54\u3048\u308b\u3060\u3051\u3067\u3001\u3042\u306a\u305f\u306e\u201c\u597d\u304d\u201d\u304c\u308f\u304b\u3063\u3066\u3001\u3074\u3063\u305f\u308a\u306e\u30d3\u30fc\u30eb\u306b\u51fa\u4f1a\u3048\u308b\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad\uff01<\/span><\/p>\r\n      <p>4\u30bf\u30a4\u30d7\u304b\u3089\u3001\u3042\u306a\u305f\u306e\u50be\u5411\u3092\u30b5\u30af\u30c3\u3068\u7279\u5b9a\u3057\u307e\u3059\u3002<br>\u3055\u3089\u306b\u8a3a\u65ad\u7d50\u679c\u3054\u3068\u306b\u3001\u5473\u308f\u3044\u30c1\u30e3\u30fc\u30c8\u3001\u4ee3\u8868\u30b9\u30bf\u30a4\u30eb\u3001\u30da\u30a2\u30ea\u30f3\u30b0\u3001\u304a\u3044\u3057\u3044\u98f2\u307f\u65b9\u307e\u3067\u5e45\u5e83\u304f\u3054\u7d39\u4ecb\u3002<\/p>\r\n      <p>\u3053\u306e\u8a3a\u65ad\u3092\u901a\u3057\u3066\u65b0\u3057\u3044\u30d3\u30fc\u30eb\u306e\u4e16\u754c\u3092\u958b\u3044\u3066\u307f\u307e\u305b\u3093\u304b\uff1f \ud83c\udf0f\ud83c\udf7b<\/p>\r\n      <div class=\"mfoot\"><button type=\"button\" class=\"btn\" id=\"bqAboutStart\">\u3055\u3063\u305d\u304f\u8a3a\u65ad\u3059\u308b \ud83d\ude80<\/button><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section id=\"bqQuiz\">\r\n  <div class=\"bar\">\r\n    <div class=\"wrap barin\">\r\n      <div class=\"glass\"><div class=\"liq\" id=\"bqLiq\"><\/div>\r\n        <span class=\"bub\"><\/span><span class=\"bub\"><\/span><span class=\"bub\"><\/span><span class=\"bub\"><\/span><\/div>\r\n      <div class=\"track\"><div class=\"fill\" id=\"bqFill\"><\/div><\/div>\r\n      <div class=\"qcount\" id=\"bqCounter\">Q1 \/ 8<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"quiz-body\">\r\n    <div class=\"wrap\">\r\n      <div class=\"qcard\" id=\"bqCard\"><\/div>\r\n      <div class=\"nav\"><button type=\"button\" class=\"mini\" id=\"bqPrevBtn\">\u2191 \u30c8\u30c3\u30d7\u306b\u623b\u308b<\/button><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"bqPour\">\r\n  <div class=\"pourwrap\">\r\n    <span class=\"stream\"><\/span>\r\n    <div class=\"pourglass\"><div class=\"pfoam\"><\/div><div class=\"pliq\"><\/div><\/div>\r\n  <\/div>\r\n  <div class=\"pourtxt\">\u3042\u306a\u305f\u306e\u4e00\u676f\u3092\u6ce8\u3044\u3067\u3044\u307e\u3059<span class=\"pourdot\">\u2026<\/span><\/div>\r\n  <div class=\"poursub\">\u307e\u3082\u306a\u304f\u8a3a\u65ad\u7d50\u679c\u30da\u30fc\u30b8\u3078\u79fb\u52d5\u3057\u307e\u3059<\/div>\r\n  <a class=\"pourmanual\" id=\"bqManual\" href=\"#\">\u25b6 \u81ea\u52d5\u3067\u79fb\u52d5\u3057\u306a\u3044\u5834\u5408\u306f\u3053\u3061\u3089\u3092\u30bf\u30c3\u30d7<\/a>\r\n<\/section>\r\n\r\n<script>\r\n\/* Craft Beer Shindan : ES5 only \/ no emoji literals \/ no risky tokens *\/\r\n(function(){\r\n\"use strict\";\r\n\r\n\/* === \u8a3a\u65ad\u7d50\u679c\u30bf\u30a4\u30d7\u3054\u3068\u306e\u9077\u79fb\u5148URL\uff08\u5909\u66f4\u306f\u3053\u3053\u3060\u3051\uff09 === *\/\r\nvar RESULT_URLS = {\r\n  1: \"https:\/\/www.tokyoshusui.com\/craftbeersindan\/gokugoku\/\",\r\n  2: \"https:\/\/www.tokyoshusui.com\/craftbeersindan\/funwari\/\",\r\n  3: \"https:\/\/www.tokyoshusui.com\/craftbeersindan\/dosshiri\/\",\r\n  4: \"https:\/\/www.tokyoshusui.com\/craftbeersindan\/hanayaka\/\"\r\n};\r\nvar TYPE_KEYS = { 1:\"gokugoku\", 2:\"funwari\", 3:\"dosshiri\", 4:\"hanayaka\" };\r\nvar POUR_MS = 2200;\r\nvar DASH = \"\\u2014\";\r\n\r\n\/* \u7d75\u6587\u5b57\u306f\u3059\u3079\u3066\u30e6\u30cb\u30b3\u30fc\u30c9\u30a8\u30b9\u30b1\u30fc\u30d7\uff08WordPress\u5bfe\u7b56\uff09 *\/\r\nvar EM = {\r\n  soda:\"\\uD83E\\uDEE7\", milk:\"\\uD83E\\uDD5B\", coffee:\"\\u2615\",   lemon:\"\\uD83C\\uDF4B\",\r\n  high:\"\\uD83E\\uDD43\", cock:\"\\uD83C\\uDF79\", wine:\"\\uD83C\\uDF77\", herb:\"\\uD83C\\uDF3F\",\r\n  bean:\"\\uD83E\\uDEDB\", chz:\"\\uD83E\\uDDC0\",  meat:\"\\uD83E\\uDD69\", taco:\"\\uD83C\\uDF2E\",\r\n  ice:\"\\uD83E\\uDDCA\",  sweet:\"\\uD83C\\uDF68\",choco:\"\\uD83C\\uDF6B\",orange:\"\\uD83C\\uDF4A\",\r\n  sweat:\"\\uD83D\\uDCA6\",sun:\"\\u2600\\uFE0F\",  moon:\"\\uD83C\\uDF19\", plane:\"\\u2708\\uFE0F\",\r\n  dash:\"\\uD83D\\uDCA8\", talk:\"\\uD83D\\uDCAC\", glassh:\"\\u23F3\",     cheers:\"\\uD83E\\uDD42\",\r\n  city:\"\\uD83C\\uDF07\", wash:\"\\uD83E\\uDDFA\", wood:\"\\uD83E\\uDEB5\", chili:\"\\uD83C\\uDF36\\uFE0F\",\r\n  star:\"\\u2B50\",       candle:\"\\uD83D\\uDD6F\\uFE0F\", dish:\"\\uD83C\\uDF7D\\uFE0F\", door:\"\\uD83D\\uDEAA\"\r\n};\r\n\r\nvar QUESTIONS = [\r\n { theme:\"\u8eab\u8fd1\u306a\u98f2\u307f\u7269\",\r\n   q:\"\u30ab\u30d5\u30a7\u3084\u30b3\u30f3\u30d3\u30cb\u3067\u3001\u306a\u3093\u3068\u306a\u304f\u624b\u306b\u53d6\u3063\u3066\u3057\u307e\u3046\u98f2\u307f\u7269\u306f\uff1f\",\r\n   c:[{t:1,em:EM.soda,x:\"\u70ad\u9178\u6c34\u3084\u30bd\u30fc\u30c0\u3002\u30b7\u30e5\u30ef\u30c3\u3068\u723d\u5feb\u306a\u3082\u306e\"},\r\n      {t:2,em:EM.milk,x:\"\u30ab\u30d5\u30a7\u30e9\u30c6\u3084\u30df\u30eb\u30af\u30c6\u30a3\u30fc\u3002\u307e\u308d\u3084\u304b\u3067\u7518\u3081\u306e\u3082\u306e\"},\r\n      {t:3,em:EM.coffee,x:\"\u30d6\u30e9\u30c3\u30af\u30b3\u30fc\u30d2\u30fc\u3084\u6fc3\u3044\u62b9\u8336\u3002\u3057\u3063\u304b\u308a\u6fc3\u3044\u3082\u306e\"},\r\n      {t:4,em:EM.lemon,x:\"\u30b0\u30ec\u30fc\u30d7\u30d5\u30eb\u30fc\u30c4\u3084\u30ec\u30e2\u30f3\u306e\u30b8\u30e5\u30fc\u30b9\u3002\u3055\u3063\u3071\u308a\u679c\u5b9f\u7cfb\"}]},\r\n { theme:\"\u6700\u521d\u306e1\u676f\u306e\u304a\u9152\",\r\n   q:\"\u5c45\u9152\u5c4b\u3084\u30d0\u30fc\u3067\u3001\u6700\u521d\u306e1\u676f\u306b\u983c\u307f\u305f\u3044\u306e\u306f\uff1f\",\r\n   c:[{t:1,em:EM.high,x:\"\u30ec\u30e2\u30f3\u30b5\u30ef\u30fc\u3084\u30cf\u30a4\u30dc\u30fc\u30eb\u3002\u3059\u3063\u304d\u308a\u70ad\u9178\u7cfb\"},\r\n      {t:2,em:EM.cock,x:\"\u30ab\u30b7\u30b9\u30aa\u30ec\u30f3\u30b8\u3084\u30ab\u30eb\u30fc\u30a2\u30df\u30eb\u30af\u3002\u7518\u304f\u3066\u98f2\u307f\u3084\u3059\u3044\u3082\u306e\"},\r\n      {t:3,em:EM.wine,x:\"\u8d64\u30ef\u30a4\u30f3\u3084\u30a6\u30a4\u30b9\u30ad\u30fc\u3002\u3058\u3063\u304f\u308a\u5473\u308f\u3046\u3082\u306e\"},\r\n      {t:4,em:EM.herb,x:\"\u30e2\u30d2\u30fc\u30c8\u3084\u30b8\u30f3\u30c8\u30cb\u30c3\u30af\u3002\u9999\u308a\u304c\u723d\u3084\u304b\u306a\u3082\u306e\"}]},\r\n { theme:\"\u304a\u3064\u307e\u307f\",\r\n   q:\"\u76ee\u306e\u524d\u306b\u3001\u304a\u3064\u307e\u307f\u304c4\u76bf\u3002\u307e\u305a\u624b\u304c\u4f38\u3073\u308b\u306e\u306f\uff1f\",\r\n   c:[{t:1,em:EM.bean,x:\"\u5869\u306e\u304d\u3044\u305f\u679d\u8c46\u3068\u3001\u713c\u304d\u305f\u3066\u306e\u5869\u713c\u304d\u9ce5\"},\r\n      {t:2,em:EM.chz,x:\"\u3068\u308d\u308a\u3068\u6eb6\u3051\u305f\u30ab\u30de\u30f3\u30d9\u30fc\u30eb\u30c1\u30fc\u30ba\"},\r\n      {t:3,em:EM.meat,x:\"\u30b8\u30e5\u30fc\u30b8\u30e5\u30fc\u97f3\u3092\u7acb\u3066\u3066\u3044\u308b\u30b9\u30c6\u30fc\u30ad\"},\r\n      {t:4,em:EM.taco,x:\"\u30b9\u30d1\u30a4\u30b9\u306e\u9999\u308a\u304c\u7acb\u3061\u306e\u307c\u308b\u30bf\u30b3\u30b9\"}]},\r\n { theme:\"\u307b\u308d\u82e6\u3055\u306e\u597d\u307f\",\r\n   q:\"\u98df\u4e8b\u306e\u3042\u3068\u3001\u7de0\u3081\u306b\u6b32\u3057\u304f\u306a\u308b\u306e\u306f\uff1f\",\r\n   c:[{t:1,em:EM.ice,x:\"\u3055\u3063\u3071\u308a\u3002\u6c37\u305f\u3063\u3077\u308a\u306e\u70ad\u9178\u7cfb\u304b\u3001\u30b7\u30e3\u30fc\u30d9\u30c3\u30c8\"},\r\n      {t:2,em:EM.sweet,x:\"\u7518\u3044\u3082\u306e\u3002\u30d0\u30cb\u30e9\u30a2\u30a4\u30b9\u3084\u3001\u30c7\u30b6\u30fc\u30c8\u307f\u305f\u3044\u306a\u4e00\u676f\"},\r\n      {t:3,em:EM.choco,x:\"\u6fc3\u539a\u306a\u3082\u306e\u3002\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\u3084\u3001\u9999\u3070\u3057\u3044\u30b3\u30fc\u30d2\u30fc\"},\r\n      {t:4,em:EM.orange,x:\"\u723d\u3084\u304b\u306a\u67d1\u6a58\u7cfb\u3002\u30ec\u30e2\u30f3\u3084\u30b0\u30ec\u30fc\u30d7\u30d5\u30eb\u30fc\u30c4\u306e\u9999\u308a\"}]},\r\n { theme:\"\u4e7e\u676f\u3057\u305f\u3044\u77ac\u9593\",\r\n   q:\"\u300c\u3042\u30fc\u3001\u4e00\u676f\u98f2\u307f\u305f\u3044\uff01\u300d\u3068\u3044\u3061\u3070\u3093\u601d\u3046\u77ac\u9593\u306f\uff1f\",\r\n   c:[{t:1,em:EM.sweat,x:\"\u52d5\u3044\u3066\u6c57\u3092\u304b\u3044\u305f\u3042\u3068\u3002\u3068\u306b\u304b\u304f\u5589\u304c\u6e07\u3044\u3066\u3044\u308b\u6642\"},\r\n      {t:2,em:EM.sun,x:\"\u4f11\u65e5\u306e\u663c\u4e0b\u304c\u308a\u3002\u65e5\u5dee\u3057\u306e\u5165\u308b\u7a93\u8fba\u3067\u3001\u4f55\u3082\u3057\u306a\u3044\u6642\u9593\"},\r\n      {t:3,em:EM.moon,x:\"\u4e00\u65e5\u306e\u7d42\u308f\u308a\u3002\u9759\u304b\u306a\u90e8\u5c4b\u3067\u3001\u3072\u3068\u308a\u306e\u6642\u9593\"},\r\n      {t:4,em:EM.plane,x:\"\u65c5\u5148\u3084\u521d\u3081\u3066\u306e\u304a\u5e97\u3002\u308f\u304f\u308f\u304f\u3057\u3066\u3044\u308b\u6642\"}]},\r\n { theme:\"\u98f2\u3080\u30da\u30fc\u30b9\",\r\n   q:\"\u304a\u9152\u3092\u98f2\u3080\u3068\u304d\u3001\u7406\u60f3\u306e\u30da\u30fc\u30b9\u306f\uff1f\",\r\n   c:[{t:1,em:EM.dash,x:\"\u51b7\u305f\u3044\u3082\u306e\u3092\u3001\u30b4\u30af\u30b4\u30af\u6c17\u6301\u3061\u3088\u304f\"},\r\n      {t:2,em:EM.talk,x:\"\u306e\u3093\u3073\u308a2\u676f\u304f\u3089\u3044\u3002\u304a\u3057\u3083\u3079\u308a\u3057\u306a\u304c\u3089\"},\r\n      {t:3,em:EM.glassh,x:\"1\u676f\u3092\u3001\u6642\u9593\u3092\u304b\u3051\u3066\u3058\u3063\u304f\u308a\"},\r\n      {t:4,em:EM.cheers,x:\"\u5c11\u3057\u305a\u3064\u3044\u308d\u3044\u308d\u3002\u98f2\u307f\u6bd4\u3079\u3066\u307f\u305f\u3044\"}]},\r\n { theme:\"\u65e5\u5e38\u306e\u3044\u3044\u5302\u3044\",\r\n   q:\"\u3075\u3068\u300c\u3044\u3044\u5302\u3044\u300d\u3068\u611f\u3058\u3066\u3001\u7acb\u3061\u6b62\u307e\u3063\u3066\u3057\u307e\u3046\u306e\u306f\u3069\u308c\uff1f\",\r\n   c:[{t:1,em:EM.city,x:\"\u590f\u306e\u5915\u65b9\u3001\u6253\u3061\u6c34\u3092\u3057\u305f\u30a2\u30b9\u30d5\u30a1\u30eb\u30c8\"},\r\n      {t:2,em:EM.wash,x:\"\u3088\u304f\u6674\u308c\u305f\u65e5\u306b\u53d6\u308a\u8fbc\u3093\u3060\u3001\u6d17\u6fef\u7269\"},\r\n      {t:3,em:EM.wood,x:\"\u79cb\u306e\u591c\u3001\u3069\u3053\u304b\u3089\u304b\u6f02\u3063\u3066\u304f\u308b\u711a\u304d\u706b\u306e\u7159\"},\r\n      {t:4,em:EM.chili,x:\"\u65c5\u5148\u306e\u5e02\u5834\u3067\u55c5\u3044\u3060\u3001\u540d\u524d\u3082\u77e5\u3089\u306a\u3044\u30b9\u30d1\u30a4\u30b9\"}]},\r\n { theme:\"\u65c5\u5148\u306e\u5e97\u9078\u3073\",\r\n   q:\"\u65c5\u884c\u5148\u3067\u306e\u5915\u98df\u3002\u304a\u5e97\u306f\u3069\u3046\u9078\u3076\uff1f\",\r\n   c:[{t:1,em:EM.star,x:\"\u4e8b\u524d\u306b\u8abf\u3079\u305f\u3001\u8a55\u4fa1\u306e\u9ad8\u3044\u6709\u540d\u5e97\"},\r\n      {t:2,em:EM.candle,x:\"\u96f0\u56f2\u6c17\u304c\u826f\u3055\u305d\u3046\u3067\u3001\u5c45\u5fc3\u5730\u306e\u826f\u3055\u305d\u3046\u306a\u5e97\"},\r\n      {t:3,em:EM.dish,x:\"\u305d\u306e\u571f\u5730\u306e\u540d\u7269\u3092\u3001\u304c\u3063\u3064\u308a\u51fa\u3057\u3066\u304f\u308c\u308b\u5e97\"},\r\n      {t:4,em:EM.door,x:\"\u5730\u5143\u306e\u4eba\u3057\u304b\u3044\u306a\u3044\u3001\u770b\u677f\u3082\u3088\u304f\u8aad\u3081\u306a\u3044\u5e97\"}]}\r\n];\r\n\r\nvar ROOT=null, quizEl=null, pourEl=null, overlay=null;\r\nvar ORDERS=[], answers=[], cur=0, redirecting=false, ready=false;\r\n\r\nfunction byId(id){ return document.getElementById(id); }\r\nfunction trim(s){ return s.replace(\/^\\s+\/,\"\").replace(\/\\s+$\/,\"\"); }\r\nfunction pad2(n){ var s = \"\" + n; if(s.length === 1){ s = \"0\" + s; } return s; }\r\nfunction nulls(n){ var a=[], i; for(i=0;i<n;i+=1){ a.push(null); } return a; }\r\nfunction hasCls(el,c){\r\n  if(!el){ return false; }\r\n  return ((\" \" + el.className + \" \").indexOf(\" \" + c + \" \") !== -1);\r\n}\r\nfunction addCls(el,c){\r\n  if(!el){ return; }\r\n  if(hasCls(el,c)){ return; }\r\n  if(el.className === \"\"){ el.className = c; return; }\r\n  el.className = el.className + \" \" + c;\r\n}\r\nfunction delCls(el,c){\r\n  if(!el){ return; }\r\n  el.className = trim((\" \" + el.className + \" \").split(\" \" + c + \" \").join(\" \"));\r\n}\r\nfunction lockScroll(){ addCls(document.documentElement,\"bq-lock\"); addCls(document.body,\"bq-lock\"); }\r\nfunction unlockScroll(){ delCls(document.documentElement,\"bq-lock\"); delCls(document.body,\"bq-lock\"); }\r\nfunction quizOn(){ addCls(document.documentElement,\"bq-quiz\"); }\r\nfunction quizOff(){ delCls(document.documentElement,\"bq-quiz\"); }\r\nfunction scrollTopOfApp(){\r\n  try{\r\n    window.scrollTo(0,0);\r\n    var top = ROOT.getBoundingClientRect().top + (window.pageYOffset ? window.pageYOffset : 0);\r\n    window.scrollTo(0, Math.max(0, top));\r\n  }catch(e){}\r\n}\r\nfunction inQuizBody(el){\r\n  while(el){\r\n    if(el.nodeType === 1){\r\n      if(hasCls(el,\"quiz-body\")){ return el; }\r\n    }\r\n    el = el.parentNode;\r\n  }\r\n  return null;\r\n}\r\nfunction onTouchMove(e){\r\n  var t = e.target; if(!t){ t = e.srcElement; }\r\n  var sc = inQuizBody(t);\r\n  if(!sc){ e.preventDefault(); return; }\r\n  if(sc.scrollHeight <= sc.clientHeight){ e.preventDefault(); }\r\n}\r\nfunction blockTouch(el){\r\n  if(!el){ return; }\r\n  if(!el.addEventListener){ return; }\r\n  try{ el.addEventListener(\"touchmove\", onTouchMove, {passive:false}); }\r\n  catch(err){ el.addEventListener(\"touchmove\", onTouchMove, false); }\r\n}\r\n\r\nfunction openAbout(){ if(overlay){ addCls(overlay,\"show\"); lockScroll(); } return false; }\r\nfunction closeAbout(){ if(overlay){ delCls(overlay,\"show\"); unlockScroll(); } return false; }\r\n\r\nfunction makeOrders(){\r\n  var res=[], i, j, k, tmp, a;\r\n  for(i=0;i<QUESTIONS.length;i+=1){\r\n    a=[];\r\n    for(k=0;k<QUESTIONS[i].c.length;k+=1){ a.push(k); }\r\n    for(j=a.length-1;j>0;j-=1){\r\n      k = Math.floor(Math.random()*(j+1));\r\n      tmp = a[j]; a[j] = a[k]; a[k] = tmp;\r\n    }\r\n    res.push(a);\r\n  }\r\n  return res;\r\n}\r\n\r\nfunction resetQuizState(){\r\n  answers = nulls(QUESTIONS.length);\r\n  cur = 0;\r\n  redirecting = false;\r\n  ORDERS = makeOrders();\r\n  var fill = byId(\"bqFill\"); if(fill){ fill.style.width = \"0%\"; }\r\n  var liq  = byId(\"bqLiq\");  if(liq){ liq.style.height = \"0%\"; }\r\n  var cnt  = byId(\"bqCounter\"); if(cnt){ cnt.innerHTML = \"Q1 \/ \" + QUESTIONS.length; }\r\n  var card = byId(\"bqCard\"); if(card){ card.innerHTML = \"\"; }\r\n  var man  = byId(\"bqManual\"); if(man){ delCls(man,\"show\"); }\r\n}\r\n\r\nfunction startQuiz(){\r\n  if(!ready){ return false; }\r\n  closeAbout();\r\n  resetQuizState();\r\n  var st = byId(\"bqStart\"); if(st){ st.style.display = \"none\"; }\r\n  lockScroll();\r\n  quizOn();\r\n  addCls(quizEl,\"on\");\r\n  render();\r\n  return false;\r\n}\r\nfunction backToStart(){\r\n  delCls(quizEl,\"on\");\r\n  delCls(pourEl,\"on\");\r\n  quizOff();\r\n  unlockScroll();\r\n  resetQuizState();\r\n  var st = byId(\"bqStart\"); if(st){ st.style.display = \"\"; }\r\n  scrollTopOfApp();\r\n  return false;\r\n}\r\nfunction onPrev(){\r\n  if(redirecting){ return false; }\r\n  if(cur > 0){ cur -= 1; render(); return false; }\r\n  return backToStart();\r\n}\r\n\r\nfunction render(){\r\n  var q = QUESTIONS[cur], order = ORDERS[cur], i, c, done = 0, p, html, btns, b;\r\n\r\n  var cnt = byId(\"bqCounter\");\r\n  if(cnt){ cnt.innerHTML = \"Q\" + (cur+1) + \" \/ \" + QUESTIONS.length; }\r\n\r\n  for(i=0;i<answers.length;i+=1){ if(answers[i] !== null){ done += 1; } }\r\n  p = Math.round(done \/ QUESTIONS.length * 100);\r\n  var fill = byId(\"bqFill\"); if(fill){ fill.style.width = p + \"%\"; }\r\n  var liq  = byId(\"bqLiq\");  if(liq){ liq.style.height = Math.max(6, p * 0.86) + \"%\"; }\r\n\r\n  var prev = byId(\"bqPrevBtn\");\r\n  if(prev){\r\n    if(cur === 0){ prev.innerHTML = \"\\u2191 \u30c8\u30c3\u30d7\u306b\u623b\u308b\"; }\r\n    else { prev.innerHTML = \"\\u2190 \u3072\u3068\u3064\u524d\u3078\"; }\r\n  }\r\n\r\n  html = \"<div class=qinner>\" +\r\n         \"<div class=qno>QUESTION \" + pad2(cur+1) + \" \/ \" + pad2(QUESTIONS.length) + \"<\/div>\" +\r\n         \"<div class=qtheme>\" + DASH + \" \" + q.theme + \" \" + DASH + \"<\/div>\" +\r\n         \"<p class=qtext>\" + q.q + \"<\/p><div class=opts>\";\r\n  for(i=0;i<order.length;i+=1){\r\n    c = q.c[order[i]];\r\n    html += \"<button type=button class=opt data-t=\" + c.t + \">\" +\r\n            \"<span class=em>\" + c.em + \"<\/span><span>\" + c.x + \"<\/span><\/button>\";\r\n  }\r\n  html += \"<\/div><\/div>\";\r\n\r\n  var cardEl = byId(\"bqCard\");\r\n  if(!cardEl){ return; }\r\n  cardEl.innerHTML = html;\r\n\r\n  btns = cardEl.getElementsByTagName(\"button\");\r\n  for(i=0;i<btns.length;i+=1){\r\n    b = btns[i];\r\n    if(parseInt(b.getAttribute(\"data-t\"),10) === answers[cur]){ addCls(b,\"sel\"); }\r\n    b.onclick = (function(node){\r\n      return function(ev){ if(ev){ ev.bqDone = true; } choose(node); return false; };\r\n    })(b);\r\n  }\r\n}\r\n\r\nfunction choose(btn){\r\n  if(redirecting){ return; }\r\n  if(!btn){ return; }\r\n  var t = parseInt(btn.getAttribute(\"data-t\"),10);\r\n  if(!t){ return; }\r\n  answers[cur] = t;\r\n  var sib = btn.parentNode ? btn.parentNode.getElementsByTagName(\"button\") : [];\r\n  var i;\r\n  for(i=0;i<sib.length;i+=1){ delCls(sib[i],\"sel\"); }\r\n  addCls(btn,\"sel\");\r\n  setTimeout(function(){\r\n    if(cur < QUESTIONS.length - 1){ cur += 1; render(); return; }\r\n    pourThenRedirect();\r\n  }, 240);\r\n}\r\n\r\nfunction score(){\r\n  var sc = {1:0,2:0,3:0,4:0}, i;\r\n  for(i=0;i<answers.length;i+=1){ if(answers[i]){ sc[answers[i]] += 2; } }\r\n  var q4 = answers[3], q2 = answers[1];\r\n  var order = [1,2,3,4];\r\n  order.sort(function(a,b){\r\n    if(sc[b] !== sc[a]){ return sc[b] - sc[a]; }\r\n    if(a === q4){ if(b !== q4){ return -1; } }\r\n    if(b === q4){ if(a !== q4){ return 1; } }\r\n    if(a === q2){ if(b !== q2){ return -1; } }\r\n    if(b === q2){ if(a !== q2){ return 1; } }\r\n    return a - b;\r\n  });\r\n  var tied = false;\r\n  if(sc[1] === sc[2]){ if(sc[2] === sc[3]){ if(sc[3] === sc[4]){ tied = true; } } }\r\n  if(tied){ order = [1,2,3,4]; }\r\n  return { sc:sc, order:order, tied:tied };\r\n}\r\n\r\nfunction pourThenRedirect(){\r\n  if(redirecting){ return; }\r\n  redirecting = true;\r\n\r\n  var fill = byId(\"bqFill\"); if(fill){ fill.style.width = \"100%\"; }\r\n  var liq  = byId(\"bqLiq\");  if(liq){ liq.style.height = \"86%\"; }\r\n\r\n  var r = score();\r\n  var top = r.order[0], sub = r.order[1];\r\n  var url = RESULT_URLS[top];\r\n  if(!url){ url = RESULT_URLS[1]; }\r\n\r\n  try{\r\n    if(window.sessionStorage){\r\n      sessionStorage.setItem(\"bqType\", TYPE_KEYS[top]);\r\n      sessionStorage.setItem(\"bqSub\",  TYPE_KEYS[sub]);\r\n    }\r\n  }catch(e){}\r\n\r\n  var manual = byId(\"bqManual\");\r\n  if(manual){ manual.href = url; }\r\n\r\n  setTimeout(function(){\r\n    delCls(quizEl,\"on\");\r\n    addCls(pourEl,\"on\");\r\n    setTimeout(function(){\r\n      unlockScroll();\r\n      try{ window.location.href = url; }catch(e){ try{ window.location.assign(url); }catch(e2){} }\r\n      setTimeout(function(){ if(manual){ addCls(manual,\"show\"); } }, 1800);\r\n    }, POUR_MS);\r\n  }, 260);\r\n}\r\n\r\nfunction hook(id, fn){\r\n  var el = byId(id);\r\n  if(!el){ return; }\r\n  el.onclick = function(ev){ if(ev){ ev.bqDone = true; } fn(); return false; };\r\n}\r\n\r\nfunction init(){\r\n  ROOT    = byId(\"bq\");\r\n  quizEl  = byId(\"bqQuiz\");\r\n  pourEl  = byId(\"bqPour\");\r\n  overlay = byId(\"bqAboutOverlay\");\r\n  if(!ROOT){ return; }\r\n  if(!quizEl){ return; }\r\n  if(!pourEl){ return; }\r\n  if(window.bqInited){ return; }\r\n  window.bqInited = true;\r\n\r\n  if(\"scrollRestoration\" in history){ try{ history.scrollRestoration = \"manual\"; }catch(e){} }\r\n\r\n  blockTouch(quizEl);\r\n  blockTouch(pourEl);\r\n  resetQuizState();\r\n  ready = true;\r\n\r\n  hook(\"bqStartBtn\", startQuiz);\r\n  hook(\"bqAboutStart\", startQuiz);\r\n  hook(\"bqAboutBtn\", openAbout);\r\n  hook(\"bqAboutClose\", closeAbout);\r\n  hook(\"bqPrevBtn\", onPrev);\r\n\r\n  \/* \u4fdd\u967a\uff1adocument \u3078\u306e\u59d4\u8b72 *\/\r\n  document.onclick = (function(prev){\r\n    return function(ev){\r\n      if(!ev){ ev = window.event; }\r\n      var t = ev.target; if(!t){ t = ev.srcElement; }\r\n      if(!ev.bqDone){\r\n        while(t){\r\n          if(t.nodeType === 1){\r\n            if(t.id === \"bqStartBtn\"){ ev.bqDone = true; startQuiz(); break; }\r\n            if(t.id === \"bqAboutStart\"){ ev.bqDone = true; startQuiz(); break; }\r\n            if(t.id === \"bqAboutBtn\"){ ev.bqDone = true; openAbout(); break; }\r\n            if(t.id === \"bqAboutClose\"){ ev.bqDone = true; closeAbout(); break; }\r\n            if(t.id === \"bqPrevBtn\"){ ev.bqDone = true; onPrev(); break; }\r\n            if(hasCls(t,\"opt\")){ ev.bqDone = true; choose(t); break; }\r\n            if(t === overlay){ ev.bqDone = true; closeAbout(); break; }\r\n          }\r\n          t = t.parentNode;\r\n        }\r\n      }\r\n      if(typeof prev === \"function\"){ try{ prev(ev); }catch(err){} }\r\n    };\r\n  })(document.onclick);\r\n\r\n  \/* \u4fdd\u967a\uff1ainline onclick \u7528 *\/\r\n  window.bqStartQuiz  = startQuiz;\r\n  window.bqOpenAbout  = openAbout;\r\n  window.bqCloseAbout = closeAbout;\r\n  window.bqPrev       = onPrev;\r\n  window.BQ_READY     = true;\r\n\r\n  if(window.addEventListener){\r\n    window.addEventListener(\"pageshow\", function(ev){\r\n      if(ev){ if(ev.persisted){ backToStart(); } }\r\n    }, false);\r\n  }\r\n}\r\n\r\nvar rs = document.readyState, go = false;\r\nif(rs === \"complete\"){ go = true; }\r\nif(rs === \"interactive\"){ go = true; }\r\nif(go){ setTimeout(init, 0); }\r\nelse if(document.addEventListener){ document.addEventListener(\"DOMContentLoaded\", init, false); }\r\nelse { window.onload = init; }\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad \ud83c\udf7b 8\u554f\u3067\u3042\u306a\u305f\u306e1\u676f\u304c\u308f\u304b\u308b \ud83c\udf7b 8\u554f\u3067\u308f\u304b\u308b\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad \u30ad\u30ea\u30c3\u3068\u723d\u5feb [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1974","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages\/1974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/comments?post=1974"}],"version-history":[{"count":64,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages\/1974\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages\/1974\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/media?parent=1974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}