h2 {
    padding-right: 200px;
}

#button-box {
    position: relative;
    height: 25px;
    margin-bottom: 20px;
}

/*####################################### 640以上 #########################################*/
@media (min-width: 640px) {
    #button-box button.add-new {
        position: absolute;
        top: 0px;
        right: 5px;
    }

}

/*####################################### 640以下 #########################################*/
@media (max-width: 640px) {
    h2 {
        padding: 5px 5px 5px 20px;
    }

    h2 button {
        margin-left: 5px;
    }

}

/* list-box
-------------------------------------*/
.list-box {
    position: relative;
    margin-bottom: 20px;
}

.list-box .selecter {
    position: absolute;
    top: 0;
    right: 10px;
}

.selecter input {
    display: none;
}

.selecter input + span {
    display: block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border: 1px solid #333;
    text-align: center;
}

.selecter input:checked + span:after {
    content: "✔";
    color: green;
    font-size: 20px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF;
}

/* form
-------------------------------------*/
.form {
    /*display: none;*/
}

.form THEAD {
    /*display: none;*/
}

p.yomigana, p.telno {
    display: none;
}

p.zip, p.city, p.state, p.street {
    display: inline;
}

p.name {
    font-size: 16px;
}

input.street {
    width: 400px;
}

/*####################################### 640以下 #########################################*/
@media (max-width: 640px) {
    .form table th,
    .form table td {
        width: 100%;
        display: block;
    }

    .form table td input {
        margin: 5px 0;
    }

}

/* editbutton
-------------------------------------*/
.editbutton {
    text-align: center;
}

.editbutton button {
    margin: 16px auto;
    display: block;
}

/*****/
.IM_Button_Delete {
    display: none;
}

.IM_Button_Insert {
    display: none;
}

#delivery #backpage {
    margin-bottom: 20px;
}

.delivery-list {
    flex-wrap: wrap;
}

.delivery-list .list-box {
    border: 1px solid #ccc;
}

.delivery-list .list-box.activate,
.delivery-list .list-box.activate .selbutton {
    border: 2px solid #000;
}

.delivery-list .list-box button:hover {
    border: 1px solid #000;
}

.shipper-list {
    flex-wrap: wrap;
}

#add-shipper {
    margin-bottom: 20px;
    text-align: right;
}