.upImg {  
  -webkit-clip-path: polygon(100% 50%,100% 50%, 100% 50%, 100% 50%, 100% 50%, 50% 50%);
  clip-path: polygon(100% 50%,100% 50%,  100% 50%, 100% 50%, 100% 50%, 50% 50%);
  transition: all 0.5s linear; 
} 
.upStart1 {   
  -webkit-clip-path: polygon(100% 0%,100% 0%, 100% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(100% 0%,100% 0%, 100% 0%, 100% 0%, 100% 50%, 50% 50%);
} 
.upStart2 {   
  -webkit-clip-path: polygon(50% 0%,50% 0%, 50% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(50% 0%,50% 0%, 50% 0%, 100% 0%, 100% 50%, 50% 50%);
}
.upStart3 {   
  -webkit-clip-path: polygon(0% 0%,0% 0%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(0% 0%,0% 0%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
} 
.upStart4 {   
  -webkit-clip-path: polygon(0% 50%,0% 50%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(0% 50%,0% 50%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
} 
.upStart5 {   
  -webkit-clip-path: polygon(0% 100%,0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(0% 100%,0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
} 
.upStart6 {   
  -webkit-clip-path: polygon(50% 100%,0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
  clip-path: polygon(50% 100%,0% 100%, 0% 0%, 100% 0%, 100% 50%, 50% 50%);
} 

.downImg {  
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  clip-path: polygon(50% 50%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  transition: all 0.5s linear; 
} 
.downStart1 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
} k.downStart2 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%);
} 
.downStart3 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
} 
.downStart4 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%);
} 
.downStart5 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
} 
.downStart6 {   
  -webkit-clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%);
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%);
} 
/* 6個必要、左上、右上、左下、右下 */