:root{--theme-color:#233b67}#app{font-family:M PLUS Rounded\ 1c,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app>header{text-align:left;padding:4px;margin:0;background-color:var(--theme-color);font-family:Raleway,sans-serif}#app>header>h6{display:inline-block;font-size:1rem;margin:4px 8px 4px 12px}#app>header>a,#app>header>h6{color:#eee!important;text-decoration:none!important}#app>header>a{font-size:.75rem;float:right;padding:calc(.125rem + 4px) 1rem}@media (min-width:768px){#app>header{padding:4px 20%}}#app>header>a.router-link-exact-active{display:none}.canvas-container[data-v-01d11dce]{position:relative;padding:0 20px 0 10px}@media screen and (min-width:768px){.canvas-container[data-v-01d11dce]{padding:0}.one-box[data-v-01d11dce]{margin:0 25%}}.canvas[data-v-01d11dce]{position:relative;display:block;height:100px;width:100%;margin:0;padding:0}.canvas.double[data-v-01d11dce]{border-left:4px double #333}.canvas.single[data-v-01d11dce]{border-left:1px solid #333;padding-left:3px}.canvas [data-v-01d11dce]{position:absolute;display:block;margin:0;padding:0;background-color:transparent}.bar[data-v-01d11dce]{width:100%;height:0;top:75px;left:0;border-top:1px solid #333}.noteimg[data-v-01d11dce]{top:30px}.dot[data-v-01d11dce]{content:"";width:4px;height:4px;top:40px;background-color:#000;border-radius:50%}.tie[data-v-01d11dce]{top:52px}.triplet[data-v-01d11dce]{top:-8px;left:14px}.display[data-v-525f243c]{overflow-y:hidden;overflow-x:hidden}.disabled[data-v-49beddeb],.disabled[data-v-857d25c4],.disabled[data-v-13466728],.disabled[data-v-dd38c4f8]{opacity:.5;background-color:#ddd}#input{display:flex;flex-direction:row;justify-content:center;height:264px;padding:4px 0}#input ul{display:flex;flex-direction:column;margin:0;width:120px;list-style:none}#input ul,#input ul li{position:relative;padding:0}#input ul li{display:block;margin:2px;height:60px;background-color:#fff;border-radius:10px}ul#switch li div{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;height:100%}#dot.active,#tie.active{background-color:#ffd9bc}.play[data-v-76fea7d3]{display:flex;height:100%;justify-content:center;align-items:center}#start[data-v-76fea7d3]{position:relative;display:block;margin:15px auto 8px;width:24px;height:24px}#start[data-v-76fea7d3]:after,#start[data-v-76fea7d3]:before{position:absolute;display:block;content:"";top:0;transition:.3s}.start[data-v-76fea7d3]:before{left:0;height:24px;width:4px;background-color:#333}.start[data-v-76fea7d3]:after,.stop[data-v-76fea7d3]:after{left:6px;height:0;width:0;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent #333}.stop[data-v-76fea7d3]:before{left:0;height:24px;width:24px;background-color:#333}span[data-v-76fea7d3]:last-child{color:#333;font-size:.65rem}.tempo[data-v-7366b960]{display:block;width:100%}#slider-wraper[data-v-7366b960]{position:relative;display:block;margin:.5rem auto .2rem;width:80%;min-width:280px}#button-wraper[data-v-7366b960]{display:flex;justify-content:space-around;align-items:stretch}#button-wraper>span[data-v-7366b960]{display:inline-block;box-sizing:border-box;width:40px;height:42px;margin:3px 6px;padding:8px;border-radius:20%;border:1px solid #cbe3ff;background-color:#edf7ff}#button-wraper>div[data-v-7366b960]{display:block}#button-wraper>div>span[data-v-7366b960]{display:block;position:relative}#button-wraper>div>span[data-v-7366b960]:last-child{font-size:.75rem}.metronome[data-v-48a017b2]{display:flex;width:100%;margin:0;padding:0}.metronome div[data-v-48a017b2]{width:33%}.metronome div[data-v-48a017b2]:first-child{display:flex;font-size:.75rem;justify-content:center;align-items:center;color:#555}.metronome div[data-v-48a017b2]:nth-child(2),.metronome div[data-v-48a017b2]:nth-child(3){display:block;font-size:.65rem;margin:0 auto;padding:8px 0;color:#333}.metronome div:nth-child(2) img[data-v-48a017b2],.metronome div:nth-child(3) img[data-v-48a017b2]{display:block;margin:0 auto}.metronome div:nth-child(2) img.disabled[data-v-48a017b2],.metronome div:nth-child(3) img.disabled[data-v-48a017b2]{opacity:.5}.toggle-wraper[data-v-48a017b2]{display:block;position:relative;margin:0 auto;padding:0}.player[data-v-462bedb3]{display:flex;flex-direction:row;justify-content:center;height:264px;padding:4px 0}.player ul[data-v-462bedb3]{position:relative;display:flex;flex-direction:column;padding:0;margin:0;width:360px;list-style:none}.player ul li[data-v-462bedb3]{display:flex;position:relative;margin:2px;padding:0;height:85px;background-color:#fff;border-radius:10px}#top div[data-v-462bedb3]{display:block;position:relative;width:33%}.toggle-tutton-wraper[data-v-462bedb3]{display:block;text-align:center;padding:8px}.toggle-tutton-wraper>span[data-v-462bedb3]{display:inline-block;color:#333;font-size:.65rem}.setting[data-v-5f85fc8a]{display:block;position:relative;width:100%;height:264px;margin:0 auto;padding:8px 0 0;text-align:left}.setting section[data-v-5f85fc8a]{display:block;position:relative;max-width:360px;margin:0 auto}.setting section h3[data-v-5f85fc8a]{font-size:1rem;display:block;margin:0 4px 4px}.setting section>div>button[data-v-5f85fc8a]{border-radius:10px}.banner-link[data-v-3b776647]{display:block;width:100%;height:50px;background-image:url(/awase-banner.png);background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#f0fdf4;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.banner-link[data-v-3b776647]:hover{transform:scale(1.02);box-shadow:0 8px 16px rgba(0,0,0,.2)}header[data-v-146ed7ca]{text-align:left;padding:4px;margin:0 0 3px;background-color:var(--theme-color);color:#eee;border-bottom:1px dotted #666;font-family:Raleway,sans-serif}#display-wraper[data-v-146ed7ca]{margin:3px auto 360px}#controller[data-v-146ed7ca]{position:fixed;display:block;bottom:0;width:100%}#controller>div[data-v-146ed7ca]{position:relative;display:block;margin:0 auto;border-top:1px solid #aaa}#controller>div>div[data-v-146ed7ca]:first-child{background-color:#edf7ff}ul#controller-menu[data-v-146ed7ca]{display:flex;list-style:none;justify-content:center;margin:0;padding:0;background-color:#edf7ff}ul#controller-menu li[data-v-146ed7ca]{display:inline-block;position:relative;width:120px;padding:.25rem 0;color:#999;background-color:#ddd}ul#controller-menu li.active[data-v-146ed7ca]{color:#000;background-color:#edf7ff;border-radius:0 0 10px 10px}.wide-display[data-v-146ed7ca]{display:flex;justify-content:center}.wide-display>div[data-v-146ed7ca]{display:inline-block}#ad[data-v-146ed7ca]{display:block;position:relative;width:100%;height:50px;background-color:#fff}.link[data-v-70de0c86]{display:inline-block;margin:2rem;padding:.5rem 2rem;text-align:center;border-radius:2rem;border:1px solid #999}