@charset "UTF-8";
/* CSS Document */

.paint_top{
    width: 90%;
    margin: 30px auto;
}
.paint_list{
    width: 92%;
    margin: 10px 2%;
    display: flex;
    justify-content:space-around;
    
}
.paint_list img{
    width:90%;
    margin:20px 5%;
}
.paint_list img:hover{
    opacity: 0.8;
}
.paint_list_item{
    width:47%;
    border:1px solid #ccc;
}
.paint_list_item img{
    border-bottom: 1px solid #ccc;
}
.paint_list_item p{
    width: 80%;
    padding: 10px;
}
.paint_list h5{
    font-size: 1.2rem;
	color: #fff;
    padding: 5px;
    text-align: center;
    background-color: #B4B4B4;
}

.paint_list a{
    text-decoration: none;
}
.paint_list p{
    padding-left: 40px;
}
@media screen and (max-width:900px){



}

@media screen and (max-width:480px){
.paint_list{
    width:100%;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content:center;
    
}
.paint_list img{
    width:90%;
    margin:20px 5%;
}
.paint_list img:hover{
    opacity: 0.8;
}
.paint_list_item{
    width:90%;
    margin: 10px auto;
    border:1px solid #ccc;
}
.paint_list h5{
    font-size: 1.2rem;

}
.paint_list a{
    text-decoration: none;
}
.paint_list p{
    padding-left: 0;
}
 .paint_list_item p{
    width: 90%;
    padding: 10px;
     margin-bottom: 10px;
}
}