@charset "utf-8";body,html{width:100%;margin:.5em 0 0 0;padding:0;font-family:'Kosugi Maru',sans-serif;color:#fff;background:#111}div#load{height:95vh;width:100%;display:table}div#load>div{display:table-cell;text-align:center;vertical-align:middle}div#load>div>p{margin:0}div#load>div>img{display:block;margin:0 auto}article{display:flex;padding-top:5px;justify-content:center}article main{width:100vw;max-width:493px;min-width:320px;height:auto;overflow:hidden}article main #imgArea{cursor:pointer}article main>div{display:inline-block;margin:0;padding:0}article main div#imgArea{width:100%;min-width:320px;height:72.8vh;min-height:451px;overflow:hidden;text-align:center;position:relative}article main div.scroll{overflow-x:scroll!important}article main div.scroll::-webkit-scrollbar{width:5px;height:5px}article main div.scroll::-webkit-scrollbar-thumb{background-color:rgba(0,206,209,.5);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.3)}article main div.scroll img{width:auto!important}article main div#imgArea picture{position:absolute;height:100%;width:100%;left:0}article main div#imgArea img.comic{height:100%;pointer-events:none}article main div#msgArea{background:#4d4d4d;color:#fff;width:100%;min-width:320px;height:150px;min-height:70px;vertical-align:top;font-size:calc(.8em + (1vh - .3em) * (6 / 5.2))}article main #msgArea #msg{padding:8px;height:calc(15vh - 15px);min-height:55px;max-height:135px;overflow-y:auto}article main #msgArea #msg::-webkit-scrollbar{width:10px;height:10px}article main #msgArea #msg::-webkit-scrollbar-thumb{background-color:rgba(0,206,209,.5);border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.3)}article main #msgArea #msg span.msg_enter{color:#00ced1;font-size:80%;margin:0 5px}#autoSwitch{display:flex;padding-top:10px;justify-content:center}#autoSwitch>div{width:100vw;max-width:493px;min-width:320px}#autoSwitch div div{width:100%;min-width:320px;text-align:center}#autoSwitch input{display:none}#autoSwitch ul{margin:0;padding:0;display:inline}#autoMode:checked~ul label li#autoSw,#manualMode:checked~ul label li#manuSw,#soundDisable:checked~ul label li#disableSound,#soundEnable:checked~ul label li#enableSound{background:#fff;color:#4d4d4d;cursor:default}#autoSwitch ul li{display:inline;padding:5px 12px;border:1px #4d4d4d solid;cursor:pointer;background:#999;color:#666}#autoSwitch li#autoSw,#autoSwitch li#enableSound{border-right:none;border-radius:5px 0 0 5px}#autoSwitch ul li#disableSound,#autoSwitch ul li#manuSw{border-radius:0 5px 5px 0}#choice{position:absolute;display:table;width:100%;max-width:493px;min-width:320px;height:calc(72.8vh + 1px);min-height:451px;background:rgba(0,0,0,.6);z-index:200}#choice ul{text-align:center;display:table-cell;vertical-align:middle;padding:0}#choice ul li.choice{color:#fff;list-style-type:none;padding:15px;cursor:pointer;font-size:140%}#choice ul li.choice:hover{background:rgba(255,255,255,.3)}.mt20{margin-top:20px}@media screen and (max-width:1280px){article{padding:0}#choice{width:calc(51.5vh + 1px)}#choice ul{height:100%}article main div#imgArea{width:51.5vh}article main div#msgArea{width:51.5vh;height:12vh}#autoSwitch div div{width:51.5vh}#autoSwitch{font-size:70%}article main #msgArea #msg{height:calc(12vh - 15px);font-size:calc(.5em + (1vh - .3em) * (6 / 5.2))}}@media screen and (max-width:768px){body,html{margin:0}#choice{width:calc(51.5vh)}}