@charset "UTF-8";

#container {
   max-width: 960px;
   width: 100%;
   margin: 0 auto;
}

header {
       background-color: aqua;
    height: 80px;
   margin-bottom: 10px;
}

header h1 {
   font-weight: normal;
   text-align: center;
   line-height: 80px;
}
nav {
   margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    font-size: 90%;
    text-align: right;
}

.setumei {
   display: flex;
   flex-wrap: wrap;
}
.item {
   width: 50%;
}
.futoji {
   font-weight: bold;
   margin-bottom:0.5em;
}
.grid-item {
   width: 240px;
}

.grid-item  img {
   width: 95%;
}
/*.grid-item--width2 {
            width: 400px;
        }*/
footer {
    text-align: center;
    color: fuchsia;
   margin-top: 20px
}
@media screen and (max-width:600px){
.setumei {
   display:block;
}
.item {
   width: 100%;
}   

}