body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-top:60px;display:flex;flex-direction:column}*{box-sizing:border-box}span{position:relative;font-size:20px;font-family:"Noto Serif CJK JP"}.uline:not(.level-0):after{position:absolute;content:"";height:1px;bottom:calc(0px - var(--h) * 5px);margin:0 auto;left:0;right:0;width:100%;background:currentColor}.level-1{--h: 1;color:#00c4da}.level-2{--h: 2;color:#b1b1b1}.level-3{--h: 3;color:#ff8ac4}.level-4{--h: 4;color:#f39d00}.level-5{--h: 5;color:#bca4ff}.level-6{--h: 6;color:#4cca00}.level-7{--h: 7;color:#bea3ff}.level-8{--h: 8;color:#ff8f9d}.level-9{--h: 9;color:#b6b600}ul{list-style-type:none;padding:0;margin-left:1em}