/** 編集画面 / 画像を配置 / アップロードされた画像を選択した時に表示されるが配置、削除ボタン **/
.p-button__post__and__delete {
    width: 80%;
    background-color: #FFF;
    border-radius: 20px;
    padding: .3rem 0;
    color: #333;
    z-index: 10;
}

@media screen and (min-width: 640px) {
    .p-button__post__and__delete {
        width: 80%;
    }
}

/* 購入に進む / デザインを確認するボタン(disableを解除したらボタンの色を変更) */
.p-button__purchase {
    background-color: rgb(204 204 204);
}

.p-button__purchase.active {
    background-color: #00C2FF;
}

/***************************
差出人登録画面の連名の削除ボタン使用
***************************/
.p-button__delete {
    background-image: url(/images/icon/edit/close-button.png);
    background-repeat: no-repeat;
    background-position: 5px 1px;
    background-size: 18px;
    color: #ff1b43;
    display: inline-block;
    float: none;
    text-indent: 20px;
    width: 60px;
}

.p-button__text__size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #CCC;
    padding: .7rem 1.5rem .7rem .7rem;
}

.p-button__text__size.is-left {
    border-radius: 50% 0 0 50%;
}
.p-button__text__size.is-right {
    border-radius: 0 50% 50% 0;
}