/*荷主と納品先情報*/
.form{
    padding:30px 0;
}

.list{
    display:flex;
}

.list-box{
    width:calc((100% /3) - 20px);
    padding:10px 10px 50px;
    margin:0 10px;
    border:1px solid #373737;
    border-radius:5px;
    position:relative;
}

.list-box p{
    padding:0;
    margin:0.5em 0;
    color:#000;
    line-height:1.0;
}

.list-button{
    margin:10px;
    display:flex;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:30px;
}

.list-button .edit{
    width:120px;
    margin:0 auto;
    display:block;
}

.editbutton{
    text-align: right;
    padding-top:10px;
}

.delete i{
    font-size:20px;
}

/*####################################### 640以下 #########################################*/
@media(max-width:640px){
.list{
    display:block;
}

.list-box{
    width:calc(100% - 20px);
    margin:10px auto;
}


}