html{--mainWidth: calc(90vw - 270px)}@media (max-width: 900px){html{--mainWidth: 90vw}}html{font-size:14px}body{margin:0;padding:0;font:400 1rem/1.7 -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;color:#333;background:#f8f9fa}.js-focus-visible :focus:not(.focus-visible){outline:0}*{box-sizing:border-box}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}a{color:#1c3a7c;text-decoration:none;padding-bottom:1px;border-bottom:1px solid #1c3a7c;transition:all 300ms ease;cursor:pointer}a:hover{border-color:transparent}a:visited{color:#1c3a7c}img{vertical-align:top}.inputBtn{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}_::-webkit-full-page-media,_:future,html *:focus,_::-webkit-full-page-media,_:future,html .inputBtn:focus+.inputLabel{outline:3px solid #ff7e39;outline-offset:5px}_::-webkit-full-page-media,_:future,html label:focus-within{outline:3px solid #ff7e39;outline-offset:5px}*:focus-visible,*:focus-visible ~ .inputLabel{outline:3px solid #ff7e39;outline-offset:5px}header{display:block;width:100vw;height:64px;background-color:#1c3a7c;position:fixed;top:0;z-index:3;box-shadow:0 2px 10px #00000055}header h1{display:inline-block;margin:0}header h1 #h1svg{height:32px;margin:15.5px 0 15.5px calc((100vw - var(--mainWidth) - 270px) / 2)}@media (max-width: 900px){header h1 #h1svg{height:26px;margin:19px 0 19px calc((100vw - var(--mainWidth)) / 2)}}@media (max-width: 700px){header h1 #h1svg{height:22px;margin:21px auto 21px calc((100vw - var(--mainWidth)) / 2)}}.top{margin-top:90px !important}main{width:calc(100vw - 270px);margin-left:0;margin-right:auto}@media (max-width: 900px){main{width:100vw}}nav{background:#fff;width:270px;height:calc(100vh - 64px);position:fixed;top:64px;right:0;box-shadow:0 2px 4px #00000015;overflow:auto}@media (max-width: 900px){nav{visibility:hidden;opacity:0;width:100vw;height:100%;z-index:0;transition:all 300ms ease}}nav ul{overflow:auto;list-style:none;padding:0 18px 0 15px}@media (max-width: 900px){nav ul{width:var(--mainWidth);margin:20px auto;padding:0}nav ul #lastnav{display:block;width:1px;height:30px;background:none}}nav ul li{margin:15px auto 15px 30px}nav hr{border:1px solid #e5e5e5;margin:30px auto}h2{font-size:1.4rem;color:#4d4d4d;margin:10px 0}.block{background:#fff;border-radius:5px;padding:5px 20px;margin:20px 0;box-shadow:0 2px 4px #00000015}.widthBlock{width:var(--mainWidth);margin:20px auto}.scroll{overflow-x:auto;width:100%}#annotations p{position:relative}.supertext{vertical-align:super;font-size:smaller;position:absolute;top:-10%}.annotation{display:inline-block;margin-left:42px;width:calc(var(--mainWidth) - 73px)}footer{text-align:center;width:var(--mainWidth);margin:50px auto auto}#counter{display:block;margin:20px auto;width:160px;height:15px}#shareBtn{margin:20px auto;width:var(--mainWidth);display:flex;flex-wrap:wrap;border-radius:5px;overflow:hidden;box-shadow:0 2px 4px #00000015}#shareBtn>*{text-align:center;width:calc(var(--mainWidth)/5);border:none}#shareBtn>* img{padding-bottom:0}#twitter{padding:calc((50px - 1.9rem) / 2) 0;background-color:#10A1F0}#twitter img{height:1.9rem}#line{padding:calc((50px - 2.2rem) / 2) 0;background-color:#00B922}#line img{height:2.2rem}#facebook{padding:calc((50px - 2.1rem) / 2) 0;background-color:#355897}#facebook img{height:2.1rem}#hatena{padding:calc((50px - 1.8rem) / 2) 0;background-color:#00A4DC}#hatena img{height:1.8rem}#pocket{padding:calc((50px - 1.9rem) / 2) 0;background-color:#F04155}#pocket img{height:1.9rem}@media (max-width: 900px){#hamburger-menu{float:right;margin-right:calc((100vw - var(--mainWidth)) / 2)}#navibutton{width:30px;height:64px;display:table-cell;vertical-align:middle;position:relative;cursor:pointer}#navibutton span::before{top:8px}#navibutton span::after{bottom:8px}#navibutton span,#navibutton span::before,#navibutton span::after{content:"";display:block;height:3px;width:30px;border-radius:5px;background:#ffffff;position:absolute;transition:all 300ms ease}#menu-btn-check:checked ~ #navibutton span{background:#ffffff00}#menu-btn-check:checked ~ #navibutton span::before{transform:translateY(-8px) rotate(45deg)}#menu-btn-check:checked ~ #navibutton span::after{transform:translateY(8px) rotate(-45deg)}#menu-btn-check:checked ~ nav{opacity:1;visibility:visible}}