.ani,.ani-child{opacity:0}html{scroll-behavior:smooth;background-color:#333}body{font-family:Open Sans,sans-serif;overflow-y:scroll;color:#444;line-height:120%;background-color:#fff;margin:0 auto;max-width:540px}section{margin:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}header a.userinfo{color:#000;font-size:.8em;text-align:right}header.inner{padding:15px 10px}header.inner a.back{display:flex;align-items:center;margin-right:20px;width:15%}header.inner a.back img{width:10px;margin-right:8px}header.inner h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%;text-align:center}header.inner .dummy{width:15%}main{height:100vh;overflow:auto}footer{width:100%;left:0;bottom:0;background-color:#fff;padding:8px 0}footer nav{display:flex;justify-content:space-around}footer nav a .ico{height:36px;display:flex;align-items:center;justify-content:center}footer nav a .ico img{max-height:25px;max-width:25px}footer nav a .label{font-size:.7em;color:#444}footer nav a.current .ico img{filter:sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg)}footer nav a.current .label{color:#275473}footer.inner{padding:10px 20px}ol,ul{padding-left:1.5em;list-style:revert;margin-bottom:15px}ol li,ul li{margin:5px 0}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:120%}h1{font-size:1.8em}p{line-height:140%}p:not(:last-child){margin-bottom:1.2em}a{color:#275473}