{"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-09-07T14:28:10","modified_gmt":"2026-09-07T05:28:10","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":"\r\n\r\n\r\n\r\n\r\n\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\n\/* \u30af\u30a4\u30ba\u4e2d\uff1a\u80cc\u9762\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u307f\u30ed\u30c3\u30af *\/\r\nhtml.bq-lock, body.bq-lock{ overflow:hidden !important; overscroll-behavior:none !important; }\r\n\r\n\/* \u30af\u30a4\u30ba\uff0f\u6ce8\u304e\u6f14\u51fa\u4e2d\uff1a\u753b\u9762\u5168\u4f53\u3092\u8986\u3046\u80cc\u666f\uff08\u4e0b\u90e8\u306e\u9699\u9593\u5bfe\u7b56\uff09 *\/\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:var(--ink);background:var(--paper);\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 h4,#bq h5,#bq p,#bq ul,#bq ol,#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 h4,#bq h5,#bq p,#bq .qcard{border:0 !important;background-image:none !important}\r\n#bqQuiz p,#bqQuiz .qcard{border:0 !important;background-image:none !important}\r\n#bq .card{border:0 !important}\r\n#bq h1::before,#bq h1::after,#bq h2::before,#bq h2::after,#bq h3::before,#bq h3::after,\r\n#bq h4::before,#bq h4::after,#bq p::before,#bq p::after,#bq .card::before,#bq .qcard::before,\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 .hero,#bq .hero *,#bq .card,#bq .card p,#bq .card h3,#bq .card li,\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;text-wrap:balance}\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;text-wrap:balance}\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\uff1a\u56fa\u5b9a\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff08\u753b\u9762\u5168\u4f53\u3092\u9699\u9593\u306a\u304f\u8986\u3046\uff09 ===== *\/\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;text-wrap:balance;\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\r\n\/* ===== RESULT ===== *\/\r\n#bq #bqResult{display:none}\r\n#bq .hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;\r\n background-color:#c2611c;\r\n background-image:linear-gradient(160deg,rgba(0,0,0,.08),rgba(0,0,0,.26)),linear-gradient(160deg,var(--g1),var(--g2));\r\n padding:clamp(40px,7vh,70px) 18px clamp(60px,10vh,100px);position:relative;overflow:hidden}\r\n#bq .hero::after{content:\"\";position:absolute;left:-10%;right:-10%;bottom:-40px;height:120px;\r\n background:var(--paper);border-radius:50% 50% 0 0}\r\n#bq .hero > *{position:relative;z-index:2;width:100%}\r\n#bq .hero .kicker{font-size:clamp(11px,1.6vh,13px);font-weight:900;letter-spacing:.2em;opacity:.95;\r\n text-shadow:0 2px 8px rgba(0,0,0,.3)}\r\n#bq .hero .face{font-size:clamp(56px,12vh,90px);line-height:1;margin:clamp(6px,1.4vh,12px) 0 4px;\r\n filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));animation:bqBob 3s ease-in-out infinite}\r\n#bq .hero .tnum{display:inline-block;font-size:clamp(13px,3.6vw,16px);font-weight:900;\r\n background:rgba(0,0,0,.2);border-radius:999px;padding:5px 15px;margin-bottom:8px;\r\n box-shadow:0 0 0 1px rgba(255,255,255,.5) inset;text-shadow:0 1px 6px rgba(0,0,0,.3)}\r\n#bq .tname{display:block;margin:6px auto 2px;max-width:19em}\r\n#bq .tname .l1,#bq .tname .l2{display:block;font-weight:800;text-align:center !important;\r\n opacity:0;transform:translateY(18px);animation:bqNameIn .85s cubic-bezier(.2,.75,.25,1) forwards}\r\n#bq .tname .l1{font-size:clamp(14.5px,4.1vw,20px);line-height:1.6;\r\n text-shadow:0 2px 10px rgba(0,0,0,.32);animation-delay:.15s}\r\n#bq .tname .l2{font-size:clamp(22px,6.4vw,38px);line-height:1.35;margin-top:6px;\r\n text-shadow:0 3px 16px rgba(0,0,0,.36);animation-delay:.45s}\r\n@keyframes bqNameIn{\r\n 0%{opacity:0;transform:translateY(18px) scale(.985);letter-spacing:.14em;filter:blur(3px)}\r\n 60%{opacity:1;filter:blur(0)}\r\n 100%{opacity:1;transform:translateY(0) scale(1);letter-spacing:.02em;filter:blur(0)}}\r\n#bq .hero .catch{font-size:clamp(13px,3.6vw,15px);font-weight:700;line-height:1.85;max-width:22em;\r\n margin:clamp(10px,1.8vh,16px) auto 0;text-shadow:0 2px 10px rgba(0,0,0,.32);text-wrap:balance;\r\n opacity:0;animation:bqNameIn .8s ease .8s forwards}\r\n#bq .hero .style{display:inline-block;margin-top:clamp(12px,2vh,18px);background:rgba(0,0,0,.18);border-radius:999px;\r\n padding:10px 18px;font-size:clamp(11.5px,3.2vw,13px);font-weight:800;\r\n text-shadow:0 1px 6px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset;\r\n opacity:0;animation:bqNameIn .8s ease 1.05s forwards}\r\n#bq .mixbadge{display:inline-block;margin-top:12px;background:#fff;color:#8a4a18;border-radius:999px;\r\n padding:8px 16px;font-size:clamp(11px,3vw,12.5px);font-weight:900;box-shadow:0 6px 16px rgba(0,0,0,.22);\r\n opacity:0;animation:bqNameIn .8s ease 1.25s forwards}\r\n#bq .scrolldown{margin:clamp(18px,3.2vh,30px) auto 0;max-width:20em;font-size:clamp(12.5px,3.5vw,15px);\r\n font-weight:800;line-height:1.75;text-shadow:0 2px 12px rgba(0,0,0,.38);text-wrap:balance;\r\n opacity:0;animation:bqNameIn .8s ease 1.45s forwards}\r\n#bq .scroll-arrow{margin-top:8px;font-size:clamp(17px,2.5vh,21px);font-weight:900;line-height:1;\r\n text-shadow:0 2px 10px rgba(0,0,0,.32);animation:bqDown 1.6s ease-in-out 1.6s infinite}\r\n@keyframes bqDown{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(9px);opacity:1}}\r\n\r\n#bq .sect{padding:clamp(24px,4.4vh,42px) 0}\r\n#bq .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}\r\n#bq .reveal.on{opacity:1;transform:none}\r\n#bq .card{background:var(--card);border-radius:24px;padding:clamp(20px,3.4vh,26px) clamp(16px,4.5vw,22px);\r\n box-shadow:0 14px 34px rgba(36,28,23,.08),0 0 0 1px var(--line)}\r\n#bq .card h3{display:flex;align-items:center;justify-content:center;gap:9px;font-size:clamp(16px,4.5vw,19px);\r\n margin:0 0 15px;font-weight:800;flex-wrap:wrap;line-height:1.5}\r\n#bq .card h3 .ico{font-size:clamp(21px,5.8vw,26px)}\r\n#bq .card p{margin:0 auto;font-size:clamp(13.5px,3.7vw,15px);line-height:1.95;color:#3b312a;max-width:32em;text-wrap:balance}\r\n#bq .tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}\r\n#bq .tag{background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font-size:clamp(11.5px,3.2vw,13px);\r\n font-weight:800;padding:8px 14px;border-radius:999px;text-shadow:0 1px 4px rgba(0,0,0,.25)}\r\n#bq .ilist{display:flex;flex-direction:column;gap:9px;align-items:center}\r\n#bq .ilist li{font-size:clamp(13.5px,3.7vw,15px);font-weight:700;color:#3b312a;line-height:1.7}\r\n#bq .plist li{background:#fffaf0;border-radius:12px;padding:9px 16px;box-shadow:0 0 0 1px var(--line) inset;\r\n min-width:min(100%,220px)}\r\n#bq .pnote{margin-top:14px !important;font-size:clamp(12.5px,3.4vw,13.5px) !important;color:#8a5a2b !important;\r\n font-weight:700;line-height:1.85}\r\n#bq .chart{display:grid;gap:11px;max-width:340px;margin:0 auto}\r\n#bq .crow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;\r\n font-size:clamp(12.5px,3.4vw,14px)}\r\n#bq .crow .lb{color:var(--sub);flex:0 0 5.5em;text-align:left !important}\r\n#bq .stars{font-size:clamp(15px,4.2vw,18px);letter-spacing:.08em;color:#e0d3c2}\r\n#bq .stars .on{color:#f5a623}\r\n\r\n#bq .drinkbox{max-width:34em;margin:0 auto}\r\n#bq .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n#bq .dtile{background:#fffaf0;border-radius:16px;padding:16px 12px 18px;box-shadow:0 0 0 1px var(--line) inset}\r\n#bq .dtile .dl{display:block;font-size:clamp(11px,3vw,12px);font-weight:700;color:var(--sub);\r\n letter-spacing:.22em;margin-bottom:9px}\r\n#bq .dtile .dv{display:block;font-weight:900;line-height:1.45}\r\n#bq .dtile.temp .dv{color:var(--g2);font-size:clamp(19px,5.4vw,25px)}\r\n#bq .dtile.glassv .dv{color:#3b312a;font-size:clamp(14px,3.9vw,17px)}\r\n#bq .dtips{list-style:none;margin-top:16px !important;display:grid;gap:2px}\r\n#bq .dtips li{position:relative;display:block;text-align:left !important;padding:9px 6px 9px 26px;\r\n font-size:clamp(13px,3.6vw,14.5px);font-weight:700;color:#3b312a;line-height:1.85}\r\n#bq .dtips li::before{content:\"\" !important;display:block !important;position:absolute;\r\n left:8px;top:1.05em;width:7px;height:7px;border-radius:50%;background:#d8c8b4 !important}\r\n\r\n#bq .nextcard{background:#fff8ec !important;box-shadow:0 0 0 2px #ffdca8 inset !important}\r\n#bq .nextcard .nx{font-size:clamp(14.5px,4vw,17px);font-weight:900;color:var(--accent);margin-bottom:8px}\r\n#bq .findbox{font-size:clamp(13.5px,3.7vw,15px);line-height:2;color:#3b312a;max-width:32em;margin:0 auto}\r\n#bq .stylehl{font-weight:900;color:var(--accent);font-size:1.1em;\r\n background:linear-gradient(transparent 62%,rgba(255,196,107,.55) 62%);padding:0 2px}\r\n#bq .styleplate{margin-top:18px;background:#fff8ec;border-radius:16px;padding:15px 16px;\r\n box-shadow:0 0 0 2px #ffdca8 inset}\r\n#bq .styleplate .sl{display:block;font-size:11.5px;font-weight:800;color:var(--sub);letter-spacing:.16em;margin-bottom:7px}\r\n#bq .styleplate .sv{display:block;font-size:clamp(15px,4.2vw,19px);font-weight:900;color:var(--accent);line-height:1.6}\r\n\r\n#bq .card.shopcard{\r\n background-color:#8a4a18 !important;\r\n background-image:linear-gradient(160deg,rgba(0,0,0,.30),rgba(0,0,0,.52)),\r\n linear-gradient(160deg,var(--g1),var(--g2)) !important;\r\n color:#fff !important;box-shadow:0 18px 40px rgba(36,28,23,.28)}\r\n#bq .card.shopcard h3,#bq .card.shopcard p{color:#fff !important;text-shadow:0 2px 10px rgba(0,0,0,.45)}\r\n#bq .shopcard .em{font-size:clamp(36px,10vw,44px);line-height:1;margin-bottom:8px;\r\n filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}\r\n#bq .shopcard h3{font-size:clamp(15.5px,4.3vw,20px)}\r\n#bq .shopbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:17px 22px;\r\n border-radius:999px;background:#fff;color:#7a3b12;font-weight:900;font-size:clamp(13.5px,3.6vw,16.5px);\r\n line-height:1.5;max-width:100%;text-shadow:none;box-shadow:0 10px 26px rgba(0,0,0,.32);transition:.18s}\r\n#bq .shopbtn:hover{transform:translateY(-3px);background:#fffdf7;box-shadow:0 16px 34px rgba(0,0,0,.4)}\r\n#bq .shopnote{display:block;font-size:11.5px;font-weight:700;margin-top:14px;line-height:1.8;\r\n color:rgba(255,255,255,.94) !important;text-shadow:0 1px 6px rgba(0,0,0,.4)}\r\n\r\n#bq .sharebox{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto}\r\n#bq .sharelbl{display:block;width:100%;max-width:none !important;margin:0 auto 16px !important;\r\n text-align:center !important;font-size:12.5px;font-weight:800;color:var(--sub);line-height:1.7}\r\n#bq .share-icons{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin:0 auto}\r\n#bq .s-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;\r\n flex:0 0 auto;box-shadow:0 8px 20px rgba(0,0,0,.24);transition:transform .18s ease,box-shadow .18s ease;\r\n cursor:pointer;-webkit-tap-highlight-color:transparent}\r\n#bq .s-icon svg{width:26px;height:26px;fill:#fff;pointer-events:none}\r\n#bq .s-icon:hover{transform:translateY(-4px) scale(1.07);box-shadow:0 15px 28px rgba(0,0,0,.3)}\r\n#bq .s-icon.x{background:#000}\r\n#bq .s-icon.fb{background:#1877F2;box-shadow:0 8px 20px rgba(24,119,242,.42)}\r\n#bq .s-icon.ln{background:#06C755;box-shadow:0 8px 20px rgba(6,199,85,.42)}\r\n#bq .s-icon.ln svg{width:30px;height:30px}\r\n#bq .againwrap{margin-top:26px;display:flex;justify-content:center}\r\n#bq .againwrap .btn{width:min(100%,320px)}\r\n@media (max-width:360px){ #bq .share-icons{gap:14px} #bq .s-icon{width:54px;height:54px} }\r\n\r\n#bq .cautions{gap:11px}\r\n#bq .cautions li{font-size:12.5px;color:var(--sub);line-height:1.95;font-weight:600;max-width:32em}\r\n#bq .beginner{background:#fff5e0;border-radius:16px;padding:14px 16px;margin:0 auto 16px;max-width:32em;\r\n font-size:clamp(13px,3.6vw,14.5px);font-weight:700;color:#8a5a2b;line-height:1.85;\r\n box-shadow:0 0 0 1px #ffdca8 inset}\r\n@media (max-width:400px){ #bq .dgrid{grid-template-columns:1fr} }\r\n@media (prefers-reduced-motion:reduce){\r\n #bq .tname .l1,#bq .tname .l2,#bq .hero .catch,#bq .hero .style,#bq .mixbadge,#bq .scrolldown,#bqQuiz .qinner{\r\n animation:none !important;opacity:1 !important;transform:none !important;filter:none !important}\r\n}\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\r\n <section id=\"bqResult\">\r\n <div class=\"hero\" id=\"bqHero\"><\/div>\r\n <div class=\"wrap\" id=\"bqDetails\"><\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- \u30af\u30a4\u30ba\uff0f\u6ce8\u304e\u6f14\u51fa\u306f body \u76f4\u4e0b\u306b\u914d\u7f6e\uff08\u89aa\u8981\u7d20\u306e transform \u7b49\u306e\u5f71\u97ff\u3092\u53d7\u3051\u305a\u5168\u753b\u9762\u3092\u8986\u3046\uff09 -->\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\u306e1\u676f\u3092\u6ce8\u3044\u3067\u3044\u307e\u3059<span class=\"pourdot\">\u2026<\/span><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n \"use strict\";\r\n var ROOT = document.getElementById(\"bq\");\r\n if(!ROOT) return;\r\n function byId(id){ return document.getElementById(id); }\r\n function bind(id, ev, fn){ var el = byId(id); if(el) el.addEventListener(ev, fn); }\r\n\r\n if (\"scrollRestoration\" in history){ try{ history.scrollRestoration = \"manual\"; }catch(e){} }\r\n\r\n var DEF_G1 = \"#ffc23d\", DEF_G2 = \"#f2761b\";\r\n\r\n \/* ---------- \u30b9\u30af\u30ed\u30fc\u30eb\u5236\u5fa1 ---------- *\/\r\n function lockScroll(){\r\n document.documentElement.classList.add(\"bq-lock\");\r\n document.body.classList.add(\"bq-lock\");\r\n }\r\n function unlockScroll(){\r\n document.documentElement.classList.remove(\"bq-lock\");\r\n document.body.classList.remove(\"bq-lock\");\r\n }\r\n function quizModeOn(){ document.documentElement.classList.add(\"bq-quiz\"); }\r\n function quizModeOff(){ document.documentElement.classList.remove(\"bq-quiz\"); }\r\n function blockTouch(el){\r\n if(!el) return;\r\n el.addEventListener(\"touchmove\", function(e){\r\n var sc = (e.target && e.target.closest) ? e.target.closest(\".quiz-body\") : null;\r\n if (!sc || sc.scrollHeight <= sc.clientHeight) e.preventDefault();\r\n }, {passive:false});\r\n }\r\n function scrollTopOfApp(){\r\n window.scrollTo(0,0);\r\n var top = ROOT.getBoundingClientRect().top + (window.pageYOffset || 0);\r\n window.scrollTo(0, Math.max(0, top));\r\n }\r\n\r\n \/* ---------- \u8a2d\u554f\uff08\u51688\u554f\uff09 ---------- *\/\r\n var 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:\"\ud83e\udee7\",x:\"\u70ad\u9178\u6c34\u3084\u30bd\u30fc\u30c0\u3002\u30b7\u30e5\u30ef\u30c3\u3068\u723d\u5feb\u306a\u3082\u306e\"},\r\n {t:2,em:\"\ud83e\udd5b\",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:\"\u2615\",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:\"\ud83c\udf4b\",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:\"\ud83e\udd43\",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:\"\ud83c\udf79\",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:\"\ud83c\udf77\",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:\"\ud83c\udf3f\",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:\"\ud83e\udedb\",x:\"\u5869\u306e\u304d\u3044\u305f\u679d\u8c46\u3068\u3001\u713c\u304d\u305f\u3066\u306e\u5869\u713c\u304d\u9ce5\"},\r\n {t:2,em:\"\ud83e\uddc0\",x:\"\u3068\u308d\u308a\u3068\u6eb6\u3051\u305f\u30ab\u30de\u30f3\u30d9\u30fc\u30eb\u30c1\u30fc\u30ba\"},\r\n {t:3,em:\"\ud83e\udd69\",x:\"\u30b8\u30e5\u30fc\u30b8\u30e5\u30fc\u97f3\u3092\u7acb\u3066\u3066\u3044\u308b\u30b9\u30c6\u30fc\u30ad\"},\r\n {t:4,em:\"\ud83c\udf2e\",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:\"\ud83e\uddca\",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:\"\ud83c\udf68\",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:\"\ud83c\udf6b\",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:\"\ud83c\udf4a\",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:\"\ud83d\udca6\",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:\"\u2600\ufe0f\",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:\"\ud83c\udf19\",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:\"\u2708\ufe0f\",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:\"\ud83d\udca8\",x:\"\u51b7\u305f\u3044\u3082\u306e\u3092\u3001\u30b4\u30af\u30b4\u30af\u6c17\u6301\u3061\u3088\u304f\"},\r\n {t:2,em:\"\ud83d\udcac\",x:\"\u306e\u3093\u3073\u308a2\u676f\u304f\u3089\u3044\u3002\u304a\u3057\u3083\u3079\u308a\u3057\u306a\u304c\u3089\"},\r\n {t:3,em:\"\u23f3\",x:\"1\u676f\u3092\u3001\u6642\u9593\u3092\u304b\u3051\u3066\u3058\u3063\u304f\u308a\"},\r\n {t:4,em:\"\ud83e\udd42\",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:\"\ud83c\udf07\",x:\"\u590f\u306e\u5915\u65b9\u3001\u6253\u3061\u6c34\u3092\u3057\u305f\u30a2\u30b9\u30d5\u30a1\u30eb\u30c8\"},\r\n {t:2,em:\"\ud83e\uddfa\",x:\"\u3088\u304f\u6674\u308c\u305f\u65e5\u306b\u53d6\u308a\u8fbc\u3093\u3060\u3001\u6d17\u6fef\u7269\"},\r\n {t:3,em:\"\ud83e\udeb5\",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:\"\ud83c\udf36\ufe0f\",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:\"\u2b50\",x:\"\u4e8b\u524d\u306b\u8abf\u3079\u305f\u3001\u8a55\u4fa1\u306e\u9ad8\u3044\u6709\u540d\u5e97\"},\r\n {t:2,em:\"\ud83d\udd6f\ufe0f\",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:\"\ud83c\udf7d\ufe0f\",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:\"\ud83d\udeaa\",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\n \/* ---------- 4\u30bf\u30a4\u30d7\uff08shop URL \u5dee\u3057\u66ff\u3048\u6e08\u307f\uff09 ---------- *\/\r\n var TYPES = {\r\n 1:{num:\"\u2460\",face:\"\ud83c\udf7a\",short:\"\u30b4\u30af\u30b4\u30af\u723d\u5feb\u30bf\u30a4\u30d7\",\r\n line1:\"\u307e\u305a\u306f\u4e00\u676f\uff01\",line2:\"\u30b4\u30af\u30b4\u30af\u723d\u5feb\u30bf\u30a4\u30d7\",\r\n cat:\"\u307e\u305a\u306f\u5589\u3092\u6f64\u3057\u305f\u3044\u3002\u8ff7\u308f\u305a\u983c\u3081\u308b\u201c\u5b9a\u756a\u306e1\u672c\u201d\u304c\u6b32\u3057\u3044\u4eba\u3002\",\r\n lineMsg:\"\u305f\u3057\u304b\u306b\u98a8\u5442\u4e0a\u304c\u308a\u306e1\u676f\u304c\u3001\u4eba\u751f\u3067\u3044\u3061\u3070\u3093\u3046\u307e\u3044\u3002\",\r\n g1:\"#ffc23d\",g2:\"#f2761b\",\r\n shop:\"https:\/\/www.tokyoshusui.com\/c\/beer\/japanese_craftbeer\/3680448001\",\r\n chart:{b:2,a:2,k:2,e:5},\r\n styles:\"\u30d4\u30eb\u30b9\u30ca\u30fc\uff0f\u30b1\u30eb\u30b7\u30e5\uff0f\u30b4\u30fc\u30eb\u30c7\u30f3\u30a8\u30fc\u30eb\",\r\n how2choose:\"\u307e\u305a\u306f\u5589\u3092\u6f64\u3057\u305f\u3044\u4eba\u3002\u5192\u967a\u3088\u308a\u3082\u300c\u3053\u308c\u3092\u983c\u3081\u3070\u9593\u9055\u3044\u306a\u3044\u300d\u3068\u3044\u3046\u5b9a\u756a\u306e1\u672c\u3092\u6301\u3063\u3066\u304a\u304d\u305f\u3044\u30bf\u30a4\u30d7\u3067\u3059\u3002\",\r\n like:[\"\u8efd\u3044\u98f2\u307f\u53e3\",\"\u3055\u3063\u3071\u308a\u3057\u305f\u5f8c\u5473\",\"\u7a4f\u3084\u304b\u306a\u82e6\u5473\",\"\u70ad\u9178\u306e\u723d\u5feb\u611f\"],\r\n scenes:[\"\u4ed5\u4e8b\u7d42\u308f\u308a\u306e1\u676f\u76ee\",\"\u5915\u98ef\u306e\u652f\u5ea6\u3092\u3057\u306a\u304c\u3089\",\"\u6620\u753b\u3092\u6d41\u3057\u3064\u3064\u306e\u201c\u306a\u304c\u3089\u98f2\u307f\u201d\",\"\u304a\u98a8\u5442\u4e0a\u304c\u308a\"],\r\n pair:[\"\u679d\u8c46\",\"\u713c\u304d\u9ce5\uff08\u5869\uff09\",\"\u5869\u5510\u63da\u3052\",\"\u51b7\u3057\u3083\u3076\",\"\u713c\u304d\u9b5a\"],\r\n pairNote:\"\u25b6 \u5869\uff0f\u3057\u3087\u3046\u3086\u7cfb\u306e\u30b7\u30f3\u30d7\u30eb\u306a\u5473\u4ed8\u3051\u3068\u597d\u76f8\u6027\u3002\u7d20\u6750\u306e\u5473\u3092\u90aa\u9b54\u3057\u307e\u305b\u3093\u3002\",\r\n temp:\"4\u301c6\u2103\",glass:\"\u7d30\u9577\u3044\u30d4\u30eb\u30b9\u30ca\u30fc\u30b0\u30e9\u30b9\",\r\n tips:[\"\u3057\u3063\u304b\u308a\u51b7\u3084\u3059\u3068\u723d\u5feb\u611f\u304c\u7d9a\u304d\u307e\u3059\",\"1\u53e3\u76ee\u306f\u52e2\u3044\u3088\u304f\u3001\u30b4\u30af\u30c3\u3068\",\"\u98f2\u307f\u6b8b\u3057\u306f\u5c0f\u3055\u3081\u306e\u30b0\u30e9\u30b9\u306b\u6ce8\u304e\u5206\u3051\u308b\u306e\u304c\u25ce\"],\r\n next:\"\u2461 \u3075\u3093\u308f\u308a\u307e\u308d\u3084\u304b\u30bf\u30a4\u30d7\",\r\n nextTxt:\"\u8efd\u3055\u306f\u305d\u306e\u307e\u307e\u306b\u3001\u3084\u308f\u3089\u304b\u3044\u9999\u308a\u30921\u6bb5\u30d7\u30e9\u30b9\u3067\u304d\u307e\u3059\u3002\"},\r\n 2:{num:\"\u2461\",face:\"\ud83c\udf3e\",short:\"\u3075\u3093\u308f\u308a\u307e\u308d\u3084\u304b\u30bf\u30a4\u30d7\",\r\n line1:\"\u3084\u308f\u3089\u304b\u3044\u5473\u308f\u3044\u3067\u307b\u3063\u3068\u3057\u305f\u3044\",line2:\"\u3075\u3093\u308f\u308a\u307e\u308d\u3084\u304b\u30bf\u30a4\u30d7\",\r\n cat:\"\u523a\u6fc0\u3088\u308a\u53e3\u5f53\u305f\u308a\u3002\u3084\u308f\u3089\u304b\u3044\u9999\u308a\u3067\u307b\u3063\u3068\u3072\u3068\u606f\u3064\u304d\u305f\u3044\u4eba\u3002\",\r\n lineMsg:\"\u8a00\u308f\u308c\u3066\u307f\u308c\u3070\u3001\u82e6\u3044\u306e\u3088\u308a\u9999\u308a\u304c\u3084\u3055\u3057\u3044\u3084\u3064\u3070\u3063\u304b\u308a\u9078\u3093\u3067\u308b\u3002\",\r\n g1:\"#f7cf6a\",g2:\"#e8895a\",\r\n shop:\"https:\/\/www.tokyoshusui.com\/c\/beer\/japanese_craftbeer\/3680451001\",\r\n chart:{b:1,a:4,k:3,e:5},\r\n styles:\"\u30f4\u30a1\u30a4\u30c4\u30a7\u30f3\uff0f\u30d9\u30eb\u30b8\u30e3\u30f3\u30db\u30ef\u30a4\u30c8\uff0f\u30d5\u30eb\u30fc\u30c4\u30a8\u30fc\u30eb\",\r\n how2choose:\"\u300c\u30d3\u30fc\u30eb\u306e\u82e6\u5473\u306f\u3061\u3087\u3063\u3068\u82e6\u624b\u300d\u3068\u3044\u3046\u4eba\u306b\u3053\u305d\u5c4a\u3044\u3066\u307b\u3057\u3044\u30bf\u30a4\u30d7\u3002\u523a\u6fc0\u3088\u308a\u53e3\u5f53\u305f\u308a\u3067\u9078\u3076\u4eba\u3067\u3059\u3002\",\r\n like:[\"\u307e\u308d\u3084\u304b\u3067\u306a\u3081\u3089\u304b\",\"\u82e6\u5473\u304c\u307b\u3068\u3093\u3069\u306a\u3044\",\"\u30d0\u30ca\u30ca\u3084\u30aa\u30ec\u30f3\u30b8\u30d4\u30fc\u30eb\u3092\u601d\u308f\u305b\u308b\u3084\u3055\u3057\u3044\u9999\u308a\",\"\u767d\u304f\u6fc1\u3063\u305f\u898b\u305f\u76ee\"],\r\n scenes:[\"\u4f11\u65e5\u306e\u663c\u4e0b\u304c\u308a\",\"\u8aad\u66f8\u3084\u97f3\u697d\u306e\u304a\u4f9b\",\"\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u305f\u3044\u591c\u306e1\u672c\u76ee\",\"\u30d3\u30fc\u30eb\u304c\u82e6\u624b\u306a\u4eba\u3068\u4e7e\u676f\u3059\u308b\u3068\u304d\"],\r\n pair:[\"\u30b5\u30e9\u30c0\",\"\u767d\u8eab\u9b5a\u306e\u30d5\u30e9\u30a4\",\"\u30bd\u30fc\u30bb\u30fc\u30b8\",\"\u30ab\u30de\u30f3\u30d9\u30fc\u30eb\u30c1\u30fc\u30ba\",\"\u30ec\u30e2\u30f3\u3092\u4f7f\u3063\u305f\u6599\u7406\"],\r\n pairNote:\"\u25b6 \u3084\u3055\u3057\u3044\u5473\uff0f\u4e73\u88fd\u54c1\uff0f\u67d1\u6a58\u3068\u597d\u76f8\u6027\u3002\u5f37\u3059\u304e\u308b\u5473\u4ed8\u3051\u306f\u9999\u308a\u304c\u8ca0\u3051\u307e\u3059\u3002\",\r\n temp:\"6\u301c8\u2103\",glass:\"\u53e3\u306e\u5e83\u3044\u5927\u304d\u3081\u306e\u30b0\u30e9\u30b9\",\r\n tips:[\"\u51b7\u3084\u3057\u3059\u304e\u308b\u3068\u9999\u308a\u304c\u9589\u3058\u307e\u3059\",\"\u5927\u304d\u3081\u306e\u30b0\u30e9\u30b9\u3067\u9999\u308a\u3092\u3075\u308f\u3063\u3068\u958b\u304b\u305b\u3066\",\"\u5e95\u306b\u6b8b\u3063\u305f\u6fc1\u308a\uff08\u9175\u6bcd\uff09\u3092\u8efd\u304f\u56de\u3057\u3066\u6ce8\u304e\u5207\u308b\u3068\u30b3\u30af\u304c\u5897\u3057\u307e\u3059\",\"\u30aa\u30ec\u30f3\u30b8\u3092\u6dfb\u3048\u3066\u3082\"],\r\n next:\"\u2462 \u3069\u3063\u3057\u308a\u6df1\u714e\u308a\u30bf\u30a4\u30d7\",\r\n nextTxt:\"\u540c\u3058\u201c\u307e\u308d\u3084\u304b\u8def\u7dda\u201d\u3067\u3001\u30df\u30eb\u30af\u30b9\u30bf\u30a6\u30c8\u306a\u3089\u82e6\u5473\u63a7\u3048\u3081\u306e\u307e\u307e\u5965\u884c\u304d\u304c\u697d\u3057\u3081\u307e\u3059\u3002\"},\r\n 3:{num:\"\u2462\",face:\"\ud83c\udf6b\",short:\"\u3069\u3063\u3057\u308a\u6df1\u714e\u308a\u30bf\u30a4\u30d7\",\r\n line1:\"1\u676f\u3067\u3061\u3083\u3093\u3068\u6e80\u305f\u3055\u308c\u305f\u3044\uff01\",line2:\"\u3069\u3063\u3057\u308a\u6df1\u714e\u308a\u30bf\u30a4\u30d7\",\r\n cat:\"\u91cf\u3088\u308a\u8cea\u30021\u676f\u3092\u3058\u3063\u304f\u308a\u3001\u9999\u3070\u3057\u3055\u3068\u4f59\u97fb\u307e\u3067\u5473\u308f\u3046\u4eba\u3002\",\r\n lineMsg:\"\u308f\u304b\u308b\u30011\u676f\u3092\u3060\u3089\u3060\u3089\u6642\u9593\u304b\u3051\u3066\u98f2\u3080\u306e\u304c\u3044\u3061\u3070\u3093\u597d\u304d\u3002\",\r\n g1:\"#a97455\",g2:\"#4b2e23\",\r\n shop:\"https:\/\/www.tokyoshusui.com\/c\/beer\/japanese_craftbeer\/3680519001\",\r\n chart:{b:4,a:3,k:5,e:2},\r\n styles:\"\u30b9\u30bf\u30a6\u30c8\uff0f\u30dd\u30fc\u30bf\u30fc\uff0f\u30d6\u30e9\u30a6\u30f3\u30a8\u30fc\u30eb\",\r\n how2choose:\"\u91cf\u3088\u308a\u8cea\u30021\u676f\u3092\u3058\u3063\u304f\u308a\u6642\u9593\u3092\u304b\u3051\u3066\u98f2\u307f\u305f\u3044\u4eba\u3002\u30b3\u30fc\u30d2\u30fc\u3084\u30ab\u30ab\u30aa\u306e\u9999\u3070\u3057\u3055\u306b\u60f9\u304b\u308c\u308b\u30bf\u30a4\u30d7\u3067\u3059\u3002\",\r\n like:[\"\u30ed\u30fc\u30b9\u30c8\u306e\u9999\u3070\u3057\u3055\",\"\u6df1\u3044\u30b3\u30af\",\"\u9577\u304f\u7d9a\u304f\u4f59\u97fb\",\"\u7518\u3055\u63a7\u3048\u3081\",\"\u306a\u3081\u3089\u304b\u3067\u304d\u3081\u7d30\u304b\u3044\u6ce1\"],\r\n scenes:[\"\u4e00\u65e5\u3092\u7d42\u3048\u305f\u843d\u3061\u7740\u3044\u305f\u6642\u9593\",\"\u7167\u660e\u3092\u5c11\u3057\u843d\u3068\u3057\u305f\u3054\u8912\u7f8e\u306e\u4e00\u676f\",\"\u5bd2\u3044\u5b63\u7bc0\u306e\u591c\",\"\u98df\u5f8c\u306e\u4e00\u676f\"],\r\n pair:[\"\u30b9\u30c6\u30fc\u30ad\",\"\u713c\u8089\",\"\u30c7\u30df\u30b0\u30e9\u30b9\u7cfb\u306e\u716e\u8fbc\u307f\",\"\u30ca\u30c3\u30c4\",\"\u30d3\u30fc\u30d5\u30b8\u30e3\u30fc\u30ad\u30fc\",\"\u30d3\u30bf\u30fc\u30c1\u30e7\u30b3\u30ec\u30fc\u30c8\"],\r\n pairNote:\"\u25b6 \u3053\u3093\u304c\u308a\u713c\u3044\u305f\uff0f\u716e\u8fbc\u3093\u3060\u6599\u7406\u3068\u597d\u76f8\u6027\u3002\u30c7\u30b6\u30fc\u30c8\u3068\u5408\u308f\u305b\u3089\u308c\u308b\u552f\u4e00\u306e\u30bf\u30a4\u30d7\u3067\u3059\u3002\",\r\n temp:\"10\u301c13\u2103\",glass:\"\u30c1\u30e5\u30fc\u30ea\u30c3\u30d7\u578b\",\r\n tips:[\"\u51b7\u8535\u5eab\u304b\u3089\u51fa\u3057\u306610\u5206\u307b\u3069\u7f6e\u304f\u3068\u9999\u308a\u304c\u958b\u304d\u307e\u3059\",\"\u3072\u3068\u53e3\u3054\u3068\u306b\u5c11\u3057\u9593\u3092\u3042\u3051\u308b\",\"\u6e29\u5ea6\u304c\u4e0a\u304c\u308b\u306b\u3064\u308c\u7518\u307f\u3068\u9999\u3070\u3057\u3055\u304c\u5909\u5316\u3002\u305d\u306e\u79fb\u308d\u3044\u307e\u3067\u5473\u308f\u3063\u3066\"],\r\n next:\"\u2463 \u83ef\u3084\u304b\u30d5\u30ec\u30fc\u30d0\u30fc\u30bf\u30a4\u30d7\",\r\n nextTxt:\"\u540c\u3058\u300c\u3057\u3063\u304b\u308a\u7cfb\u300d\u3067\u3082\u3001\u82e6\u5473\u306e\u8cea\u304c\u307e\u3063\u305f\u304f\u9055\u3046\u4e16\u754c\u3092\u4f53\u9a13\u3067\u304d\u307e\u3059\u3002\"},\r\n 4:{num:\"\u2463\",face:\"\ud83c\udf4a\",short:\"\u83ef\u3084\u304b\u30d5\u30ec\u30fc\u30d0\u30fc\u30bf\u30a4\u30d7\",\r\n line1:\"\u30d3\u30fc\u30eb\u306f\u9999\u308a\u304c\u547d\uff01\",line2:\"\u83ef\u3084\u304b\u30d5\u30ec\u30fc\u30d0\u30fc\u30bf\u30a4\u30d7\",\r\n cat:\"\u5473\u3088\u308a\u5148\u306b\u201c\u9999\u308a\u201d\u3067\u9078\u3076\u3002\u98f2\u307f\u6bd4\u3079\u304c\u3044\u3061\u3070\u3093\u697d\u3057\u3044\u4eba\u3002\",\r\n lineMsg:\"\u305f\u3057\u304b\u306b\u98f2\u3080\u524d\u306b\u3001\u30b0\u30e9\u30b9\u306b\u9f3b\u3092\u8fd1\u3065\u3051\u3066\u308b\u6642\u9593\u306e\u307b\u3046\u304c\u9577\u3044\u3002\",\r\n g1:\"#5fc94a\",g2:\"#0f8f80\",\r\n shop:\"https:\/\/www.tokyoshusui.com\/c\/beer\/japanese_craftbeer\/3680522001\",\r\n chart:{b:4,a:5,k:3,e:3},\r\n styles:\"IPA\uff0f\u30bb\u30c3\u30b7\u30e7\u30f3IPA\uff0f\u30da\u30fc\u30eb\u30a8\u30fc\u30eb\",\r\n how2choose:\"\u521d\u3081\u3066\u898b\u308b\u9298\u67c4\u3092\u9078\u3076\u306e\u304c\u697d\u3057\u3044\u4eba\u3002\u5473\u3088\u308a\u5148\u306b\u300c\u9999\u308a\u300d\u3067\u9078\u3076\u3001\u98f2\u307f\u6bd4\u3079\u304c\u597d\u304d\u306a\u30bf\u30a4\u30d7\u3067\u3059\u3002\",\r\n like:[\"\u30b0\u30ec\u30fc\u30d7\u30d5\u30eb\u30fc\u30c4\u3084\u30d1\u30c3\u30b7\u30e7\u30f3\u30d5\u30eb\u30fc\u30c4\u306e\u3088\u3046\u306a\u9999\u308a\",\"\u30ec\u30e2\u30f3\u306e\u76ae\u306e\u3088\u3046\u306a\u307b\u308d\u82e6\u3055\",\"\u7518\u3055\u63a7\u3048\u3081\",\"\u5f8c\u5473\u306f\u30b9\u30c3\u3068\u5f15\u304f\"],\r\n scenes:[\"\u9031\u672b\u306e\u98f2\u307f\u6bd4\u3079\",\"\u6c17\u5206\u3092\u5207\u308a\u66ff\u3048\u305f\u3044\u4f11\u65e5\u306e\u5915\u65b9\",\"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u5c02\u9580\u5e97\u30671\u676f\u76ee\u306b\"],\r\n pair:[\"\u30b9\u30d1\u30a4\u30b7\u30fc\u30d5\u30e9\u30a4\u30c9\u30c1\u30ad\u30f3\",\"\u30bf\u30b3\u30b9\",\"\u9ebb\u5a46\u8c46\u8150\",\"\u30ab\u30ec\u30fc\",\"\u67d1\u6a58\u306e\u30de\u30ea\u30cd\"],\r\n pairNote:\"\u25b6 \u6cb9\uff0f\u30b9\u30d1\u30a4\u30b9\u3068\u597d\u76f8\u6027\u3002\u30db\u30c3\u30d7\u306e\u82e6\u5473\u304c\u8102\u3092\u30ea\u30bb\u30c3\u30c8\u3057\u3066\u304f\u308c\u307e\u3059\u3002\",\r\n temp:\"7\u301c9\u2103\",glass:\"\u30c1\u30e5\u30fc\u30ea\u30c3\u30d7\u578b\uff0f\u30ef\u30a4\u30f3\u30b0\u30e9\u30b9\",\r\n tips:[\"\u958b\u6813\u3057\u305f\u3089\u3059\u3050\u6ce8\u3050\u3002\u9999\u308a\u306e\u6210\u5206\u306f\u6642\u9593\u3068\u3068\u3082\u306b\u98db\u3073\u307e\u3059\",\"\u3072\u3068\u53e3\u98f2\u3093\u3060\u3089\u9f3b\u304b\u3089\u606f\u3092\u629c\u304f\u3068\u3001\u4f59\u97fb\u304c\u500d\u306b\",\"\u88fd\u9020\u65e5\u306e\u65b0\u3057\u3044\u3082\u306e\u3092\u9078\u3076\u306e\u304c\u6700\u5927\u306e\u30dd\u30a4\u30f3\u30c8\"],\r\n next:\"\u2462 \u3069\u3063\u3057\u308a\u6df1\u714e\u308a\u30bf\u30a4\u30d7\",\r\n nextTxt:\"\u300c\u9999\u308a\u306e\u82e6\u5473\u300d\u3092\u77e5\u3063\u305f\u3089\u3001\u6b21\u306f\u300c\u7119\u714e\u306e\u82e6\u5473\u300d\u3078\u3002\"}\r\n };\r\n\r\n var X_LOGO = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"><\/path><\/svg>';\r\n var FB_LOGO = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.94 21.5v-8.2h2.79l.42-3.25h-3.21V7.98c0-.94.26-1.58 1.6-1.58h1.71V3.5c-.3-.04-1.31-.13-2.49-.13-2.47 0-4.16 1.5-4.16 4.27v2.41H7.77v3.25h2.83v8.2h3.34z\"><\/path><\/svg>';\r\n var LN_LOGO = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.4c-5.28 0-9.6 3.48-9.6 7.78 0 3.85 3.42 7.08 8.03 7.69.31.07.74.21.85.48.09.24.06.62.03.87l-.14.83c-.04.25-.2.96.85.52 1.05-.44 5.67-3.34 7.74-5.72 1.42-1.56 2.24-3.14 2.24-5.67C22 5.88 17.68 2.4 12 2.4zM8.2 12.9H6.29a.5.5 0 0 1-.5-.5V8.58a.5.5 0 0 1 1 0v3.32H8.2a.5.5 0 0 1 0 1zm2-.5a.5.5 0 0 1-1 0V8.58a.5.5 0 0 1 1 0v3.82zm4.63 0a.5.5 0 0 1-.9.3l-1.96-2.66v2.36a.5.5 0 0 1-1 0V8.58a.5.5 0 0 1 .9-.3l1.96 2.66V8.58a.5.5 0 0 1 1 0v3.82zm3.11-2.41a.5.5 0 0 1 0 1h-1.41v.91h1.41a.5.5 0 0 1 0 1h-1.91a.5.5 0 0 1-.5-.5V8.58a.5.5 0 0 1 .5-.5h1.91a.5.5 0 0 1 0 1h-1.41v.91h1.41z\"><\/path><\/svg>';\r\n\r\n \/* ---------- \u30e2\u30fc\u30c0\u30eb ---------- *\/\r\n var overlay = byId(\"bqAboutOverlay\");\r\n function openAbout(){\r\n if(!overlay) return;\r\n overlay.classList.add(\"show\");\r\n lockScroll();\r\n var c = byId(\"bqAboutClose\"); if(c) c.focus();\r\n }\r\n function closeAbout(){\r\n if(!overlay) return;\r\n overlay.classList.remove(\"show\");\r\n unlockScroll();\r\n }\r\n bind(\"bqAboutBtn\",\"click\",openAbout);\r\n bind(\"bqAboutClose\",\"click\",closeAbout);\r\n if(overlay){\r\n overlay.addEventListener(\"click\", function(e){ if(e.target===overlay) closeAbout(); });\r\n }\r\n document.addEventListener(\"keydown\", function(e){\r\n if(e.key===\"Escape\" && overlay && overlay.classList.contains(\"show\")) closeAbout();\r\n });\r\n\r\n \/* ---------- \u9078\u629e\u80a2\u30e9\u30f3\u30c0\u30e0\u9806 ---------- *\/\r\n function makeOrders(){\r\n return QUESTIONS.map(function(q){\r\n var a = q.c.map(function(_,i){ return i; });\r\n for (var i=a.length-1;i>0;i--){\r\n var j = Math.floor(Math.random()*(i+1));\r\n var tmp = a[i]; a[i] = a[j]; a[j] = tmp;\r\n }\r\n return a;\r\n });\r\n }\r\n\r\n var ORDERS = makeOrders();\r\n var answers = new Array(QUESTIONS.length).fill(null);\r\n var cur = 0;\r\n var quizEl = byId(\"bqQuiz\");\r\n var pourEl = byId(\"bqPour\");\r\n blockTouch(quizEl);\r\n blockTouch(pourEl);\r\n\r\n \/* ---------- \u72b6\u614b\u30ea\u30bb\u30c3\u30c8 ---------- *\/\r\n function resetQuizState(){\r\n answers = new Array(QUESTIONS.length).fill(null);\r\n cur = 0;\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.textContent = \"Q1 \/ \" + QUESTIONS.length;\r\n var card = byId(\"bqCard\"); if(card) card.innerHTML = \"\";\r\n }\r\n\r\n \/* ---------- \u8a3a\u65ad\u958b\u59cb ---------- *\/\r\n function startQuiz(){\r\n if(overlay) overlay.classList.remove(\"show\");\r\n var st = byId(\"bqStart\"); if(st) st.style.display = \"none\";\r\n lockScroll();\r\n quizModeOn();\r\n if(quizEl) quizEl.classList.add(\"on\");\r\n render();\r\n }\r\n bind(\"bqStartBtn\",\"click\",startQuiz);\r\n bind(\"bqAboutStart\",\"click\",startQuiz);\r\n\r\n \/* ---------- \u8868\u7d19\u306b\u623b\u308b\uff08Q1\u306e\u30dc\u30bf\u30f3\uff09 ---------- *\/\r\n function backToStart(){\r\n if(quizEl) quizEl.classList.remove(\"on\");\r\n if(pourEl) pourEl.classList.remove(\"on\");\r\n quizModeOff();\r\n unlockScroll();\r\n resetQuizState();\r\n var st = byId(\"bqStart\"); if(st) st.style.display = \"\";\r\n scrollTopOfApp();\r\n }\r\n\r\n \/* ---------- \u8a2d\u554f\u63cf\u753b ---------- *\/\r\n function render(){\r\n var q = QUESTIONS[cur], order = ORDERS[cur];\r\n var cnt = byId(\"bqCounter\");\r\n if(cnt) cnt.textContent = \"Q\" + (cur+1) + \" \/ \" + QUESTIONS.length;\r\n\r\n var done = answers.filter(function(a){ return a !== null; }).length;\r\n var 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 \/* Q1\u306f\u300c\u30c8\u30c3\u30d7\u306b\u623b\u308b\u300d\uff0fQ2\u4ee5\u964d\u306f\u300c\u3072\u3068\u3064\u524d\u3078\u300d *\/\r\n var prev = byId(\"bqPrevBtn\");\r\n if(prev){\r\n prev.disabled = false;\r\n prev.textContent = (cur === 0) ? \"\u2191 \u30c8\u30c3\u30d7\u306b\u623b\u308b\" : \"\u2190 \u3072\u3068\u3064\u524d\u3078\";\r\n }\r\n\r\n var html = '<div class=\"qinner\">' +\r\n '<div class=\"qno\">QUESTION ' + String(cur+1).padStart(2,\"0\") + ' \/ 08<\/div>' +\r\n '<div class=\"qtheme\">\u2014 ' + q.theme + ' \u2014<\/div>' +\r\n '<p class=\"qtext\">' + q.q + '<\/p><div class=\"opts\">';\r\n for (var k=0; k<order.length; k++){\r\n var c = q.c[order[k]];\r\n html += '<button type=\"button\" class=\"opt' + (answers[cur]===c.t ? \" sel\" : \"\") +\r\n '\" data-t=\"' + c.t + '\"><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 var opts = cardEl.querySelectorAll(\".opt\");\r\n Array.prototype.forEach.call(opts, function(b){\r\n b.addEventListener(\"click\", function(){\r\n answers[cur] = Number(b.getAttribute(\"data-t\"));\r\n Array.prototype.forEach.call(opts, function(x){ x.classList.remove(\"sel\"); });\r\n b.classList.add(\"sel\");\r\n setTimeout(function(){\r\n if (cur < QUESTIONS.length - 1){ cur++; render(); }\r\n else { pourThenFinish(); }\r\n }, 240);\r\n });\r\n });\r\n }\r\n bind(\"bqPrevBtn\",\"click\",function(){\r\n if(cur > 0){ cur--; render(); }\r\n else { backToStart(); }\r\n });\r\n\r\n \/* ---------- \u6ce8\u3050\u6f14\u51fa\uff082.0\u79d2\uff09 ---------- *\/\r\n function pourThenFinish(){\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 setTimeout(function(){\r\n if(quizEl) quizEl.classList.remove(\"on\");\r\n if(pourEl) pourEl.classList.add(\"on\");\r\n setTimeout(function(){\r\n if(pourEl) pourEl.classList.remove(\"on\");\r\n finish();\r\n }, 2000);\r\n }, 260);\r\n }\r\n\r\n \/* ---------- \u63a1\u70b9 ---------- *\/\r\n function score(){\r\n var sc = {1:0,2:0,3:0,4:0};\r\n answers.forEach(function(t){ if(t) sc[t] += 2; });\r\n var q4 = answers[3], q2 = answers[1];\r\n var order = [1,2,3,4].sort(function(a,b){\r\n if (sc[b] !== sc[a]) return sc[b] - sc[a];\r\n if (a===q4 && b!==q4) return -1;\r\n if (b===q4 && a!==q4) return 1;\r\n if (a===q2 && b!==q2) return -1;\r\n if (b===q2 && a!==q2) return 1;\r\n return a - b;\r\n });\r\n var allTied = (sc[1]===sc[2] && sc[2]===sc[3] && sc[3]===sc[4]);\r\n return { sc:sc, order: allTied ? [1,2,3,4] : order, allTied:allTied };\r\n }\r\n\r\n \/* ---------- X \u91cd\u307f\u4ed8\u304d\u6587\u5b57\u6570 ---------- *\/\r\n function cw(ch){\r\n var c = ch.codePointAt(0);\r\n if((c>=0x0000&&c<=0x10FF)||(c>=0x2000&&c<=0x200D)||(c>=0x2010&&c<=0x201F)||(c>=0x2032&&c<=0x2037)) return 1;\r\n return 2;\r\n }\r\n function wlen(s){ var w=0, a=Array.from(s); for(var i=0;i<a.length;i++) w += cw(a[i]); return w; }\r\n function wfit(s,b){\r\n var o=\"\", w=0, a=Array.from(s);\r\n for(var i=0;i<a.length;i++){\r\n var x = cw(a[i]);\r\n if(w + x > b - 1) return o.replace(\/[\\s\u3001\u3002]+$\/,\"\") + \"\u2026\";\r\n o += a[i]; w += x;\r\n }\r\n return o;\r\n }\r\n var X_LIMIT = 280, URL_COST = 23, HASHTAGS = \"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad,\u30d3\u30fc\u30eb\u8a3a\u65ad,\u6771\u4eac\u9152\u7c8b\";\r\n\r\n function buildShare(t){\r\n var pageUrl = \/^https?:\/.test(location.href) ? location.href.split(\"#\")[0] : t.shop;\r\n var head = \"\u3010\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad\u3011\\n\u79c1\u306f\" + t.face + t.line2 + \"\uff01\\n\";\r\n var tail = \"\\n\u3042\u306a\u305f\u306f\u3069\u306e\u30bf\u30a4\u30d7\uff1f\ud83c\udf7b\";\r\n var tagCost = wlen(\" #\" + HASHTAGS.split(\",\").join(\" #\"));\r\n var budget = X_LIMIT - URL_COST - 1 - tagCost - wlen(head) - wlen(tail);\r\n var mid = \"\";\r\n [t.cat, \"\u4ee3\u8868\u30b9\u30bf\u30a4\u30eb\uff1a\" + t.styles].forEach(function(line){\r\n var add = (mid ? \"\\n\" : \"\") + line;\r\n if (wlen(add) <= budget){ mid += add; budget -= wlen(add); }\r\n else if (budget > 12){ mid += (mid ? \"\\n\" : \"\") + wfit(line, budget); budget = 0; }\r\n });\r\n var xText = head + mid + tail;\r\n var total = wlen(xText) + 1 + URL_COST + tagCost;\r\n if (total > X_LIMIT) xText = wfit(xText, wlen(xText) - (total - X_LIMIT));\r\n\r\n var lineMessage =\r\n \"\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad\u3084\u3063\u3066\u307f\u305f\u3089\u300c\" + t.line2 + \"\u300d\u3060\u3063\u305f\" + t.face + \"\\n\" +\r\n t.lineMsg + \"\\n1\u5206\u3067\u7d42\u308f\u308b\u304b\u3089\u3084\u3063\u3066\u307f\u3066\u301c\\n\" + pageUrl;\r\n var enc = encodeURIComponent(lineMessage);\r\n\r\n return {\r\n xUrl : \"https:\/\/twitter.com\/intent\/tweet?text=\" + encodeURIComponent(xText) +\r\n \"&url=\" + encodeURIComponent(pageUrl) + \"&hashtags=\" + encodeURIComponent(HASHTAGS),\r\n fbUrl: \"https:\/\/www.facebook.com\/sharer\/sharer.php?u=\" + encodeURIComponent(pageUrl) +\r\n \""e=\" + encodeURIComponent(xText + \"\\n#\u30af\u30e9\u30d5\u30c8\u30d3\u30fc\u30eb\u8a3a\u65ad #\u30d3\u30fc\u30eb\u8a3a\u65ad #\u6771\u4eac\u9152\u7c8b\"),\r\n lnApp: \"line:\/\/msg\/text\/\" + enc,\r\n lnWeb: \"https:\/\/line.me\/R\/msg\/text\/?\" + enc\r\n };\r\n }\r\n\r\n function starRow(label, n){\r\n return '<div class=\"crow\"><span class=\"lb\">' + label + '<\/span>' +\r\n '<span class=\"stars\"><span class=\"on\">' + \"\u2605\".repeat(n) + '<\/span>' + \"\u2606\".repeat(5-n) + '<\/span><\/div>';\r\n }\r\n function ul(cls, arr){\r\n return '<ul class=\"ilist ' + cls + '\">' +\r\n arr.map(function(x){ return '<li>' + x + '<\/li>'; }).join(\"\") + '<\/ul>';\r\n }\r\n\r\n \/* ---------- \u7d50\u679c\u8868\u793a ---------- *\/\r\n function finish(){\r\n var r = score(), sc = r.sc, order = r.order;\r\n var t = TYPES[order[0]], second = TYPES[order[1]];\r\n ROOT.style.setProperty(\"--g1\", t.g1);\r\n ROOT.style.setProperty(\"--g2\", t.g2);\r\n var share = buildShare(t);\r\n var isMobile = \/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent);\r\n var lineHref = isMobile ? share.lnApp : share.lnWeb;\r\n\r\n var diff = sc[order[0]] - sc[order[1]];\r\n var mix = (!r.allTied && diff <= 2)\r\n ? '<div class=\"mixbadge\">' + second.num + second.short + '\u5bc4\u308a\u306e' + t.num + t.short + '<\/div>' : '';\r\n\r\n var hero = byId(\"bqHero\");\r\n if(hero){\r\n hero.innerHTML =\r\n '<div class=\"kicker\">YOUR BEER TYPE<\/div>' +\r\n '<div class=\"face\">' + t.face + '<\/div>' +\r\n '<div><span class=\"tnum\">TYPE ' + t.num + '<\/span><\/div>' +\r\n '<h2 class=\"tname\"><span class=\"l1\">' + t.line1 + '<\/span><span class=\"l2\">' + t.line2 + '<\/span><\/h2>' +\r\n '<p class=\"catch\">' + t.cat + '<\/p>' +\r\n '<div><span class=\"style\">\u4ee3\u8868\u30b9\u30bf\u30a4\u30eb\uff1a' + t.styles + '<\/span><\/div>' + mix +\r\n '<div class=\"scrolldown\">\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u3066\u3001\u3042\u306a\u305f\u306b\u3074\u3063\u305f\u308a\u306e\u30d3\u30fc\u30eb\u30bb\u30c3\u30c8\u3092\u30c1\u30a7\u30c3\u30af\uff01<\/div>' +\r\n '<div class=\"scroll-arrow\">\u2b07\ufe0e<\/div>';\r\n }\r\n\r\n var beginner = r.allTied\r\n ? '<div class=\"beginner\">\ud83c\udf31 <b>\u307e\u305a\u306f\u3053\u3053\u304b\u3089\u3002<\/b>\u3069\u306e\u30bf\u30a4\u30d7\u306b\u3082\u5747\u7b49\u306b\u60f9\u304b\u308c\u308b\u3001\u53ef\u80fd\u6027\u3044\u3063\u3071\u3044\u306e\u820c\u3092\u304a\u6301\u3061\u3067\u3059\u3002' +\r\n '\u3044\u3061\u3070\u3093\u98f2\u307f\u3084\u3059\u3044\u300c\u2460 \u30b4\u30af\u30b4\u30af\u723d\u5feb\u30bf\u30a4\u30d7\u300d\u304b\u3089\u59cb\u3081\u3066\u3001\u305d\u3053\u304b\u3089\u597d\u307f\u3092\u5e83\u3052\u3066\u3044\u304f\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002<\/div>' : '';\r\n\r\n var chart = starRow(\"\u82e6\u5473\",t.chart.b) + starRow(\"\u9999\u308a\",t.chart.a) +\r\n starRow(\"\u30b3\u30af\",t.chart.k) + starRow(\"\u98f2\u307f\u3084\u3059\u3055\",t.chart.e);\r\n\r\n var drink =\r\n '<div class=\"drinkbox\"><div class=\"dgrid\">' +\r\n '<div class=\"dtile temp\"><span class=\"dl\">\u9069\u3000\u6e29<\/span><span class=\"dv\">' + t.temp + '<\/span><\/div>' +\r\n '<div class=\"dtile glassv\"><span class=\"dl\">\u30b0\u30e9\u30b9<\/span><span class=\"dv\">' + t.glass + '<\/span><\/div>' +\r\n '<\/div><ul class=\"dtips\">' +\r\n t.tips.map(function(x){ return '<li>' + x + '<\/li>'; }).join(\"\") +\r\n '<\/ul><\/div>';\r\n\r\n var details = byId(\"bqDetails\");\r\n if(details){\r\n details.innerHTML =\r\n '<div class=\"sect reveal\"><div class=\"card\">' + beginner +\r\n '<h3><span class=\"ico\">\ud83d\udcca<\/span>\u3042\u306a\u305f\u306e\u5473\u308f\u3044\u30c1\u30e3\u30fc\u30c8<\/h3>' +\r\n '<div class=\"chart\">' + chart + '<\/div><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83c\udf7a<\/span>\u4ee3\u8868\u30b9\u30bf\u30a4\u30eb<\/h3>' +\r\n '<p><span class=\"stylehl\">' + t.styles + '<\/span><\/p><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83e\udded<\/span>\u3042\u306a\u305f\u306e\u30d3\u30fc\u30eb\u306e\u9078\u3073\u65b9<\/h3>' +\r\n '<p>' + t.how2choose + '<\/p><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83d\udc96<\/span>\u597d\u307f\u306e\u50be\u5411<\/h3>' +\r\n '<div class=\"tags\">' + t.like.map(function(x){ return '<span class=\"tag\">' + x + '<\/span>'; }).join(\"\") +\r\n '<\/div><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83d\udd70\ufe0f<\/span>\u304a\u3059\u3059\u3081\u306e\u30b7\u30fc\u30f3<\/h3>' +\r\n ul(\"\", t.scenes) + '<\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83c\udf7d\ufe0f<\/span>\u30da\u30a2\u30ea\u30f3\u30b0<\/h3>' +\r\n ul(\"plist\", t.pair) + '<p class=\"pnote\">' + t.pairNote + '<\/p><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83e\udd42<\/span>\u304a\u3044\u3057\u3044\u98f2\u307f\u65b9<\/h3>' +\r\n drink + '<\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card nextcard\"><h3><span class=\"ico\">\ud83d\ude80<\/span>\u6b21\u306b\u8a66\u3059\u306a\u3089<\/h3>' +\r\n '<div class=\"nx\">\u2192 ' + t.next + '<\/div><p>' + t.nextTxt + '<\/p><\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card shopcard\">' +\r\n '<div class=\"em\">\ud83c\udf81\ud83c\udf7b<\/div>' +\r\n '<h3>' + t.face + ' ' + t.num + t.short + '\u306e\u3042\u306a\u305f\u306b<\/h3>' +\r\n '<p>\u8a3a\u65ad\u7d50\u679c\u306b\u3074\u3063\u305f\u308a\u306e\u9298\u67c4\u3092\u8a70\u3081\u5408\u308f\u305b\u305f<br>\u304a\u3059\u3059\u3081\u30d3\u30fc\u30eb\u30bb\u30c3\u30c8\u3092\u3054\u7528\u610f\u3057\u307e\u3057\u305f\u3002<\/p>' +\r\n '<a class=\"shopbtn\" href=\"' + t.shop + '\" target=\"_blank\" rel=\"noopener\">\ud83d\uded2 \u3042\u306a\u305f\u3078\u306e\u304a\u3059\u3059\u3081\u30d3\u30fc\u30eb\u30bb\u30c3\u30c8\u306f\u3053\u3061\u3089<\/a>' +\r\n '<span class=\"shopnote\">\u203b\u6771\u4eac\u9152\u7c8b\uff08TOKYO SHUSUI\uff09\u306e\u5546\u54c1\u30da\u30fc\u30b8\u304c\u65b0\u3057\u3044\u30bf\u30d6\u3067\u958b\u304d\u307e\u3059<\/span>' +\r\n '<\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\ud83d\udd0d<\/span>\u3042\u306a\u305f\u306e\u30bf\u30a4\u30d7\u306b\u8fd1\u30441\u672c\u306e\u63a2\u3057\u65b9<\/h3>' +\r\n '<p class=\"findbox\">\u5e97\u982d\u3084\u30e9\u30d9\u30eb\u3067<br><span class=\"stylehl\">' + t.styles + '<\/span><br>\u306e\u8868\u8a18\u3092\u63a2\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<br>\u304a\u6c17\u306b\u5165\u308a\u306e\u4e00\u676f\u304c\u898b\u3064\u304b\u308b\u304b\u3082\uff01<\/p>' +\r\n '<div class=\"styleplate\"><span class=\"sl\">KEYWORD<\/span><span class=\"sv\">' + t.styles + '<\/span><\/div>' +\r\n '<\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\">' +\r\n '<h3><span class=\"ico\">\ud83c\udf89<\/span>\u7d50\u679c\u3092\u30b7\u30a7\u30a2\u3057\u3088\u3046<\/h3>' +\r\n '<div class=\"sharebox\">' +\r\n '<p class=\"sharelbl\">\u30a2\u30a4\u30b3\u30f3\u3092\u30bf\u30c3\u30d7\u3057\u3066\u30b7\u30a7\u30a2 \ud83d\udc47<\/p>' +\r\n '<div class=\"share-icons\">' +\r\n '<a class=\"s-icon x\" href=\"' + share.xUrl + '\" target=\"_blank\" rel=\"noopener\" aria-label=\"X\u3067\u30b7\u30a7\u30a2\">' + X_LOGO + '<\/a>' +\r\n '<a class=\"s-icon fb\" href=\"' + share.fbUrl + '\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\u3067\u30b7\u30a7\u30a2\">' + FB_LOGO + '<\/a>' +\r\n '<a class=\"s-icon ln\" id=\"bqLineBtn\" href=\"' + lineHref + '\" aria-label=\"LINE\u3067\u30b7\u30a7\u30a2\">' + LN_LOGO + '<\/a>' +\r\n '<\/div>' +\r\n '<\/div>' +\r\n '<div class=\"againwrap\"><button type=\"button\" class=\"btn\" id=\"bqAgain\">\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b<\/button><\/div>' +\r\n '<\/div><\/div>' +\r\n '<div class=\"sect reveal\"><div class=\"card\"><h3><span class=\"ico\">\u26a0\ufe0f<\/span>\u304a\u9152\u306b\u95a2\u3059\u308b\u3054\u6ce8\u610f<\/h3>' +\r\n '<ul class=\"ilist cautions\">' +\r\n '<li>20\u6b73\u672a\u6e80\u306e\u98f2\u9152\u306f\u6cd5\u5f8b\u3067\u7981\u6b62\u3055\u308c\u3066\u3044\u307e\u3059<\/li>' +\r\n '<li>\u98f2\u9152\u904b\u8ee2\u306f\u6cd5\u5f8b\u3067\u7981\u6b62\u3055\u308c\u3066\u3044\u307e\u3059<\/li>' +\r\n '<li>\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u671f\u306e\u98f2\u9152\u306f\u304a\u63a7\u3048\u304f\u3060\u3055\u3044<\/li>' +\r\n '<li>\u304a\u9152\u306f\u9069\u91cf\u3092\u3001\u3086\u3063\u304f\u308a\u697d\u3057\u307f\u307e\u3057\u3087\u3046<\/li>' +\r\n '<li>\u203b\u672c\u8a3a\u65ad\u306f\u5473\u308f\u3044\u306e\u597d\u307f\u306e\u50be\u5411\u3092\u793a\u3059\u3082\u306e\u3067\u3001\u4f53\u8cea\u3084\u5473\u899a\u3092\u5224\u5b9a\u3059\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/li>' +\r\n '<\/ul>' +\r\n '<\/div><\/div>';\r\n }\r\n\r\n var res = byId(\"bqResult\");\r\n if(res) res.style.display = \"block\";\r\n quizModeOff();\r\n unlockScroll();\r\n scrollTopOfApp();\r\n\r\n \/* LINE\uff1a\u30a2\u30d7\u30ea\u76f4\u8d77\u52d5\uff08\u672a\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u6642\u306e\u307fWeb\u7248\uff09 *\/\r\n var lineBtn = byId(\"bqLineBtn\");\r\n if (lineBtn && isMobile){\r\n lineBtn.addEventListener(\"click\", function(e){\r\n e.preventDefault();\r\n var hidden = false;\r\n function onHide(){ hidden = true; }\r\n document.addEventListener(\"visibilitychange\", onHide);\r\n window.addEventListener(\"pagehide\", onHide);\r\n window.location.href = share.lnApp;\r\n setTimeout(function(){\r\n document.removeEventListener(\"visibilitychange\", onHide);\r\n window.removeEventListener(\"pagehide\", onHide);\r\n if (!hidden && !document.hidden) window.location.href = share.lnWeb;\r\n }, 1200);\r\n });\r\n }\r\n\r\n var reveals = ROOT.querySelectorAll(\".reveal\");\r\n if (typeof IntersectionObserver !== \"undefined\"){\r\n var io = new IntersectionObserver(function(entries){\r\n entries.forEach(function(en){\r\n if(en.isIntersecting){ en.target.classList.add(\"on\"); io.unobserve(en.target); }\r\n });\r\n }, {threshold:.14});\r\n Array.prototype.forEach.call(reveals, function(el){ io.observe(el); });\r\n } else {\r\n Array.prototype.forEach.call(reveals, function(el){ el.classList.add(\"on\"); });\r\n }\r\n\r\n \/* \u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b \u2192 \u30b9\u30bf\u30fc\u30c8\u753b\u9762\u306e\u5148\u982d\u3078 *\/\r\n bind(\"bqAgain\",\"click\",function(){\r\n var res2 = byId(\"bqResult\"); if(res2) res2.style.display = \"none\";\r\n var h = byId(\"bqHero\"); if(h) h.innerHTML = \"\";\r\n var d = byId(\"bqDetails\"); if(d) d.innerHTML = \"\";\r\n ROOT.style.setProperty(\"--g1\", DEF_G1);\r\n ROOT.style.setProperty(\"--g2\", DEF_G2);\r\n resetQuizState();\r\n var st = byId(\"bqStart\"); if(st) st.style.display = \"\";\r\n quizModeOff();\r\n unlockScroll();\r\n scrollTopOfApp();\r\n if (window.requestAnimationFrame){ requestAnimationFrame(scrollTopOfApp); }\r\n setTimeout(scrollTopOfApp, 60);\r\n });\r\n }\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 […]","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":58,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages\/1974\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/www.tokyoshusui.com\/index.php\/wp-json\/wp\/v2\/pages\/1974\/revisions\/2701"}],"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}]}}