/* ----------------------------------------
 image
---------------------------------------- */
.img001 {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/01.jpg);
  background-size:  cover;
  pointer-events: none;   
}
.img002 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img003 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img004 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img005 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img006 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img007 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/07.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img008 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/08.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img009 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/09.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img010 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/10.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img002x {
  width: 360px;
  height: 270px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img003x {
  width: 360px;
  height: 270px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img004x {
  width: 360px;
  height: 270px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;  
  pointer-events: none; 
}
.img005x {
  width: 360px;
  height: 270px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
  pointer-events: none;
}
.img006x {
  width: 360px;
  height: 270px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
  pointer-events: none;
}

@media screen and (max-width: 1000px) {
.img001 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/01.jpg);
  background-size:  cover;   
}
.img002 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover;   
}
.img003 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover;   
}
.img004 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;   
}
.img005 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
}
.img006 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
}
.img007 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/07.jpg);
  background-size:  cover;   
}
.img008 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/08.jpg);
  background-size:  cover;   
}
.img009 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/09.jpg);
  background-size:  cover;   
}
.img010 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/10.jpg);
  background-size:  cover;   
}
.img002x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover;   
}
.img003x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover;   
}
.img004x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;   
}
.img005x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
}
.img006x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
}
}

@media screen and (max-width: 640px) {
.img001 {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/01.jpg);
  background-size:  cover;   
}
.img002 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover;   
}
.img003 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover;   
}
.img004 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;   
}
.img005 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
}
.img006 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
}
.img007 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/07.jpg);
  background-size:  cover;   
}
.img008 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/08.jpg);
  background-size:  cover;   
}
.img009 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/09.jpg);
  background-size:  cover;   
}
.img010 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/10.jpg);
  background-size:  cover;   
}
.img002x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/02.jpg);
  background-size:  cover;   
}
.img003x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/03.jpg);
  background-size:  cover;   
}
.img004x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/04.jpg);
  background-size:  cover;   
}
.img005x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/05.jpg);
  background-size:  cover;   
}
.img006x {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/06.jpg);
  background-size:  cover;   
}
}