/* ----------------------------------------
 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;  
}
.img011 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/11.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img012 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/12.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img013 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/13.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img014 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/14.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img015 {
  width: 360px;
  height: 239px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/15.jpg);
  background-size:  cover; 
  pointer-events: none;  
}
.img00a {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0a.jpg);
  background-size:  cover;
  pointer-events: none;   
}
.img00b {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0b.jpg);
  background-size:  cover;
  pointer-events: none;   
}
.img00c {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0c.jpg);
  background-size:  cover;
  pointer-events: none;   
}
.img00d {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0d.jpg);
  background-size:  cover;
  pointer-events: none;   
}
.img00e {
  width: 360px;
  height: 542px;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0e.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;   
}
.img011 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/11.jpg);
  background-size:  cover;   
}
.img012 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/12.jpg);
  background-size:  cover;   
}
.img013 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/13.jpg);
  background-size:  cover;   
}
.img014 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/14.jpg);
  background-size:  cover;   
}
.img015 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/15.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;   
}
.img00a {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0a.jpg);
  background-size:  cover;   
}
.img00b {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0b.jpg);
  background-size:  cover;   
}
.img00c {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0c.jpg);
  background-size:  cover;   
}
.img00d {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0d.jpg);
  background-size:  cover;   
}
.img00e {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0e.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;    
}
.img011 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/11.jpg);
  background-size:  cover;    
}
.img012 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/12.jpg); 
  background-size:  cover;   
}
.img013 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/13.jpg);
  background-size:  cover;   
}
.img014 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/11.jpg);
  background-size:  cover;   
}
.img015 {
  width: 100%;
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/15.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;   
}
.img00a {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0a.jpg);
  background-size:  cover;   
}
.img00b {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0b.jpg);
  background-size:  cover;   
}
.img00c {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0c.jpg);
  background-size:  cover;   
}
.img00d {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0d.jpg);
  background-size:  cover;   
}
.img00e {
  width: 100%
  height: auto;
  float: left;
  margin: 0 10px 10px 0;
  background-image: url(image/0e.jpg);
  background-size:  cover;   
}
}