@charset "UTF-8";@font-face{font-family:myFont;src:url(../素材/bianzhidai-Base.otf)}@font-face{font-family:bianzhidai-Stitches;src:url(../素材/bianzhidai-Stitches.otf)}*{box-sizing:border-box;padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;scroll-behavior:smooth}body{line-height:1.6;font-size:16px}main{position:relative;width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;color:#fff}h1{font-family:courier new,Courier,monospace;text-align:center;cursor:pointer}li{list-style-type:none;cursor:pointer}.li-tags{width:fit-content;max-width:200px;flex:1;text-align:center}.li-tags:hover{font-weight:900}.container{height:100vh;width:100%;flex:1;overflow-y:scroll;padding:15px;padding-top:20px}.container::-webkit-scrollbar{width:6px}.container::-webkit-scrollbar-track{background-color:#0000;border-radius:10px}.cards{width:100%;display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1fr)minmax(0,1fr);grid-gap:20px}.card{background-color:rgba(216,191,216,0);height:545px;border:1px solid #fff;padding:10px;margin-bottom:15px}.card:hover .card-info-img-src{filter:none}.card-info{display:flex;height:100%;width:100%;flex-direction:column}.card-info-img{width:100%;margin-bottom:15px;max-height:270px;overflow:hidden;position:relative;border:1px solid #fff;filter:grayscale(1)}.card-info-img-src{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-info-date{font-family:myFont;clip-path:inset(0% 0% 0% 0%)}.card-info-review{min-height:80px;flex:1;width:100%;border-right:3px solid #0000;padding:2px;overflow-y:scroll;font-size:.85rem}.card-info-review::-webkit-scrollbar{width:3px}.card-info-review::-webkit-scrollbar-track{background-color:var(--track-color,#ffffff00);border-radius:10px}.card-info-review::-webkit-scrollbar-thumb{background-color:var(--thumb-color,#ffffff00);border-radius:10px}.card-info-tags{display:flex;gap:5px;margin-top:10px}.card-info-tags .li-tags{flex:1;width:100%;background-color:#fff;color:#000;font-size:.8rem}.card-info-tags .li-tags:hover{animation:rotate .35s ease-in-out;color:#7e7e7e;text-shadow:1px 1px 1px #c4c4c4}aside{color:#181818;background-color:#a7a7a7;display:flex;flex-direction:column;overflow:hidden}aside::before{position:absolute;top:10%;left:10%;border:1px solid #000;width:80%;height:80%;background-color:#fff}.list-date{border:1px solid #000;background-color:#000;color:#fff}.list-date{display:flex;flex-direction:column;justify-content:space-evenly;height:fit-content;padding:15px}.list-date li{border-bottom:1px solid #0000;height:1.6rem;margin:3px 0;text-align:left}.list-date li:first-child{font-size:1.2rem;font-weight:800;border-bottom:1px solid #fff;height:2rem;margin:3px 0}.pagination{display:block;position:absolute;bottom:0}.to-top{display:none}.search{width:100%;height:40px}.list-bar{display:none;transform:translateY(-200px)}.list-articles{width:100%;height:fit-content;padding:10px}.list-articles a{color:#000}.list-articles a::before{content:'○'}@keyframes in{0%{transform:translateX(0)}25%{color:#7e7e7e}50%{color:#cecece}75%{color:#7e7e7e}100%{transform:translateX(-50%)}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(1deg)}100%{transform:rotate(0)}}@-moz-document url-prefix(){.container{scrollbar-color:#ffffff00 #ffffff00}.card-info-review{padding-right:2px;scrollbar-color:var(--track-color,#ffffff00)var(--thumb-color,#ffffff00);scrollbar-width:thin}}@media(min-width:615px){aside{position:relative;height:100vh;width:20%;padding:20px;gap:20px}.card-info-img:hover{filter:none}.card-info-img-src:hover{object-fit:contain;transform:scale(.95)}.list-items{display:flex;flex-direction:column;gap:20px}.list-tags{display:flex;width:100%;height:50px;padding:5px;overflow:hidden;align-items:center;white-space:nowrap;border:1px solid #000;background-color:#000;color:#fff}.list-tags:hover .list-tags-box{animation-play-state:paused}.list-tags-box .li-tags{flex:none;padding:3px 5px}.list-tags-box .li-tags:hover{text-shadow:-1px -1px 1px #d8d8d8}.list-tags-box{display:inline-flex;animation:in 8s infinite linear;will-change:transform}.list-date li:hover{border-bottom:1px solid #fff}.list-date li:hover span{margin:0;padding:0;display:block;width:inherit;font-size:1.2rem;font-weight:800;transform:translateX(80%);transition:cubic-bezier(.075,.82,.165,1).1s all}.list-date li:first-child:hover span{transform:translateX(calc(60%))}.list-articles{width:100%;height:200px}}@media(max-width:615px){main{flex-direction:column-reverse;max-height:fit-content}.container{width:100%;height:100vh;flex:1;overflow-y:unset;margin-bottom:100px}.cards{display:flex;width:100%;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;grid-gap:0;font-size:.8rem}.card{width:100%;background-color:rgba(216,191,216,0);height:fit-content;border:1px solid #fff;padding:10px}.card-info{display:grid;grid-template:'a b' 'c c' 'd d';grid-template-columns:55% 45%}.card-info-img{display:flex;justify-content:end;max-height:150px;grid-area:b}.card-info-img-src{width:fit-content;object-fit:contain;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-info-text{grid-area:a;text-align:start;display:flex;flex-direction:column;justify-content:space-evenly}.card-info-text h3{font-size:1.5rem}.card-info-review{font-size:.75rem;height:fit-content;grid-area:c;align-self:self-end}.card-info-tags{grid-area:d;align-self:self-end;font-size:.5rem;line-height:1.4}aside{width:100%;overflow:auto;position:sticky;top:0;padding:0;height:fit-content;background-color:#0000;transition:all .1s ease}aside h1{background-color:#fff}.list-date,.list-tags,.list-search,.list-articles{display:none;max-height:0;opacity:0;background-color:#fff}.list-date{align-items:center;flex-direction:row;overflow-x:scroll;gap:15px;padding:10px;margin:0}.list-date li{background-color:#000;padding:8px;text-align:center;height:fit-content}.list-date li:first-child{height:fit-content;margin:3px 0;border-bottom:0 solid #fff}.list-date::-webkit-scrollbar{width:3px;height:3px}.list-date::-webkit-scrollbar-track{background-color:var(--track-color,#ffffff00);border-radius:10px}.list-date::-webkit-scrollbar-thumb{background-color:var(--thumb-color,#ffffff00);border-radius:10px}.list-tags-box{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;width:100%;background-color:#fff}.list-tags-box .li-tags{padding:8px;margin:3px;border:1px dashed #000;color:#000}.list-bar{border:3px double #000}.list-bar button{border:1px solid #000;background-color:#fff;width:25%;padding:5px}.list-bar-mobile{display:flex;z-index:1;justify-content:space-around;width:100%;height:fit-content;background-color:#fff;transform:translateY(0);transition:.3s all cubic-bezier(.075,.82,.165,1)}.show{visibility:visible;display:flex;opacity:1;transition:all .8s ease;max-height:100%;height:80px;transform:translateY(0)}.change-list{background-color:#777;border-bottom:2px groove #f5f5f5}.to-top{display:block;position:fixed;width:45px;height:45px;right:5px;bottom:25%;background-color:#fff;color:#000;line-height:45px;text-align:center;font-size:xx-large;border:0 solid #000}}