@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Noto Sans JP,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif}@page{size:A4}body.screen main{font-family:Kosugi Maru,sans-serif;width:793px;margin:0 auto}body.screen main section.sheet{margin-left:auto;margin-right:auto}body.screen main section.sheet.padding-10mm{padding-left:15mm;padding-right:5mm}body.screen main section.sheet #icons{margin-bottom:1rem}body.screen main section.sheet article{position:relative;margin-bottom:4rem}body.screen main section.sheet article>div.bib{display:flex;width:95%;margin:0 auto 1rem}body.screen main section.sheet article>div.bib img#cover{display:block;height:180px;min-width:120px;margin-right:2rem;border:1px solid #cccccc}body.screen main section.sheet article>div.bib h1{line-height:2rem;margin-top:.5rem;margin-bottom:1rem}body.screen main section.sheet article>div.bib h1 #title{font-size:1.5rem;margin-right:1rem}body.screen main section.sheet article>div.bib h1 #volume{font-size:1rem}body.screen main section.sheet article>div.bib #author,body.screen main section.sheet article>div.bib #publisher,body.screen main section.sheet article>div.bib #pubdate{font-size:1.2rem;margin-bottom:1rem}body.screen main section.sheet article>div.bib #pubdate:before{content:"（"}body.screen main section.sheet article>div.bib #pubdate:after{content:"）"}body.screen main section.sheet article #content{position:relative;width:95%;margin:0 auto 10rem}body.screen main section.sheet article #content .konna{position:absolute;width:70mm;left:10mm;top:12mm}body.screen main section.sheet article #content .namae{position:absolute;width:70mm;left:50%;bottom:20mm}body.screen main section.sheet article #content textarea{display:none;position:absolute;top:12rem;left:2.5rem;z-index:100001;width:88%;min-width:88%;max-width:88%;height:11rem;min-height:10rem;max-height:20rem;font-size:1rem;line-height:1.25rem;padding:1rem;border:6px dotted #999999;border-radius:10px;transition:border .3s}body.screen main section.sheet article #content textarea:focus{outline:0;border:6px dotted #7889F3}body.screen main section.sheet article #content input[type=text]{display:none;position:absolute;bottom:6rem;left:26.5rem;z-index:100001;width:15rem;font-size:1.25rem;padding:.5rem;border:6px dotted #999999;transition:border .3s}body.screen main section.sheet article #content input[type=text]:focus{outline:0;border:6px dotted #7889F3}body.screen main section.sheet article #content #annotations{z-index:100001;width:100%;min-height:25rem;padding:29.5mm 10.5mm 0}body.screen main section.sheet article #content #annotations:after{content:"";position:absolute;top:12px;left:0;width:calc(100% - 20px);height:calc(100% - 100px);margin:0 auto;display:block;border-right:9px solid #000000;border-left:10px solid #000000}body.screen main section.sheet article #content #annotations #mask{display:none;width:350px;height:350px;float:left;shape-margin:7px}body.screen main section.sheet article #content #annotations p{position:relative;z-index:10000;font-size:1rem;line-height:1.5rem;margin-bottom:1rem}body.screen main section.sheet article #content #annotations p.hide{display:none}body.screen main section.sheet article #content #annotations p>span>span.place{display:inline-block;margin-left:1rem;background-color:#eee;padding:0 15px;font-size:.8rem;margin-top:2px;vertical-align:middle;border-radius:3px;line-height:26px}body.screen main section.sheet article #content #annotations p>span>span.likebtn-wrapper{display:inline-block;vertical-align:middle;margin-left:1rem}body.screen main section.sheet article .waku-top{width:100%;height:100px;background-image:url(./waku-DFOEkdfX.svg);background-repeat:no-repeat;background-position:0 top;background-size:100% auto}body.screen main section.sheet article .waku-bottom{width:100%;height:100px;background-image:url(./waku-DFOEkdfX.svg);background-repeat:no-repeat;background-position:-2px bottom;background-size:calc(100% + 1px) auto}body.screen main section.sheet article .character{position:absolute;bottom:-60px;left:-30px;width:350px}body.screen main section.sheet article .character img{width:350px}body.screen main section.sheet article #ndc{position:absolute;bottom:-12px;left:235px;z-index:100000;transform:rotate(11deg);font-weight:700;text-shadow:2px 2px 0px #ffffff,-2px 2px 1px #ffffff,2px -2px 1px #ffffff,-2px -2px 1px #ffffff,2px 0px 1px #ffffff,0px 2px 1px #ffffff,-2px 0px 1px #ffffff,0px -2px 1px #ffffff;display:block;max-width:15rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.screen main section.sheet article .isbn{position:absolute;bottom:-32px;left:70%;width:500px;overflow:hidden;border-top-left-radius:320% 100%}body.screen main section.sheet #icons2{position:absolute;bottom:15mm}body.screen main section.sheet footer{display:flex;align-items:center;justify-content:flex-end;position:absolute;width:100%;bottom:8mm;right:11mm;font-size:.9rem}body.screen main section.sheet footer img{width:100px;margin-left:.5rem}body.screen main section.sheet .binder{position:absolute;top:0;left:0;width:0;height:100%}body.screen main section.sheet .binder:before{content:"";width:6mm;height:6mm;background-color:#fff;border:2px solid #cccccc;border-radius:50px;position:absolute;top:calc(50% - 40mm);left:7mm}body.screen main section.sheet .binder:after{content:"";width:6mm;height:6mm;background-color:#fff;border:2px solid #cccccc;border-radius:50px;position:absolute;top:calc(50% + 40mm);left:7mm}body.print{-webkit-print-color-adjust:exact}body.print main{font-family:Kosugi Maru,sans-serif;width:793px;margin:0 auto}body.print main section.sheet{margin-left:auto;margin-right:auto}body.print main section.sheet.padding-10mm{padding-left:15mm;padding-right:5mm}body.print main section.sheet #icons{margin-bottom:4.233mm}body.print main section.sheet article{position:relative;margin-bottom:16.933mm}body.print main section.sheet article>div.bib{display:flex;width:95%;margin:0 auto 4.233mm}body.print main section.sheet article>div.bib img#cover{display:block;height:180px;min-width:120px;margin-right:8.467mm;border:1px solid #cccccc}body.print main section.sheet article>div.bib h1{line-height:8.467mm;margin-top:2.117mm;margin-bottom:4.233mm}body.print main section.sheet article>div.bib h1 #title{font-size:6.35mm;margin-right:4.233mm}body.print main section.sheet article>div.bib h1 #volume{font-size:4.233mm}body.print main section.sheet article>div.bib #author,body.print main section.sheet article>div.bib #publisher,body.print main section.sheet article>div.bib #pubdate{font-size:5.08mm;margin-bottom:4.233mm}body.print main section.sheet article>div.bib #pubdate:before{content:"（"}body.print main section.sheet article>div.bib #pubdate:after{content:"）"}body.print main section.sheet article #content{position:relative;width:95%;height:165mm;margin:0 auto 33.867mm}body.print main section.sheet article #content .konna{position:absolute;width:70mm;left:10mm;top:12mm}body.print main section.sheet article #content .namae{position:absolute;width:70mm;left:50%;top:135mm}body.print main section.sheet article #content .waku{position:absolute;width:100%}body.print main section.sheet article #content textarea{display:none}body.print main section.sheet article #content input[type=text]{display:none}body.print main section.sheet article #content #annotations{display:none;width:88%;min-width:88%;max-width:88%;height:77mm;min-height:auto;padding:0;margin-top:29.5mm;margin-left:10.5mm;overflow:hidden;height:193px}body.print main section.sheet article #content #annotations:after{content:"";position:absolute;top:10px;left:0;width:calc(100% - 20px);height:calc(100% - 100px);margin:0 auto;display:block;border-right:9px solid #000000;border-left:10px solid #000000}body.print main section.sheet article #content #annotations div#mask{display:none;width:350px;height:350px;float:left;shape-margin:5px;margin-left:-60px;margin-top:110px}body.print main section.sheet article #content #annotations p{font-size:4.233mm;line-height:6.35mm;margin-bottom:4.233mm}body.print main section.sheet article #content #annotations p.hide{display:none}body.print main section.sheet article #content #annotations p>span>span.place{display:inline-block;margin-left:4.233mm;background-color:#eee;padding:0 15px;font-size:3.387mm;margin-top:2px;vertical-align:middle;border-radius:3px;line-height:26px}body.print main section.sheet article #content #annotations p>span>span.likebtn-wrapper{display:inline-block;vertical-align:middle;margin-left:4.233mm}body.print main section.sheet article .waku-top{width:100%;height:100px;background-image:url(./waku-DFOEkdfX.svg);background-repeat:no-repeat;background-position:0 top;background-size:100% auto}body.print main section.sheet article .waku-bottom{width:100%;height:100px;background-image:url(./waku-DFOEkdfX.svg);background-repeat:no-repeat;background-position:-2px bottom;background-size:calc(100% + 1px) auto;margin-top:6rem}body.print main section.sheet article .character{position:absolute;bottom:-20px;left:-30px;width:350px}body.print main section.sheet article .character img{width:325px}body.print main section.sheet article #ndc{position:absolute;top:792px;left:235px;z-index:100000;transform:rotate(11deg);font-weight:700;text-shadow:2px 2px 0px #ffffff,-2px 2px 1px #ffffff,2px -2px 1px #ffffff,-2px -2px 1px #ffffff,2px 0px 1px #ffffff,0px 2px 1px #ffffff,-2px 0px 1px #ffffff,0px -2px 1px #ffffff;display:block;max-width:60.854mm;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.print main section.sheet article .isbn{position:absolute;bottom:-10px;left:70%;width:500px;overflow:hidden;border-top-left-radius:320% 100%}body.print main section.sheet #icons2{position:absolute;bottom:15mm}body.print main section.sheet footer{display:flex;align-items:center;justify-content:flex-end;position:absolute;width:100%;bottom:8mm;right:11mm;font-size:3.81mm}body.print main section.sheet footer img{width:100px;margin-left:2.117mm}body.print main section.sheet .binder{display:none;position:absolute;top:0;left:0;width:0;height:100%}body.print main section.sheet .binder:before{content:"";width:6mm;height:6mm;background-color:#fff;border:2px solid #cccccc;border-radius:50px;position:absolute;top:calc(50% - 40mm);left:7mm}body.print main section.sheet .binder:after{content:"";width:6mm;height:6mm;background-color:#fff;border:2px solid #cccccc;border-radius:50px;position:absolute;top:calc(50% + 40mm);left:7mm}@media screen and (max-width: 768px){body.screen{background-origin:#ffffff}body.screen main section.sheet{box-shadow:none;margin-top:0;padding:10mm 10mm 5mm!important}body.screen main section.sheet #icons{margin-bottom:3rem;overflow:hidden;height:100px}body.screen main section.sheet #icons img{width:100px;margin-right:1.2rem}body.screen main section.sheet article>div.bib{margin-bottom:2rem}body.screen main section.sheet article>div.bib img#cover{height:280px;min-width:280px;object-fit:contain}body.screen main section.sheet article>div.bib h1 #title{font-size:2rem;margin-right:1rem}body.screen main section.sheet article>div.bib h1 #volume{font-size:1.5rem}body.screen main section.sheet article>div.bib #author,body.screen main section.sheet article>div.bib #publisher,body.screen main section.sheet article>div.bib #pubdate{font-size:1.5rem;margin-bottom:1rem}body.screen main section.sheet article .binder{display:none}body.screen main section.sheet article #content{position:relative;width:95%;margin:0 auto 10rem}body.screen main section.sheet article #content .konna{position:absolute;width:70mm;left:10mm;top:12mm}body.screen main section.sheet article #content #annotations p{font-size:2rem;line-height:3rem;margin-bottom:2rem}body.screen main section.sheet article #content #annotations p>span{display:inline-block;position:relative;top:.25rem;transform:scale(1.5);transform-origin:left}body.screen main section.sheet article #ndc{bottom:-25px;font-size:1.5rem}body.screen main section.sheet article .isbn{position:absolute;bottom:-32px;left:70%;width:500px;overflow:hidden;border-top-left-radius:320% 100%}body.screen main section.sheet #icons2{overflow:hidden;height:100px}body.screen main section.sheet #icons2 img{width:100px;margin-right:1.2rem}}