@import"//fonts.googleapis.com/css?family=Open+Sans:300";@import"//fonts.googleapis.com/earlyaccess/notosansjapanese";h1[data-v-3099aae9]{font-size:20px}a[data-v-3099aae9]{color:#81adea}.header[data-v-3099aae9]{display:flex;justify-content:center;height:40px;line-height:40px;border-bottom:solid 1px #ccc}.container[data-v-3099aae9]{display:flex;justify-content:space-between;width:1024px}.title[data-v-3099aae9]{color:#5e6d82}h2[data-v-4395bbde]{margin:10px 0;font-size:20px}.pane[data-v-4395bbde]{margin:10px 20px;width:200px}.preset-item[data-v-4395bbde]{cursor:pointer;display:flex;padding:6px 0;font-size:16px}.preset-item[data-v-4395bbde]:hover{background:#eee}.preset-item .preset-item-status[data-v-4395bbde]{width:20px;font-size:30px;line-height:16px;color:#4078ff}.preset-item .preset-item-delete[data-v-4395bbde]{margin-left:auto}.preset-item .current-preset[data-v-4395bbde]{font-weight:700}.preset-input[data-v-4395bbde]{display:flex;padding:6px 0 6px 16px}.preset-input>input[data-v-4395bbde]{width:100%;height:20px;font-size:16px}.preset-input>input[data-v-4395bbde]::placeholder{color:#bbb}.preset-add[data-v-4395bbde]{justify-content:center}svg[data-v-fe44085c]{cursor:pointer}.container[data-v-73feb55c]{display:block}.container.scale09[data-v-73feb55c]{transform:scale(.9)}.container.scale08[data-v-73feb55c]{transform:scale(.8)}.root[data-v-73feb55c]{font-size:14px}.root-acc[data-v-73feb55c]{font-size:10px;vertical-align:super;letter-spacing:-.2em}.type[data-v-73feb55c]{font-size:11px}.slash[data-v-73feb55c]{font-size:10px}.bass[data-v-73feb55c]{font-size:12px}.bass-acc[data-v-73feb55c]{font-size:8px;vertical-align:super;letter-spacing:-.2em}h2[data-v-4552522b]{margin:10px 0;font-size:20px}.chord-assign-pane[data-v-4552522b]{margin:40px 0}.pane-header[data-v-4552522b]{cursor:pointer;display:flex;justify-content:space-between}.pane-header[data-v-4552522b]:hover{background:#f5f5f5}.pane-expander[data-v-4552522b]{margin:10px;font-size:12px;line-height:20px;color:#aaa}.main-fade-enter-active[data-v-4552522b],.main-fade-leave-active[data-v-4552522b]{transition:all .3s}.main-fade-enter[data-v-4552522b],.main-fade-leave-to[data-v-4552522b]{opacity:0}.sub-header[data-v-4552522b]{padding:4px 0 0}.chord-root-container[data-v-4552522b],.chord-type-container[data-v-4552522b],.chord-bass-container[data-v-4552522b]{display:flex;flex-wrap:wrap;margin:10px 0;width:508px}.chord-clear-button[data-v-4552522b]{cursor:pointer;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:4px;width:100px;height:24px;border:solid 1px #aaa;border-radius:20px}.chord-clear-button[data-v-4552522b]:hover{background:#eee}.chord-root-line[data-v-4552522b],.chord-bass-line[data-v-4552522b]{display:flex;flex-wrap:wrap;width:100%}.chord-button-base[data-v-4552522b],.chord-root-button-white[data-v-4552522b],.chord-bass-button-white[data-v-4552522b],.chord-root-button-black[data-v-4552522b],.chord-bass-button-black[data-v-4552522b]{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:2px;width:32px;height:24px;border:solid 1px #aaa;border-radius:20px}.chord-button-base[data-v-4552522b]:hover,.chord-root-button-white[data-v-4552522b]:hover,.chord-bass-button-white[data-v-4552522b]:hover,.chord-root-button-black[data-v-4552522b]:hover,.chord-bass-button-black[data-v-4552522b]:hover{background:#eee}.chord-button-base.selected[data-v-4552522b],.selected.chord-root-button-white[data-v-4552522b],.selected.chord-bass-button-white[data-v-4552522b],.selected.chord-root-button-black[data-v-4552522b],.selected.chord-bass-button-black[data-v-4552522b]{background:#7effcc}.chord-root-button-black[data-v-4552522b]:first-child,.chord-bass-button-black[data-v-4552522b]:first-child{margin-left:20px}.chord-root-button-black[data-v-4552522b]:nth-of-type(3),.chord-bass-button-black[data-v-4552522b]:nth-of-type(3){margin-left:40px}.chord-type-button[data-v-4552522b]{cursor:pointer;display:flex;justify-content:center;align-items:center;margin:2px;width:50px;height:24px;border:solid 1px #aaa;border-radius:20px}.chord-type-button[data-v-4552522b]:hover{background:#eee}.chord-type-button.selected[data-v-4552522b]{background:#7effcc}*[data-v-6663ecc0]{user-select:none}.pane[data-v-6663ecc0]{margin:10px 50px 10px 30px}.playing-header[data-v-6663ecc0]{display:flex;padding:10px 0;min-height:56px}.layout-setting[data-v-6663ecc0]{width:240px}.setting-item[data-v-6663ecc0]{padding:2px 0}.setting-item>label[data-v-6663ecc0]{display:flex;justify-content:space-between;width:100%}.setting-item select[data-v-6663ecc0]{max-width:140px}.setting-pad-size[data-v-6663ecc0]{display:flex;justify-content:space-between;align-items:center;width:110px}.current-chord[data-v-6663ecc0]{padding:0 0 10px;font-size:30px}.key-info[data-v-6663ecc0]{margin-left:auto}.key-display[data-v-6663ecc0]{display:inline-block;width:30px;text-align:center}.key-change-button[data-v-6663ecc0]{cursor:pointer}.knob-box[data-v-6663ecc0]{display:flex;height:22px;line-height:22px}.knob-box>*[data-v-6663ecc0]:first-child{margin-right:10px}.pad-controller[data-v-6663ecc0]{display:flex;flex-wrap:wrap;width:508px}.pad[data-v-6663ecc0],.pad-midi-pad[data-v-6663ecc0],.pad-midi-keyboard-white[data-v-6663ecc0],.pad-midi-keyboard-black[data-v-6663ecc0],.pad-pc-keyboard[data-v-6663ecc0]{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:2px;width:60px;height:50px;border:solid 1px #aaa;border-radius:4px}.pad[data-v-6663ecc0]:hover,.pad-midi-pad[data-v-6663ecc0]:hover,.pad-midi-keyboard-white[data-v-6663ecc0]:hover,.pad-midi-keyboard-black[data-v-6663ecc0]:hover,.pad-pc-keyboard[data-v-6663ecc0]:hover{background:#eee}.pad.current-pad[data-v-6663ecc0],.current-pad.pad-midi-pad[data-v-6663ecc0],.current-pad.pad-midi-keyboard-white[data-v-6663ecc0],.current-pad.pad-midi-keyboard-black[data-v-6663ecc0],.current-pad.pad-pc-keyboard[data-v-6663ecc0]{color:#eee}.pad.current-pad[data-v-6663ecc0]:hover,.current-pad.pad-midi-pad[data-v-6663ecc0]:hover,.current-pad.pad-midi-keyboard-white[data-v-6663ecc0]:hover,.current-pad.pad-midi-keyboard-black[data-v-6663ecc0]:hover,.current-pad.pad-pc-keyboard[data-v-6663ecc0]:hover{background:#ff5da1}.pad .root[data-v-6663ecc0],.pad-midi-pad .root[data-v-6663ecc0],.pad-midi-keyboard-white .root[data-v-6663ecc0],.pad-midi-keyboard-black .root[data-v-6663ecc0],.pad-pc-keyboard .root[data-v-6663ecc0]{font-size:14px}.pad .type[data-v-6663ecc0],.pad-midi-pad .type[data-v-6663ecc0],.pad-midi-keyboard-white .type[data-v-6663ecc0],.pad-midi-keyboard-black .type[data-v-6663ecc0],.pad-pc-keyboard .type[data-v-6663ecc0]{font-size:12px}.pad .keyboard-binding[data-v-6663ecc0],.pad-midi-pad .keyboard-binding[data-v-6663ecc0],.pad-midi-keyboard-white .keyboard-binding[data-v-6663ecc0],.pad-midi-keyboard-black .keyboard-binding[data-v-6663ecc0],.pad-pc-keyboard .keyboard-binding[data-v-6663ecc0]{position:absolute;right:2px;bottom:2px;font-size:12px;color:#ccc}.pad .midi-binding[data-v-6663ecc0],.pad-midi-pad .midi-binding[data-v-6663ecc0],.pad-midi-keyboard-white .midi-binding[data-v-6663ecc0],.pad-midi-keyboard-black .midi-binding[data-v-6663ecc0],.pad-pc-keyboard .midi-binding[data-v-6663ecc0]{position:absolute;right:2px;bottom:2px;font-size:10px;color:#ccc}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(6){margin-right:75px}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(7){margin-left:25px}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(12){margin-right:50px}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(13){margin-left:50px}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(18){margin-right:25px}.pad-pc-keyboard[data-v-6663ecc0]:nth-of-type(19){margin-left:75px}.pad-midi-keyboard-line[data-v-6663ecc0]{display:flex}.pad-midi-keyboard-line[data-v-6663ecc0]:nth-of-type(2){margin-bottom:20px}.pad-midi-keyboard-line[data-v-6663ecc0]:nth-of-type(4){margin-bottom:6px}.pad-midi-keyboard-black[data-v-6663ecc0]:nth-of-type(1){margin-left:30px}.pad-midi-keyboard-black[data-v-6663ecc0]:nth-of-type(3){margin-left:56px}.midi-binding-controller[data-v-6663ecc0]{padding:10px 0 0;font-size:12px}.midi-binding-controller label[data-v-6663ecc0]{padding:0 6px 0 0}.midi-binding-controller .octave-shift-button[data-v-6663ecc0]{cursor:pointer;padding:0 0 0 3px}.midi-binding-controller .octave-shift-button[data-v-6663ecc0]:hover{background:#eee}.pad-midi-pad-line[data-v-6663ecc0]{display:flex;justify-content:center;width:100%}h2[data-v-1a76eafe]{margin:10px 0;font-size:20px}.pane[data-v-1a76eafe]{margin:10px 20px;width:200px;user-select:none}select[data-v-1a76eafe]{min-width:100px;max-width:120px}.setting-group[data-v-1a76eafe]{margin:0 0 20px}.setting-item[data-v-1a76eafe]{padding:4px 0}.setting-item>label[data-v-1a76eafe]{display:flex;justify-content:space-between;width:100%}.toggle-button[data-v-1a76eafe]{cursor:pointer;background:#eee;border:solid 1px #ccc;border-radius:2px}.toggle-button.disable[data-v-1a76eafe]{cursor:not-allowed}.knob-box[data-v-1a76eafe]{display:flex;height:22px;line-height:22px}.knob-box>*[data-v-1a76eafe]:first-child{margin-right:10px}.reset-button[data-v-1a76eafe]{cursor:pointer;color:#aaa}.loader[data-v-e5dc4604]{color:#aaa;font-size:10px;margin:50px auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4-data-v-e5dc4604 1.3s infinite linear;animation:load4-data-v-e5dc4604 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load4-data-v-e5dc4604{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}@keyframes load4-data-v-e5dc4604{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.overlay[data-v-f09ae234]{display:flex;align-items:center;justify-content:center;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal-box[data-v-f09ae234]{margin:20px;padding:26px 20px;max-width:700px;background:#fff;border-radius:2px;overflow:hidden}.modal-box h2[data-v-f09ae234]{margin:0 0 16px;font-size:20px}.modal-box .modal-body[data-v-f09ae234]{margin:10px 0;line-height:20px}.modal-box .modal-footer[data-v-f09ae234]{width:100%;text-align:right}.modal-box .button[data-v-f09ae234]{cursor:pointer;font-size:16px;color:#81adea}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-size:14px;font-family:Open Sans,Noto Sans Japanese,sans-serif;font-weight:200;color:#5e6d82}a{color:#5e6d82;text-decoration:none}.loading[data-v-40104708]{display:flex;justify-content:center;padding:30px}.container[data-v-40104708]{display:flex;justify-content:center}