@charset "utf-8";
html{scroll-behavior:smooth}
.backindextab{position:fixed;top:0;right:1rem;background-color:var(--main-color);color:#fff;text-decoration:none;padding:0 .5rem;font-size:.8em;line-height:1.8;border-radius:0 0 8px 8px}
.backindextab:hover{filter:none}

h1{margin:3rem auto 0;font-size:1.8rem;text-align:left;max-width:880px;width:88%}
.container{margin:0 auto;max-width:850px;width:85%}
.datelink{margin:1rem 0 0;font-weight:700;font-size:.9rem;padding:.15rem .8rem;width:fit-content;line-height:1.5;background-color:#555;color:#fff;cursor:pointer;transition:all .3s ease}
.datelink:hover{background:#ccc}
.datelinklist{background-color:#eee;height:0;overflow:hidden;transition:height .5s ease-in-out}
.datelinklist a{display:inline-block;padding:.45rem 1rem;line-height:1.8}
.datelinklist a:hover{color:#777;filter:none}

article{padding-top:1.5rem;font-size:1.0625rem}
article:first-of-type{border-top:1px #ccc solid;margin-top:1.5rem}
article:nth-of-type(n+2){border-top:1px #ccc solid;margin-top:.5rem}
article:last-of-type{padding-bottom:1.5rem;border-bottom:1px #ccc solid;margin-bottom:1rem}
h2{font-size:1em}
p{margin-left:.4rem;padding:1rem 0}
.copy{text-align:center;padding:.5rem 0;font-size:.8rem;margin-top:2rem;color:#999;background:linear-gradient(transparent, #ccc)}

.backtop{position:fixed;display:flex;align-items:center;justify-content:center;right:1.5rem;bottom:1.5rem;width:60px;height:60px;line-height:1;font-size:25px;color:var(--main-color);background-color:#eee;border-radius:10px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s}

@media (max-width:700px){
.datelink{margin:1rem 0 0}
.datelinklist{margin:0}
p{margin-left:0}
}