.dt_r_t_doc.dt_r_disco-tegaki{-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}.dt_r_t_doc.dt_r_disco-tegaki *{box-sizing:border-box;margin:0;padding:0}.dt_r_t_doc.dt_r_disco-tegaki div{outline:0}.dt_r_t_doc.dt_r_disco-tegaki input{border-radius:0}.dt_r_t_doc.dt_r_disco-tegaki [type=number]::-webkit-inner-spin-button,.dt_r_t_doc.dt_r_disco-tegaki [type=number]::-webkit-outer-spin-button{height:auto}.dt_r_t_doc.dt_r_disco-tegaki textarea{overflow:auto;resize:vertical}.dt_r_t_doc.dt_r_disco-tegaki button,.dt_r_t_doc.dt_r_disco-tegaki input,.dt_r_t_doc.dt_r_disco-tegaki select,.dt_r_t_doc.dt_r_disco-tegaki textarea{font:inherit}.dt_r_t_doc.dt_r_disco-tegaki button{overflow:visible;cursor:pointer;-webkit-appearance:button}.dt_r_t_doc.dt_r_disco-tegaki button,.dt_r_t_doc.dt_r_disco-tegaki select{text-transform:none}.dt_r_t_doc.dt_r_disco-tegaki button,.dt_r_t_doc.dt_r_disco-tegaki input,.dt_r_t_doc.dt_r_disco-tegaki select,.dt_r_t_doc.dt_r_disco-tegaki textarea{background-color:rgba(0,0,0,0);border-style:none}.dt_r_t_doc.dt_r_disco-tegaki a:focus,.dt_r_t_doc.dt_r_disco-tegaki button:focus,.dt_r_t_doc.dt_r_disco-tegaki input:focus,.dt_r_t_doc.dt_r_disco-tegaki select:focus,.dt_r_t_doc.dt_r_disco-tegaki textarea:focus{outline-width:0}.dt_r_t_doc.dt_r_disco-tegaki select{-moz-appearance:none;-webkit-appearance:none}.dt_r_t_doc.dt_r_disco-tegaki select::-ms-expand{display:none}.dt_r_t_doc.dt_r_disco-tegaki select::-ms-value{color:currentColor}.dt_r_t_doc.dt_r_disco-tegaki legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}.dt_r_t_doc.dt_r_disco-tegaki [disabled]{cursor:default}.dt_r_t_doc.dt_r_disco-tegaki img{border-style:none}.dt_r_t_doc.dt_r_disco-tegaki ul,.dt_r_t_doc.dt_r_disco-tegaki ol{list-style:none}.dt_r_t_doc.dt_r_disco-tegaki{--tegaki-canvas-main-color: rgb(128, 0, 0);--tegaki-canvas-sub-color: rgb(240, 224, 214);--background-color: rgb(255, 255, 238);--tegaki-canvas-padding-side: 16px;--tegaki-canvas-canvas-margin-right: 4px;--tegaki-canvas-tool-size: 24px;--tegaki-canvas-width-without-canvas: calc(var(--tegaki-canvas-padding-side)*2 + var(--tegaki-canvas-canvas-margin-right) + var(--tegaki-canvas-tool-size)*2);--button-hover-color: rgb(243, 209, 189);--button-active-color: rgb(230, 189, 166);--input-frame-color: rgb(218, 179, 171);--input-background-color: rgb(255, 250, 238);--window-zindex: 100;--panel-zindex: 101;--panel-focused-zindex: 105;font-size:16px;font-family:"gg sans","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","Osaka","MS PGothic","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.dt_r_t_doc.dt_r_disco-tegaki.dt_r_root{position:fixed;left:0;top:0;width:0;height:0;z-index:100;line-height:normal;-moz-user-select:none;-webkit-user-select:none;user-select:none}.dt_r_t_doc.dt_r_disco-tegaki.dt_r_button-open{position:fixed !important;bottom:0;right:0;z-index:var(--window-zindex, 100);font-size:16px}.dt_r_t_doc.dt_r_disco-tegaki.dt_r_button-open button{cursor:pointer;padding:0 8px;border-radius:4px 4px 0 0;height:20px;border:none;color:var(--tegaki-canvas-main-color);background-color:var(--tegaki-canvas-sub-color)}.dt_r_t_doc.dt_r_disco-tegaki.dt_r_button-open button:hover{background-color:var(--button-hover-color)}.dt_r_t_doc.dt_r_disco-tegaki.dt_r_button-open button:active{background-color:var(--button-active-color)}.dt_r_t_doc.dt_r_disco-tegaki button{color:var(--tegaki-canvas-main-color);background-color:rgba(0,0,0,0);border:1px solid var(--tegaki-canvas-main-color)}.dt_r_t_doc.dt_r_disco-tegaki button:hover{background-color:var(--button-hover-color)}.dt_r_t_doc.dt_r_disco-tegaki button:active{background-color:var(--button-active-color)}.dt_r_t_doc.dt_r_disco-tegaki button img{-webkit-user-drag:none}.dt_r_t_doc.dt_r_disco-tegaki input[type=text],.dt_r_t_doc.dt_r_disco-tegaki input[type=number]{border-radius:6px;border:1px solid var(--input-frame-color);background:var(--input-background-color);padding:4px 10px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_bg-transparent-s{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAAAAADhZOFXAAAAFklEQVR42mM4AwT/gYABDwNEgDh4GAASQDlhZyXAgAAAAABJRU5ErkJggg==);background-repeat:repeat}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_bg-transparent-m{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAXNSR0IArs4c6QAAABhJREFUeNpj+A8FZ6CAYYAEYAyYxAAJAAD0J+WB8+cu5gAAAABJRU5ErkJggg==);background-repeat:repeat}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window{display:none;position:absolute;overscroll-behavior-x:none;touch-action:none;overflow:hidden;background:var(--background-color);border-radius:8px;box-shadow:4px 4px 10px rgba(0,0,0,.5);color:var(--tegaki-canvas-main-color);font-size:16px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window>.dt_r_inner{display:grid;grid-template-rows:auto 1fr auto;height:100%}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window button{color:var(--tegaki-canvas-main-color);background-color:rgba(0,0,0,0);border:1px solid var(--tegaki-canvas-main-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window button:hover{background-color:var(--button-hover-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window button:active{background-color:var(--button-active-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools{display:flex}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*{width:24px;height:24px;line-height:24px;text-align:center;border:none;padding:0;margin:0;cursor:initial;font-size:14px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*:hover{background-color:rgba(0,0,0,0)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*:active{background-color:rgba(0,0,0,0)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*[data-active]{background-color:#afe3f0 !important}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*:enabled:hover{background-color:#f3d1bd}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*:enabled:active{background-color:#e6bda6}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*:disabled{filter:opacity(0.3)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_tools>*.dt_r_separator{width:15px;pointer-events:none}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-head{display:flex;padding:0 0 0 16px;border-bottom:1px solid var(--tegaki-canvas-main-color);height:30px;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-head>.dt_r_title{flex-grow:1;cursor:grab;color:var(--tegaki-canvas-main-color);font-size:14px;text-align:right;padding-right:10px;pointer-events:none}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-head>.dt_r_button-close{flex-grow:0;width:36px;font-size:20px;height:100%;border:none}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"draw tools";gap:4px;height:100%;padding:4px 16px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-draw{position:relative;grid-area:draw;line-height:1}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_tegaki-canvas{position:relative;width:100%;height:100%;overflow:hidden}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_tegaki-canvas>canvas{position:absolute;top:0;left:0}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-tools{grid-area:tools}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-tools .dt_r_tools{display:flex;width:48px;flex-wrap:wrap}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-tools .dt_r_tools>*.dt_r_spacer{width:48px;height:12px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-tools .dt_r_tools .dt_r_color-cell{width:100%;height:100%}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_area-bottom{padding:0 16px 4px 16px;display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_area-bottom .dt_r_status{margin-left:12px;font-size:12px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_area-resize{position:absolute;width:18px;height:18px;right:0;bottom:0;cursor:nwse-resize}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_tegaki-canvas canvas{cursor:none;display:block;overscroll-behavior-x:none;touch-action:none}.dt_r_dt-selector{position:fixed;box-sizing:border-box;border:1px dashed rgba(0,0,0,.7);background:rgba(255,255,255,.1);z-index:102}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel{position:absolute;overflow:hidden;z-index:var(--panel-zindex);background:#ffe;border-radius:6px;padding:0;display:none;box-shadow:3px 3px 8px rgba(0,0,0,.5)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel[data-focused]{z-index:var(--panel-focused-zindex)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_titlebar{display:flex;padding:0 0 0 4px;border-bottom:1px solid var(--tegaki-canvas-main-color);height:25px;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_titlebar>*{height:24px;line-height:24px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_titlebar>.dt_r_area-title{flex-grow:1;cursor:grab;color:var(--tegaki-canvas-main-color);font-size:14px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_titlebar>.dt_r_area-button-close{flex-grow:0;width:24px;height:24px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_titlebar>.dt_r_area-button-close button{margin:0;padding:0;width:24px;height:24px;border:none}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel>.dt_r_contents{padding:4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer{width:120px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_area-buttons{display:flex}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_area-buttons>button{width:24px;height:24px;flex-grow:0;border:0;margin:0;padding:0}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_area-buttons>.dt_r_space{flex-grow:1}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers{display:flex;flex-wrap:wrap;flex-direction:column-reverse}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>*{border:1px solid maroon;height:36px;display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>*[data-active]{background-color:var(--tegaki-canvas-sub-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>*+*{margin-bottom:-1px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-visibility{width:26px;height:100%;border-right:1px solid var(--tegaki-canvas-main-color);background-color:var(--background-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-visibility[data-visible]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAPElEQVR42mNwL/BhoCVmGLVg1ALaWKCnpPSfHDzgFpBlGcVx8B8CaGcB1KBRC4anBYQtGS3sRi0YJhYAAEFAcqGi8cq+AAAAAElFTkSuQmCC);background-position:center center;background-repeat:no-repeat}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-thumbnail{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:0 2px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-thumbnail canvas{display:block}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-opacity{flex-grow:0;display:flex;align-items:center;justify-content:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-opacity .dt_r_icon-opacity{width:20px;height:20px;margin:2px;display:inline-block;border:1px solid #443535;border-radius:50%;overflow:hidden}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-layer .dt_r_layers>* .dt_r_block-opacity .dt_r_icon-opacity>.dt_r_opacity-color{width:100%;height:100%}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-slider .dt_r_contents li{display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-slider .dt_r_contents li input[type=range]{width:120px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-slider .dt_r_contents li input[type=number]{width:30px;text-align:right}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-properties .dt_r_contents li{margin-bottom:8px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-properties .dt_r_contents li .dt_r_item-number>span{display:block;font-size:12px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-properties .dt_r_contents li .dt_r_item-number>div{display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-properties .dt_r_contents li .dt_r_item-number>div input[type=range]{width:120px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-properties .dt_r_contents li .dt_r_item-number>div input[type=number]{width:30px;text-align:right}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_area_presets{max-height:100%;display:flex}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_preset{position:relative;width:80px;height:80px;background:var(--background-color);border:1px solid var(--input-frame-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:4px;cursor:pointer}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_size_preview{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_preset:hover{background:var(--input-frame-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_box{background:var(--tegaki-canvas-sub-color);border:1px solid var(--tegaki-canvas-main-color);max-width:100%;max-height:100%}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_name{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:12px;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_width{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:12px;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_height{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:12px;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize .dt_r_row{padding:4px 4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-resize input[type=number]{width:100px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_contents>.dt_r_wrap{display:flex}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-palette{margin-right:4px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-palette .dt_r_colors{display:flex;flex-wrap:wrap;width:104px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-palette .dt_r_colors>*{box-sizing:border-box;width:24px;height:24px;margin-right:2px;margin-bottom:2px;background-color:attr(data-color)}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-palette .dt_r_colors>*.dt_r_selected{border:1px solid #fff;outline:1px solid maroon}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-picker>ul>li{display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_area-picker>ul>li>*+*{margin-left:2px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_panel-color .dt_r_preview{width:100%;height:24px;border:1px solid #7e7676;margin-bottom:2px;text-align:right;font-size:10px;line-height:24px;font-family:monospace;white-space:pre}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_row-preview{height:30px;line-height:30px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_preview{display:inline-block;width:100%;min-height:1px;background-color:#000;vertical-align:middle}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_contents li{display:flex;align-items:center}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_contents li span{width:3em}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_contents li input[type=range]{width:120px}.dt_r_t_doc.dt_r_disco-tegaki .dt_r_size-selector .dt_r_contents li input[type=number]{width:30px;text-align:right}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki.dt_r_root{width:100%;height:100%}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_window{width:100% !important;height:100% !important}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_window .dt_r_area-head{height:36px}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_window .dt_r_area-main{padding:4px 4px}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_window .dt_r_area-main .dt_r_area-tools .dt_r_tools{width:72px}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_area-resize{display:none}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_tools{display:flex}.dt_r_t_doc.dt_r_sp.dt_r_disco-tegaki .dt_r_tools>*{width:36px;height:36px;line-height:36px;text-align:center;border:none;padding:0;margin:0;cursor:initial;font-size:36px}