* {
	font-family: 'Times New Roman', Times, serif;
}
.head_bag {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .head_bag > ul {
        border: 1px solid black;
        padding: 10px;
        list-style: none;
        margin: 0;
        display: flex;
        align-items: center;
    }
        .head_bag > ul li {
            width: 20%;
            text-align: center;
            box-sizing: border-box;
        }

            .head_bag > ul li span {
                font-size: 1em;
                font-family: 'Times New Roman', Times, serif;
            }

.item {
    background: #f8f8f8;
    border-bottom:1px solid #000;
    margin: 10px 0;
    overflow: auto;
    clear: both;
}
.item:hover {
    background: #f2f2f2;
}

    .item > ul {
        padding: 20px 10px 20px 10px;
        list-style: none;
        margin: 0;
        display: flex;
        align-items: center;
    }

        .item > ul li {
            width: 20%;
            list-style: none;
            text-align: center;
            box-sizing: border-box;
            padding: 0 5px;
        }

            .item > ul li span {
                font-size: 1em;
                font-family: 'Times New Roman', Times, serif;
            }
.number{
    width:100px;
    text-align:center;
}
.delete{
    background:#f00;
    color:#fff;
}
.button-buy{
    font-size:1.2em;
    width:120px;
    float:right;
    padding: 10px 15px;
    text-align: center;
}