#night { position:absolute; top:.2em; right:.3em; text-decoration:none; cursor:pointer; opacity:.6; } #night:hover { opacity:1; } body { font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; margin:40px auto; line-height:1.6; background: #fff; margin-top: 0px; } #image { opacity: 0.35; right:10%; position:absolute; z-index:-100; } .byline { margin-top: 2.2em; margin-left: 20%; font-size:20.0pt; color: #F44D54; } .volumes { margin-left: 20%; text-align: left; font-size:15.0pt; float:left; } .volumes, #image { margin-top:2.1em; } a.one { color: black; text-decoration: none; } a.one:hover { color: #F44D54; text-decoration:underline; } .threadsred { margin-top: 4em; margin-left: 4em; font-size:122%; color: #F44D54; } .threads { margin-left: 6em; } .threads a { color:#F44D54; text-decoration:none; } .threads td { padding:.2em .8em; } .help:hover { cursor:help; } #notice { text-align:center; float:left; width:100%; padding:1.5em 0; } #notice a { color: #F44D54; text-decoration:none; } .answer { font-size:93%; } .collapse{ cursor: pointer; display: block; color: #F44D54; cursor:pointer; } .collapse + input{ display: none; } .collapse + input + div{ display:none; } .collapse + input:checked + div{ display:block; }