#catnav{position:sticky;top:50px;padding:0;width:100%;z-index:100}#catnav ul{display:flex;height:max-content}#catnav ul a{flex-grow:1;text-align:center;transition:all .2s;height:max-content;background:var(--red)}#catnav ul a:hover{background:var(--pink);opacity:1}#catnav ul a li{color:#fff;transition:all .2s;padding:10px 0}.studyB{.container{max-width:none;margin:0;width:100%;padding:0}.voice_staff{display:flex;flex-wrap:wrap;align-items:stretch}.item{padding:25px;text-align:center;width:calc(100% / 3);height:auto;transition:all 0.2s;margin:0;box-sizing:border-box;border-right:solid 1px var(--red);border-bottom:solid 1px var(--red);.bottom{margin:auto 0 0 0;vertical-align:bottom}.img{overflow:hidden;margin:0 auto;margin-top:10px;img{width:100%;height:20vw;object-fit:cover}}.date{font-size:.8rem;text-align:right}}.item:hover{background:#fdeaed;opacity:1}.voice_staff .title{height:60px;display:inline-block;align-items:center;justify-content:center;font-size:1.5rem;line-height:normal;margin-right:0;margin-bottom:20px}.voice_staff .title span{display:inline-block}.scategory{margin-bottom:20px;font-weight:700;color:#a4a4a4;font-size:.9rem}.naiyou{line-height:normal}@media screen and (max-width:1000px){.item{width:calc(100% / 2)}}@media screen and (max-width:640px){.item{width:calc(100% / 1);.img{overflow:hidden;margin:0 auto;margin-top:10px;img{width:80%;max-width:400px;height:auto;object-fit:cover}}}}}.studyB .tag{margin-top:50px;padding:20px}.studyB .tag .flex{justify-content:left}.studyB .tag p{font-size:2rem;line-height:normal;margin-bottom:20px}.studyB .tag a{margin:5px;padding:7px 15px;background:#e4dada;border-radius:10px;display:block;width:fit-content}.studyB .tag a:hover{background-color:var(--red);color:var(--white)}#tax .kanren .voice_staff{display:flex;flex-wrap:nowrap !important}#tax .kanren .item{background:0 0;box-shadow:none;padding:0;text-align:left}.studysingle#tax .container{max-width:1100px}#tax .kanren .item .title{font-size:1rem;margin-bottom:5px;height:fit-content}#tax .kanren .item img,#tax .kanren .item .img{margin:5px 0 0}#tax .kanren .item img{max-width:250px;width:100%;height:auto;border:solid 1px #dadada}#tax .kanren .item img:hover{opacity:.6}#tax .kanren .item .title:hover{color:var(--red)}.index.UnderPage{& #withside{& .content{& .single{& .write{#indexmenu{a{font-size:.8rem}.blog-toc__title{font-size:1.5rem}}}}}}}.index{.studysingle#tax .container{max-width:none}.write{padding:0}.post{width:calc(100% - 250px);margin-right:30px;box-sizing:border-box}#indexmenu{width:250px;display:block;position:sticky;top:100px;height:fit-content;max-height:80vh;background:#f9f7f7;padding:20px;border:solid 1px var(--red);box-sizing:border-box;border-radius:5px;overflow-y:scroll;.blog-toc__title{color:var(--red);border-bottom:solid 1px var(--red);margin-bottom:15px;text-align:center;padding-bottom:5px}ul{list-style:decimal;margin-left:20px}a{text-decoration:underline}a:hover{color:var(--red)}}@media screen and (max-width:800px){.articleaside{flex-direction:column-reverse}.post{width:100%}#indexmenu{width:auto;position:static;height:auto;margin:0 auto;margin-bottom:30px}}}