@charset "UTF-8";
/* CSS Document */
.swiper-container {
  width: 80%;
  height: auto;
}
#workswrap div.swiper-container {
  margin-bottom: 30px;
}
.swiper-container img {
  width: 100%;
  height: auto;
}
.thumb-list {
  width: 80%;
  max-width: 945px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.thumb-item {
  list-style: none;
  width: 13%;
  margin: 0 1.5% 1.5% 0;
}
.thumb-item:nth-child(7n) {
  margin-right: 0;
}
.thumb-link {
  display: block;
  width: 100%;
  height: auto;
}
/*わかりやすく色分けしているだけ 
.one { background: yellow; }
.two { background: pink; }
.three { background: orange; }
.four { background: yellowgreen; }
.five { background: skyblue; }
.six { background: blue; }*/
@media (max-width: 641px) {
  #workswrap div.swiper-container {
    margin-bottom: 20px;
  }
  .swiper-container {
    width: 100%;
	max-width: 641px;
  }
  .thumb-list {
    width: 100%;
    max-width: 641px;
	  margin-bottom: 10px;
  }
	.thumb-item {
  list-style: none;
  width: 19%;
  margin: 0 1% 1% 0;
}
.thumb-item:nth-child(5n) {
  margin-right: 0;
}
.thumb-item:nth-child(7n) {
  margin-right: 1%;
}		
}