@charset "UTF-8";
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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}qbefore,qafter,blockquotebefore,blockquoteafter{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}img{vertical-align:bottom;border:none}button,input,select,textarea{vertical-align:middle}button,input{line-height:normal}button-moz-focus-inner,input-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="search"],input[type="radio"],input[type="checkbox"]{cursor:pointer;outline:none}textarea{overflow:auto;vertical-align:top;font-family:sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}a{-webkit-tap-highlight-color:transparent}a:link,a:visited{text-decoration:none}body{color:#000;font-family:"游ゴシック",YuGothic,Helvetica,Arial,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;width:100%;background:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.main-contents{width:650px;padding-top:50px;margin:auto}.preview-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;width:650px}.js-main-preview{border:1px solid #e9e9e9;border-radius:5px;margin-right:50px}.sampler{clear:both;width:660px}.sampler h2{padding-left:10px;margin-bottom:20px;font-size:15px;font-style:bold}.sampler__num{margin-bottom:8px;font-size:10px}.sampler .inner{display:-webkit-box;display:-ms-flexbox;display:flex}.sampler .inner .pads ul{width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.sampler .inner .pads ul li.pad{position:relative;margin:5px 10px 5px 0}.sampler .inner .pads ul li.pad .js-play{display:block;width:100px;height:100px;border:1px solid #e9e9e9;border-radius:5px;-webkit-transition:border 500ms;transition:border 500ms;background-image:url("none");background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.sampler .inner .pads ul li.pad .js-play:hover{border-color:#ddd;-webkit-transition:border 0ms;transition:border 0ms}.sampler .inner .pads ul li.pad .js-play:after{content:"";margin-top:4px;margin-left:4px;display:block;width:90px;height:90px;background-color:#888;border-radius:3px;opacity:0;-webkit-transition:all 200ms;transition:all 200ms}.sampler .inner .pads ul li.pad .js-play.selected:after{opacity:1;-webkit-transition:all 0ms;transition:all 0ms}.sampler .inner .pads ul li.pad .js-play.selected:hover:after{opacity:1;-webkit-transition:all 0ms;transition:all 0ms}.sampler .inner .pads ul li.pad .sampler-setting{margin-left:50px;margin-top:5px;margin-bottom:15px;font-size:60%}.main-preview-menu{float:right;padding-top:20px;padding-bottom:10px}.main-preview-menu .video-select{display:block}.main-preview-menu .version-select{margin-bottom:10px}.main-preview-menu .version-select span{font-size:15px}.sampler-setting-view{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none}.sampler-setting-view__contents{position:absolute;left:50%;top:10%;width:600px;padding:50px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff}.sampler-setting-view__video{width:100%;border:1px solid #999;border-radius:5px;margin-bottom:20px}.sampler-setting-view .seek-slider{margin-bottom:10px}.sampler-setting-view .range-slider{margin-bottom:20px}.sampler-setting-view__btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sampler-setting-view .save,.sampler-setting-view .cancel{color:#fff;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #999;width:70px;height:20px;background:#999;margin:0 10px}.ui-slider .ui-slider-handle{width:.7em;outline:none}.loader,.loader:before,.loader:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}.loader{color:#fff;font-size:8px;margin:80px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:before,.loader:after{content:'';position:absolute;top:0}.loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,100%{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}@-webkit-keyframes load7{0%,80%,100%{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,100%{-webkit-box-shadow:0 2.5em 0 -1.3em;box-shadow:0 2.5em 0 -1.3em}40%{-webkit-box-shadow:0 2.5em 0 0;box-shadow:0 2.5em 0 0}}.loader,.loader__bg{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;margin:auto;display:none}.loader__bg{z-index:90;width:100%;height:100%;background:rgba(0,0,0,0.2)}.js-loading{pointer-events:none}.js-loading .loader,.js-loading .loader__bg{display:block}