#desktop{--header-size:50px;--main-size:calc(100% - var(--header-size));--color-bg1:#6bd8e5;--color-bg2:#98cead;--hover-color:#1212a3;box-shadow:4px 4px 20px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:0;height:100%;min-height:300px;width:100%}#desktop,#desktop *{white-space:normal}#desktop,#desktop *,#desktop :after,#desktop :before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}#desktop li,#desktop ul{list-style:none;margin:0;padding:0}#desktop header{align-items:center;background-color:#fff;display:flex;gap:10px;height:var(--header-size);padding:0 10px;position:relative;width:100%;z-index:100}#desktop .menu{gap:20px;margin-left:auto}#desktop .menu,#desktop .menu li{align-items:center;display:flex;height:100%}#desktop .menu li{gap:0;justify-content:center;padding:0;position:relative}#desktop .menu li a,#desktop .menu li label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:start;white-space:nowrap;width:100%}#desktop .menu *{color:#000;text-decoration:none}#menu .icon{fill:#000;height:20px;vertical-align:middle;width:20px}#desktop label[for=menu_toggle]{display:none}#desktop .menu>li>ul{backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.7);border-radius:5px;box-shadow:4px 4px 20px rgba(0,0,0,.5);display:flex;flex-direction:column;left:50%;margin:0;min-width:100px;padding:5px;position:absolute;top:100%;transform:translateX(-50%)}#desktop .menu>li:has(ul):after{border-color:#000;border-style:solid;border-width:0 1px 1px 0;content:"";display:inline-block;height:.5em;margin-left:4px;transform:rotate(45deg);width:.5em}#desktop .menu>li:not([data-active])>ul{display:none}#desktop .menu>li>ul li{cursor:pointer;justify-content:start}#desktop .menu>li>ul li *{white-space:nowrap}#desktop .menu>li>ul li a{border-radius:3px;font-size:.8em;padding:2px 5px}@media (hover:hover){#desktop .menu>li>ul li:hover a{background-color:var(--hover-color);color:#fff}}#desktop .menu>li>ul li:active a{background-color:var(--hover-color);color:#fff}#desktop .logo{align-items:center;background-color:var(--color-bg);display:flex;height:100%;text-decoration:none}#desktop .logo .name{white-space:nowrap}#desktop .logo img,#desktop .logo svg{fill:var(--color-01);height:100%}@media (max-width:768px){#desktop header{justify-content:space-between}#desktop header .menu{background-color:#fff;border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.5);flex-direction:column;gap:0;height:auto;left:50%;margin-top:-50px;opacity:0;overflow:hidden;padding:10px;pointer-events:none;position:absolute;top:50vh;transform:translate(-50%,calc(-50% - 100px));transition-duration:.3s;transition-property:transform,opacity;width:250px;z-index:20000}#desktop header .menu *{font-size:.9em;width:100%}#desktop header .menu a,#desktop header .menu label{padding:5px}#desktop .menu>li{flex-direction:column}#desktop .menu>li>ul{backdrop-filter:unset;background:none;box-shadow:none;display:flex!important;min-width:auto;position:static;transform:none;width:100%}#desktop input#hamburger[type=checkbox]:checked~header:before{background-color:rgba(0,0,0,.5);content:"";display:block;height:100vh;left:0;position:fixed;top:var(--header-size);width:100vw;z-index:10000}#desktop input#hamburger[type=checkbox]:checked~header .menu{margin-top:0;opacity:1;pointer-events:all;transform:translate(-50%,-50%)}#desktop .menu>li>ul>li{width:100%}#desktop .menu>li>ul>li a{font-size:inherit;padding:5px}#desktop .menu>li:has(ul):after{display:none}#desktop .menu>li>.auth{display:flex;justify-content:center;padding:5px 0;width:100%}#desktop .menu li:active>a{background-color:var(--hover-color);color:#fff}}@media (max-width:768px) and (hover:hover){#desktop .menu li:hover>a{background-color:var(--hover-color);color:#fff}}@media (max-width:500px){#desktop .logo .name{font-size:.9em}}.hamburger-menu{--size:20px;align-items:center;display:flex;gap:10px;height:100%;margin-left:auto;position:relative;text-align:center}.hamburger-menu,.hamburger-menu *{cursor:pointer}.hamburger-menu .hamburger{display:flex;flex-direction:column;height:var(--size);justify-content:space-around;width:var(--size)}.hamburger-menu .hamburger>*{background-color:#000;display:block;height:2px;margin:0;opacity:1;padding:0;transition-duration:.5s;transition-property:transform,opacity;width:100%}.hamburger-menu .hamburger>:first-of-type{transform:translateY(-50%) rotate(0deg);transform-origin:bottom left}.hamburger-menu .hamburger>:nth-of-type(3){transform:translateY(50%) rotate(0deg);transform-origin:top left}input#hamburger[type=checkbox]:checked~header .hamburger-menu .hamburger>:first-of-type{opacity:1;transform:translateY(-50%) rotate(45deg)}input#hamburger[type=checkbox]:checked~header .hamburger-menu .hamburger>:nth-of-type(2){opacity:0}input#hamburger[type=checkbox]:checked~header .hamburger-menu .hamburger>:nth-of-type(3){opacity:1;transform:translateY(50%) rotate(-45deg)}@media (min-width:769px){.hamburger-menu{display:none}}@media (max-width:500px){.hamburger-menu .name{display:none}}#desktop main{background:linear-gradient(-45deg,var(--color-bg1),var(--color-bg2));height:var(--main-size);overflow:hidden;position:relative;z-index:1}@media(max-width:768px){#desktop main{display:flex;flex-wrap:wrap;overflow:scroll;padding:10px}}#desktop{--icon-size:50px;--icon-margin:10px;--icon-font-size:10px;--z-move-add:2000}#desktop .icon{--w:calc(var(--icon-size) + var(--icon-margin)*2);--h:auto;--x:0px;--y:0px;--z:1;border:1px solid transparent;border-radius:5px;display:flex;flex-direction:column;gap:4px;height:var(--h);left:var(--x);overflow:hidden;position:absolute;top:var(--y);width:var(--w);z-index:var(--z)}#desktop .icon[data-status=move]{z-index:-1}#desktop .icon:not([data-status=move]){transition-duration:.3s;transition-property:left,top}#desktop .icon img{display:block;height:var(--icon-size);margin:0 var(--icon-margin);-o-object-fit:contain;object-fit:contain;pointer-events:none;width:var(--icon-size)}#desktop .icon .name{border:1px solid transparent;display:block;display:-webkit-box;font-size:var(--icon-font-size);line-height:1.4em;margin:0;overflow:hidden;padding:2px;text-align:center;text-overflow:ellipsis;width:100%;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}#desktop .icon[data-select] img{background-color:rgba(0,0,0,.3)}#desktop .icon-move-instance[data-select] .name,#desktop .icon[data-select] .name{background-color:#4256bc;color:#fff}#desktop .icon-move-instance{pointer-events:none;position:absolute;z-index:var(--z-move-add)}#desktop .icon-move-instance .icon{left:0;top:0}#desktop .icon[data-overlap]{background-color:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.5)}#desktop .icon[data-overlap] .name{background-color:#4256bc;color:#fff}#desktop .icon[data-overlap=prohibited]{background-color:rgba(0,0,0,.3);border-color:hsla(0,100%,81%,.5)}#desktop .icon[data-overlap=prohibited] .name{background-color:#bc5c42;color:#fff}#desktop .icon[data-status=move],#desktop .icon[data-status=move] .icon,#desktop .icon[data-status=move] .name{background-color:transparent!important;border:0!important;color:#000}#desktop .icon .name[contenteditable=true],#desktop .icon[data-overlap=prohibited] .name[contenteditable=true]{background-color:#fff;border-color:#4256bc;border-radius:5px;color:#000}@media (max-width:768px){#desktop .icon{display:block;order:-1;position:static}#desktop .icon[type=trash]{order:10}}#desktop .window{--x:0px;--y:0px;--w:200px;--h:200px;--z:100;--color-1:#ccc;--color-2:#44f;--color-3:#f44;border-color:var(--color-1);border-radius:10px;border-style:solid;border-width:2px;box-shadow:4px 4px 20px rgba(0,0,0,.5);display:flex;flex-direction:column;height:var(--h);left:var(--x);min-height:100px;min-width:200px;overflow:hidden;position:absolute;top:var(--y);width:var(--w);z-index:var(--z)}#desktop .window .header{align-items:center;background-color:var(--color-1);display:flex;gap:8px;height:30px;padding:10px;z-index:10}#desktop .window .header .thumb{height:24px;padding:0;width:24px}#desktop .window .header .thumb[src=""]{display:none}#desktop .window .header .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#desktop .window .header .view-type{background-color:#fff;border:1px solid #000;cursor:pointer;height:20px;margin-left:auto;position:relative;width:20px}#desktop .window .header .view-type:before{content:"";display:block;height:100%;width:100%}#desktop .window[data-view-type=icon] .body .icon{display:inline-flex;margin:5px;position:static;vertical-align:top}#desktop .window[data-view-type=list] .header .view-type:before{background-image:url(../img/window/apps.svg);background-size:100%}#desktop .window[data-view-type=icon] .header .view-type:before{background-color:#000;clip-path:polygon(20% 20%,80% 20%,80% 30%,20% 30%,20% 20%,20% 45%,80% 45%,80% 55%,20% 55%,20% 45%,20% 70%,80% 70%,80% 80%,20% 80%,20% 70%)}#desktop .window .header .wide{background-color:#fff;border:1px solid #000;cursor:pointer;height:20px;position:relative;width:20px}#desktop .window .header .wide:before{background-image:url(../img/window/full.svg);background-size:100%;content:"";display:block;height:100%;width:100%}#desktop .window[data-wide-flg] .header .wide:before{background-image:url(../img/window/mini.svg)}#desktop .window .header .close{background-color:#fff;border:1px solid #000;cursor:pointer;height:20px;position:relative;width:20px}#desktop .window .header .close:after,#desktop .window .header .close:before{background-color:#000;content:"";display:block;height:1px;left:50%;position:absolute;top:50%;width:100%}#desktop .window .header .close:before{transform:translate(-50%,-50%) rotate(45deg)}#desktop .window .header .close:after{transform:translate(-50%,-50%) rotate(-45deg)}#desktop .window .body{background-color:#fff;flex:1;overflow:auto;position:relative;z-index:1}#desktop .window[data-wide-flg]{height:100%!important;left:0!important;top:0!important;width:100%!important}#desktop .window{--resize-width:4px}#desktop .window .resize[name=horizontal]{cursor:ew-resize;height:100%;position:absolute;right:0;top:0;width:var(--resize-width);z-index:8}#desktop .window .resize[name=vertical]{bottom:0;cursor:ns-resize;height:var(--resize-width);left:0;position:absolute;width:100%;z-index:8}#desktop .window .resize[name=both]{bottom:0;cursor:nwse-resize;height:calc(var(--resize-width)*2);position:absolute;right:0;width:calc(var(--resize-width)*2);z-index:9}#desktop .window[data-overlap]{border-color:var(--color-2)}#desktop .window[data-overlap=prohibited]{border-color:transparent}@media (max-width:768px){#desktop .window{margin-top:10px;order:1;position:static;width:100%}}#desktop .context_menu{--x:0px;--y:0px;--w:auto;--h:auto;--z:3000;backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.7);border-radius:5px;box-shadow:2px 2px 10px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:0;height:var(--h);left:var(--x);overflow:hidden;padding:5px;position:absolute;top:var(--y);width:var(--w);z-index:var(--z)}#desktop .context_menu>*{border-radius:3px;cursor:pointer;font-size:.8em;padding:2px 5px;white-space:nowrap}#desktop .context_menu>li:hover{background-color:#1212a3;color:#fff}*,:after,:before{font-family:sans-serif;font-size:14px}#desktop .window[data-view-type=list] .body{display:flex;flex-direction:column;gap:0}#desktop .window[data-view-type=list] .body>*{border-bottom:1px solid #ddd;height:50px;min-height:50px;position:static;width:100%}#desktop .window[data-view-type=list] .body .icon{align-items:center;flex-direction:row;gap:10px}#desktop .window[data-view-type=list] .body .icon .name{flex:1;text-align:left}#desktop .window[data-view-type=list] .body .icon[data-select] .name{background-color:transparent;color:inherit}#desktop .window[data-view-type=list] .icon{cursor:auto}#desktop header .time{background-color:#eee;border-radius:5px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.5);padding:2px 10px}#desktop header .time *{white-space:nowrap}#desktop header .time.center *{text-align:center}#desktop header .time{padding-right:10px}#desktop header .time *{display:block;font-size:.8em;height:30%;text-align:right}#desktop header .time>*{display:block;margin:0}@media (max-width:500px){#desktop header .time{font-size:.9em}}#desktop header #login_icon{align-items:center;display:flex;padding:5px;width:var(--header-size)}#desktop header #login_icon img{aspect-ratio:1/1;clip-path:circle();width:100%}#desktop[data-logined=false] [data-logined],#desktop[data-logined=true] [data-unlogin]{display:none}#desktop .window .body .file{height:100%;overflow:auto;padding:10px;white-space:pre;width:100%}#desktop #modal{background-color:#eee;border-radius:10px;box-shadow:4px 4px 10px rgba(0,0,0,.5);color:#000;display:block;left:50%;margin:10px;max-width:100%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:30000}#desktop #modal button{background-color:var(--hover-color);border-radius:15px;color:#fff;cursor:pointer;display:block;font-size:.9em;height:30px;margin:20px auto 0;padding:0 20px;white-space:nowrap}#desktop #modal button:hover{opacity:.5}#desktop #modal .buttons{display:flex;gap:10px;justify-content:space-around}body,html{height:100%;margin:0;outline:none;overflow:hidden;padding:0;width:100%}#hoge{display:block}