body,button,input,textarea,select,option{font-size:16px;font-family:"Segoe UI","Lucida Grande","Bitstream Vera Sans","Microsoft JhengHei UI","Noto Sans CJK TC","PingFang TC","Microsoft YaHei UI","Noto Sans CJK SC","PingFang SC","Yu Gothic UI","Noto Sans CJK JP","Hiragino Kaku Gothic Pro","TakaoPGothic","Malgun Gothic","Nanum Gothic","Noto Sans CJK KR","Apple SD Gothic Neo",sans-serif}code{font-family:Consolas,Menlo,Monaco,"DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New",monospace}body{margin:0;overflow-x:hidden}body>header{display:table;width:100%;height:72px;border-bottom-width:1px;border-bottom-style:solid;table-layout:fixed}body>header>li{display:table-cell;vertical-align:top}body>header>li:first-child{padding-top:5px;padding-left:5px;width:284px;background-image:url("../images/gurumgicha_bg.png");background-repeat:no-repeat;background-position:5px 5px;background-size:278px 62px}body>header>li:first-child>img{width:278px;height:62px}body>header>li:last-child{position:relative;padding:21px 21px 21px 10px;width:74px;text-align:right}body>header>li:last-child>button{width:74px;text-align:left}body>header>li:last-child>button::before{display:inline-block;content:"☾";width:20px}body>header>li:last-child>button::after{content:"Dark"}body>header>li:last-child>div:last-child{position:absolute;top:51px;right:16px;width:84px;height:0px;z-index:2;box-sizing:border-box;overflow:hidden;transition:height .2s}body>header>li:last-child>div:last-child::before{position:absolute;content:"";top:0;left:36px;display:block;width:12px;height:7px;background-image:url("../images/point_light.png");background-repeat:no-repeat;background-size:12px 7px}body>header>li:last-child>div:last-child>div{margin-top:5px;padding:2px;border-radius:4px;border-width:1px;border-style:solid;cursor:default}body>header>li:last-child>div:last-child>div>div{padding:2px;line-height:22px;text-align:left;border-width:1px;border-color:transparent;border-style:solid}body>header>li:last-child>div:last-child>div>div:hover{background-color:#E9EDF1}body>header>li:last-child>div:last-child>div>div>span{display:inline-block;width:20px;height:20px;line-height:0;vertical-align:top;border-radius:2px;border-width:1px;border-style:solid;background-repeat:no-repeat;background-position:center;background-size:16px 16px}body>header>li:last-child>div:last-child>div>div:first-child{background-color:#E9EDF1;border-color:#A1A1A1}body>header>li:last-child>div:last-child>div>div:first-child>span{background-image:url("../images/light.png");background-color:#FFFFFF;border-color:#A1A1A1}body>header>li:last-child>div:last-child>div>div:last-child>span{background-image:url("../images/dark.png");background-color:#2E2E2E;border-color:#5C5C5C}body>main{display:table;width:100%;table-layout:fixed}body>main>nav{display:table-cell;width:279px;border-right-width:1px;border-right-style:solid;vertical-align:top}body>main>nav>div{height:calc(100dvh - 73px);overflow-y:auto}body>main>nav>div>label{display:block}body>main>nav>div>label>input{display:none}body>main>nav>div>label>input+span{display:block;padding:0 6px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;border-left-width:4px;border-left-style:solid;border-left-color:transparent;overflow:hidden}body>main>nav>div>label>input+span:hover{font-weight:bold}body>main>nav>div>label>input:checked+span{font-weight:bold;border-left-color:#23A8F2}body>main>section{display:table-cell;width:100%;vertical-align:top}body>main>section>h1{display:table;margin:0;width:100%;height:40px;font-size:18px;cursor:default;border-bottom-width:1px;border-bottom-style:solid;table-layout:fixed}body>main>section>h1>li{display:table-cell;height:40px;vertical-align:top}body>main>section>h1>li:first-child{width:10px}body>main>section>h1>li:last-child{line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body>main>section>article>div.article{padding:10px}html[data-jig-theme="dark"] body>header>li:first-child>img{filter:invert(1)}html[data-jig-theme="dark"] body>header>li:last-child>button::before{content:"☀︎"}html[data-jig-theme="dark"] body>header>li:last-child>button::after{content:"Light"}html[data-jig-theme="dark"] body>header>li:last-child>div:last-child:last-child::before{background-image:url("../images/point_dark.png")}html[data-jig-theme="dark"] body>header>li:last-child>div:last-child:last-child>div>div:hover{background-color:#3E3E3E}html[data-jig-theme="dark"] body>header>li:last-child>div:last-child>div>div:first-child{background-color:transparent;border-color:transparent}html[data-jig-theme="dark"] body>header>li:last-child>div:last-child>div>div:last-child{background-color:#3E3E3E;border-color:#5C5C5C}html[data-jig-theme="dark"] body>main>section>h1>li:first-child::after{border-color:#E6E6E6}@media (max-width:660px),(max-height:480px){body>header{height:42px}body>header>li:first-child{width:120px;background-size:139px 31px}body>header>li:first-child>img{width:139px;height:31px}body>header>li:last-child{padding:6px}body>header>li:last-child>div:last-child{top:36px;right:1px}body>main{margin-left:-280px;transition:margin-left .3s;width:calc(100% + 280px)}body>main>nav>div{height:calc(100dvh - 43px)}body>main>section{width:100%}body>main>section>h1>li:first-child{position:relative;width:28px}body>main>section>h1>li:first-child::after{position:absolute;top:17px;left:9px;display:block;content:"";width:9px;height:9px;border-top-width:3px;border-top-style:solid;border-top-color:#000000;border-right-width:3px;border-right-style:solid;border-right-color:#000000;transform:rotate(45deg);transform-origin:9px 3px;transition:transform .3s}body>main>section>h1:hover>li:first-child::after{border-color:#23A8F2 !important}body>main.expanding{margin-left:0;transition:margin-left .3s}body>main.expanding>section>h1>li:first-child::after{transform:rotate(225deg)}}