*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,"Noto Sans JP",sans-serif;line-height:1;letter-spacing:.08em;background-color:#f8f9fa;color:#444}.main_container{display:grid;grid-template-columns:300px 1fr}@media screen and (max-width: 640px){.main_container{grid-template-columns:1fr}}header{padding:1rem}header h1 img{display:block;width:100%;height:auto;margin:0 auto}@media screen and (max-width: 640px){header h1 img{width:80%}}header h2{text-align:center;font-weight:400;font-family:"Barlow Condensed",sans-serif;letter-spacing:.2em;margin-bottom:1rem}header nav{padding:1rem;background-color:#dedfe5;border-radius:.5rem}header nav a{display:block;padding:.5rem;font-family:"Barlow Condensed",sans-serif;text-decoration:none;color:#666869;font-size:1.2em}section{padding:1rem}footer{text-align:center;padding:1rem}footer p{margin-bottom:.5rem}footer a{color:#58a;text-decoration:none}footer a:before{margin-left:.5em;content:">>"}.panels{display:grid;grid-template-columns:repeat(3, 1fr);-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem}@media screen and (max-width: 960px){.panels{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 640px){.panels{grid-template-columns:1fr}}.panels .panel{display:block;position:relative;width:100%;height:320px;box-shadow:0 3px 5px 0 rgba(0,0,0,.5);text-decoration:none;color:inherit}@media screen and (max-width: 640px){.panels .panel{height:220px}}.panels .panel:hover{transform:rotate(-1deg);box-shadow:0 5px 5px 0 rgba(0,0,0,.5)}.panels .panel .maker{position:absolute;top:0;left:0;background-color:#222;color:#fff;padding:.5rem 1rem}.panels .panel img{width:100%;height:282px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (max-width: 640px){.panels .panel img{height:182px}}.panels .panel .name{text-align:center;padding:.5rem;font-family:"Barlow Condensed",sans-serif}/*# sourceMappingURL=index.css.map */