*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
.title{
    text-align: center;
      height: 100px;
}
.clearfix::after {
 content: "";
 display: block;
 clear: both;
  
}
.top_images{
    height: 162.3%;
}
.sub_images{
    height: 720%;
    margin-top: 10%;
   margin-left:-5%
}

.sard_images{
    height: 180%;
}

.bowl_images{
    height: 50%;
}



.border{
 border: solid 1.5px #CCCCCC;
    margin-bottom: 4%;
    
    
}
.up{
    zoom:2.5;
}
.wrapper{
    width: 80%;
    margin: 0 auto;
}
.item{
    width: 33.333333%;
    float: left;
    padding: 20px; 
}
.item:hover img{
opacity: .5;
}
.item img{
    width: 100%;
    opacity: 1;
    -webkit-transition:.3 ease-in-out;
    transition: .3s ease-in-out;
}
.works{
    margin: -20px;
}
.background{
    width: 100%;
    height: 55%;
    background-color: #CCCCCC;
}
.background_2{
    width: 100%;
    height: 5%;
    background-color: #CCCCCC;
}
.icon{
    width: 95%;
    margin: 0 auto;
    margin-top: 3%;
    
}
.center{
    text-align: center;
}
.main{
    width: 96%;
    margin-top: 3%;
}
.sub{
    height: 100px;
       
}
.space{
    margin-bottom: 70%;

}
.space_2{
    margin-bottom: 20%;

}
.line{
    margin-top: 20px;
     border-bottom: solid 3px #BBBBBB ;
    margin-bottom: 10%;
}
.atesaki{
  
}
.images{
    height: 150%;
    margin-bottom: 10%;
}