@font-face{font-family:"banana";src:url("/assets/font/YDWbananaslipplus.woff2") format("woff2");src:url("/assets/font/YDWbananaslipplus.woff") format("woff")}@font-face{font-family:"banana";src:url("/assets/font/YDWbananaslipplus.woff2") format("woff2");src:url("/assets/font/YDWbananaslipplus.woff") format("woff")}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;font-style:normal;vertical-align:baseline;background:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{outline:none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:top}ul,dl,ol{text-indent:0}li{list-style:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}* html input,* html textarea,* html select{font-size:100%}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select{font-size:100%}table{border-collapse:collapse;border-spacing:0;font-size:inherit}th,td{text-align:left;vertical-align:top}caption{text-align:left}pre,code,kbd,samp,tt{font-family:monospace}* html pre,* html code,* html kbd,* html samp,* html tt{font-size:100%;line-height:100%}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt{font-size:108%;line-height:100%}html{touch-action:manipulation}*{touch-action:manipulation}body{background-color:#f8f8f8;color:#000;font-family:"メイリオ",Meiryo,"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic",Helvetica,sans-serif;font-size:16px;line-height:1.4em;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#wrapper{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.hd{background-color:#fff;background:linear-gradient(to bottom, #C1F8F6 0%, #FFD5E3 100%);padding-bottom:48px}.hd header{padding:15px 10px;position:relative;display:flex;align-items:flex-end}.hd header h1{font-family:"banana",sans-serif;font-size:30px;line-height:1em}.hd header .sub{font-family:"banana",sans-serif;font-size:16px;line-height:1em;margin-left:10px;position:relative;top:-5px}.hd header .note a{display:block;position:absolute;right:20px;top:10px;background-image:url(../images/note.svg);background-size:100% 100%;width:30.044px;height:36.054px}.hd .pager{font-size:14px;font-family:"banana",sans-serif;padding:10px;padding-top:0;display:flex;justify-content:space-between}.hd .pager .value{font-size:18px;color:#e13c73}.hd .pager .full{color:#e13c73;display:none}body.isFull .hd .pager .voice .full{display:inline}.hd .voicearea{height:156px;background-color:#fff;position:relative}.hd .voicearea .wavearea{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:hidden;overflow-x:auto}.hd .voicearea .wavearea .inner{width:-moz-fit-content;width:fit-content;height:100%;display:flex}.hd .voicearea .wavearea .inner .wave:nth-child(odd){filter:hue-rotate(0deg) brightness(80%)}.hd .voicearea .line{position:absolute;left:0;top:115px;height:1px;width:100%;background-color:#c5c5c5}.hd .voicearea .guide{position:absolute;left:0;top:0;width:100%;height:100%}.hd .voicearea .guide .ico{position:absolute;left:calc(50% - 27.35px);top:35px;background-image:url(../images/drag.svg);background-size:100% 100%;width:54.7px;height:57.309px}.hd .voicearea .guide .text{line-height:1em;position:absolute;left:0;bottom:0;width:100%;height:42px;display:flex;align-items:center;justify-content:center;color:#23a29e}body.hasWave .hd .voicearea .guide{visibility:hidden}body.previewMode .hd .voicearea .guide{visibility:hidden}.hd .voicearea .seek{position:absolute;left:0;top:0;width:3px;height:100%;background-color:#e13c73;z-index:1}.hd .tools{padding:10px;display:flex;justify-content:space-between;align-items:center}.hd .tools .tool{display:flex;align-items:center}body.previewMode .hd .tools .tool{display:none}.hd .tools .tool li a{display:block;background-color:#fff;text-decoration:none;color:#000;font-size:14px;line-height:1em;padding:5px 15px;border-radius:100px;margin-right:5px;box-shadow:0px 2px 4px rgba(0,0,0,.1);opacity:.25;pointer-events:none}.hd .tools .tool li a.remove{background-image:url(../images/erase.svg);background-size:15.042px 14.142px;background-repeat:no-repeat;background-position:10px center;padding-left:30px}body.hasWave .hd .tools .tool li a.remove{opacity:1;pointer-events:all}body.isPlaying .hd .tools .tool li a.remove{opacity:.25;pointer-events:none}.hd .tools .tool li a.random{background-image:url(../images/dice.svg);background-size:15.695px 15.837px;background-repeat:no-repeat;background-position:10px center;padding-left:30px;opacity:1;pointer-events:all}body.isFull .hd .tools .tool li a.random{opacity:.25;pointer-events:none}body.isPlaying .hd .tools .tool li a.random{opacity:.25;pointer-events:none}.hd .tools .current{display:flex;align-items:center}.hd .tools .current li a{display:block;width:13px;height:13px;background-color:#fff;border-radius:100%;text-indent:-9999px;overflow:hidden;position:relative;margin-left:5px}.hd .tools .current li a.active{background-color:#23a29e}.hd .controls{padding:10px;display:flex;justify-content:space-between}.hd .controls .play{flex:1}.hd .controls .play a{display:block;background-color:#fff;text-decoration:none;height:50px;box-sizing:border-box;border-radius:100px;box-shadow:0px 2px 4px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;opacity:.25;pointer-events:none}.hd .controls .play a .ico{display:block;width:30px;height:30px;background-image:url(../images/play.svg);background-size:100% 100%;margin-right:10px}.hd .controls .play a .text{color:#000;font-size:18px;line-height:1em}.hd .controls .play a .text.t_play{display:block}.hd .controls .play a .text.t_stop{display:none}body.hasWave .hd .controls .play a{opacity:1;pointer-events:all}body.isPlaying .hd .controls .play a{background-color:#77d8d5}body.isPlaying .hd .controls .play a .ico{background-image:url(../images/stop.svg)}body.isPlaying .hd .controls .play a .text.t_play{display:none}body.isPlaying .hd .controls .play a .text.t_stop{display:block}.hd .controls .subbtn a{display:block;background-color:#000;width:50px;height:50px;border-radius:100%;box-shadow:0px 2px 4px rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;text-indent:-9999px;overflow:hidden;position:relative;margin-left:10px}.hd .controls .subbtn.playlist a{background-image:url(../images/playlist.svg);background-size:28.384px 25.367px;opacity:.25;pointer-events:none}body.canAllPlay .hd .controls .subbtn.playlist a{opacity:1;pointer-events:all}body.hasWave .hd .controls .subbtn.playlist a{opacity:1;pointer-events:all}body.isPlaying .hd .controls .subbtn.playlist a{opacity:.25;pointer-events:none}.hd .controls .subbtn.share a{background-image:url(../images/share.svg);background-size:24.544px 26.18px;opacity:.25;pointer-events:none}body.isPlaying .hd .controls .subbtn.share a{opacity:.25;pointer-events:none}body.hasWave .hd .controls .subbtn.share a{opacity:1;pointer-events:all}body.isPlaying .hd .controls .subbtn.share a{opacity:.25;pointer-events:none}.voices{margin-top:-28px;position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}body.previewMode .voices{display:none}.voices .tab{position:relative;overflow:auto;z-index:1}.voices .tab::-webkit-scrollbar{width:0;height:0px}.voices .tab ul{display:flex;margin-left:10px;margin-right:10px}.voices .tab ul li{flex:1}.voices .tab ul li a{white-space:nowrap;font-size:16px;background-color:#e6e6e6;border:1px solid #707070;border-bottom:0;text-decoration:none;line-height:1em;color:#000;height:28px;display:flex;justify-content:center;align-items:center;border-radius:6px 6px 0 0;padding-left:10px;padding-right:10px}.voices .tab ul li a.active{background-color:#f8f8f8;border-bottom:1px solid #f8f8f8}.voices .clips{flex:1;position:relative;top:-1px;box-sizing:border-box;background-color:#f8f8f8;border-top:1px solid #707070;padding:10px;overflow:auto}.voices .clips ul{display:flex;flex-wrap:wrap}.wave{width:0;height:156px;display:flex;flex-direction:column;position:relative;left:0;top:0}.wave.fixed{position:fixed;background-color:rgba(255,255,255,.65);box-shadow:0 4px 8px rgba(0,0,0,.25)}.wave .graph{position:relative;height:115px}.wave .graph canvas{position:relative;width:100%;height:100%}.wave .text{font-size:13px;flex:1;display:flex;justify-content:center;align-items:center}.clip{position:relative;display:block;background-color:#fff;text-decoration:none;padding:10px 12px;padding-top:12px;border:2px solid #77d8d5;margin-right:4px;border-radius:8px;margin-bottom:6px}.clip .text{position:relative;color:#000;display:block;font-size:18px;line-height:1em}.clip .bar{display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:#77d8d5}.clip.drag{position:fixed;z-index:10}.clip.drag .bar{visibility:hidden}@font-face{font-family:"banana";src:url("/assets/font/YDWbananaslipplus.woff2") format("woff2");src:url("/assets/font/YDWbananaslipplus.woff") format("woff")}#opening{z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}#opening .logo{background-image:url(../images/logo.svg);background-size:100% 100%;width:189.218px;height:188.812px}#opening .tit{margin-top:40px;font-family:"banana",sans-serif;font-size:40px;line-height:1em}#opening .sub{margin-top:10px;font-family:"banana",sans-serif;font-size:20px}body.endOpening #opening{visibility:hidden}@font-face{font-family:"banana";src:url("/assets/font/YDWbananaslipplus.woff2") format("woff2");src:url("/assets/font/YDWbananaslipplus.woff") format("woff")}#modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;-webkit-user-select:all;-moz-user-select:all;user-select:all}#modal .back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.25)}body.openModal #modal{visibility:inherit}#modal .inner{position:relative;width:calc(100% - 80px);background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px}#modal .inner .tit{font-size:24px;font-family:"banana",sans-serif}#modal .inner .tit span{color:#e13c73}#modal .inner .lead{font-size:14px;margin-top:10px}#modal .inner .url{margin-top:20px;position:relative;border:1px solid #23a29e;padding:5px;line-height:1.35em;width:100%;box-sizing:border-box;word-break:break-all;word-wrap:break-word}#modal .inner .qr{margin-top:20px}#modal .inner .qr a{display:block}#modal .inner .close{margin-top:20px;width:100%}#modal .inner .close a{background-color:#77d8d5;font-size:14px;font-weight:bold;text-align:center;color:#000;line-height:1em;padding:10px;border-radius:100px;width:100%;box-sizing:border-box;display:block;text-decoration:none}/*# sourceMappingURL=structure.css.map */