@charset  "utf-8" ;

@media screen and (max-width:640px)  {


header  {
  width:  400px;
  margin:  0 auto;
}

header h1  {
  margin:  0 10px;
  font-size:  50px;
}

.headernav nav ul {
  display:  block;
}

.headernav nav ul li  {
  margin:  10px auto;
}

aside  {
  display:  none;
}

.modoru  {
  font-size:  20px;
  width:  90px;
  }
  
footer  {
  font-size:  20px;
  }
.honbun  {
  display:  block;
  width:  auto;
  }
  
.honbun main  {
  width:  370px;
  margin: 0 auto;
  padding:  1px 0;
  }  

.articleImg img  {
  width:  250px;
  }

.gallerylist  {
  width:  400px;
  margin:  10px auto;
  justify-content: flex-start;
}

.gallerylist li  {
  margin:  5px 5px;
}

.thumbnailpic  {
  width:  190px;
}

.workpic  {
  width:  350px;
}
}