@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1:wght@400;700&family=Tangerine:wght@400;700&display=swap&subset=japanese";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1.15}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body,input,button,textarea,select{font-family:"Noto Sans JP",sans-serif;font-size:16px;font-weight:400}body{background-color:#693}body *{box-sizing:border-box;letter-spacing:.05em}body *::before,body *::after{box-sizing:border-box}img{max-width:100%;vertical-align:bottom}.container{width:940px;margin:0 auto;background-color:#fff}.archives{padding:40px}.archives ul{display:flex;flex-wrap:wrap;gap:40px}.archives ul li{width:calc((100% - 80px)/3)}.archives ul li a{position:relative;display:block;height:100%;padding:19px;border:solid 1px #593d35;text-decoration:none;background-color:#fff;transition:all .5s cubic-bezier(0.2, 1, 0.2, 1)}.archives ul li a::before,.archives ul li a::after{content:"";position:absolute;right:20px;bottom:20px;width:10px;aspect-ratio:1/1}.archives ul li a::before{border:solid 1px #593d35;transform:translate(5px, 5px)}.archives ul li a::after{border-right:solid 1px #593d35;border-bottom:solid 1px #593d35;transform:translate(7px, 7px)}.archives ul li a:hover{background-color:rgba(89,61,53,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}.archives ul li a figure{display:flex;flex-direction:column;gap:10px}.archives ul li a figure img{border-radius:10px}.archives ul li a figure figcaption{flex-grow:1;color:#4d4d4d;font-size:16px;text-align:center;line-height:1.5}.footer{padding:1em;color:#fff;font-size:80%;text-align:center;background-color:#060}.footer p+p{margin-top:1em}.footer a{color:#fff}