@charset "utf-8";

#ukokkei-landing-page-form .continuous-iboxes .ibox-content {
    padding-bottom: 0;
    padding-top: 0;
}

#ukokkei-landing-page-form .continuous-iboxes .uk-lp-profile-form.ibox:first-child {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
}

#ukokkei-landing-page-form {
    padding-top: 20px;
}

#ukokkei-landing-page-form .uk-lp-shipment-datetime-form {
    display: none;
}

#ukokkei-landing-page-form .shipment-frequency-ibox {
    display: none;
}

#ukokkei-landing-page-form .uk-lp-profile-form .ibox-title {
    background-color: #F75789 !important;
    color: #fff;
}

#ukokkei-landing-page-form .form-horizontal .form-group {
    margin-bottom: 0;
    border-bottom: 1px dashed #e7eaec;
}

#ukokkei-landing-page-form .form-horizontal .hr-line-dashed {
    display: none;
}

#ukokkei-landing-page-form .uk-lp-profile-form .form-horizontal .form-group > label {
    background-color: #fee7ef;
    line-height: 64px;
    padding-top: 0;
}

#ukokkei-landing-page-form .uk-lp-profile-form .form-group .inline-fields-wrapper td,
#ukokkei-landing-page-form .uk-lp-profile-form .form-group .vertical-group:nth-child(1),
#ukokkei-landing-page-form .uk-lp-profile-form .form-group .vertical-group:nth-child(3),
#ukokkei-landing-page-form .uk-lp-profile-form .form-group .vertical-group:nth-child(4) {
    text-align: left;
}

#ukokkei-landing-page-form .form-horizontal .form-group .col-sm-9 {
    padding: 15px 0;
}

#ukokkei-landing-page-form .form-horizontal .form-group .col-sm-5 {
    padding: 15px;
}

#ukokkei-landing-page-form .uk-lp-payment-form {
    display: flex;
}

#ukokkei-landing-page-form .uk-lp-payment-form .ibox-title {
    width: 183px;
    background-color: #fee7ef !important;
    text-align: right;
    padding: 20px 15px;
}

#ukokkei-landing-page-form .uk-lp-payment-form .ibox-title-content {
    font-size: 13px;
}

#ukokkei-landing-page-form .uk-lp-payment-form .ibox-title-content::after {
    content: "必須";
    background-color: #ed5565!important;
    color: #fff;
    font-size: 14px;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 2px;
    margin-left: 5px;
}

#ukokkei-landing-page-form .uk-lp-payment-form .ibox-content {
    text-align: left;
    width: 550px;
}

#ukokkei-landing-page-form .uk-lp-payment-form .form-group {
    padding: 10px 0;
    border-bottom: none;
}

#ukokkei-landing-page-form .invalid-fields-notice-box {
    display: none;
}
#ukokkei-landing-page-form .uk-lp-payment-form .form-group .control-label {
    width: 150px;
}

#ukokkei-landing-page-form .uk-lp-payment-form .form-group .col-sm-6 {
    width: 380px;
}

#ukokkei-landing-page-form .uk-lp-payment-form div.form-group:nth-child(5) .control-label {
    padding-bottom: 0 !important;
}

/* 住所 */
#ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(5) .control-label {
    padding-bottom: 342px;
}

/* 電話番号 */
#ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(7) .control-label {
    padding-bottom: 23px;
}

/* パスワード */
#ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(11) .control-label {
    padding-bottom: 23px;
}

/* 生年月日 */
#ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(13) .control-label {
    padding-bottom: 23px;
}

#ukokkei-landing-page-form .uk-lp-profile-form .form-group .vertical-group:nth-child(1) > span {
    display: none;
}

/* amazon 画像 */
.amazonpay-button-inner-image {
    object-fit: contain;
}

/* password 画像 */
#ukokkei-landing-page-form .uk-password-revealing-handler {
    width: 16px;
    display: block;
}


/* smartphone */
@media(max-width: 767px) {
    #ukokkei-landing-page-form .form-horizontal .form-group > label {
        width: 100%;
        text-align: left;
        line-height: 45px !important;
    }

    #ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(5) .control-label,
    #ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(7) .control-label,
    #ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(11) .control-label,
    #ukokkei-landing-page-form .form-horizontal div.form-group:nth-child(13) .control-label {
        padding-bottom: 0;
    }

    #ukokkei-landing-page-form .uk-lp-payment-form {
        display: block;
    }

    #ukokkei-landing-page-form .uk-lp-payment-form .ibox-title {
        width: 100%;
        background-color: #fee7ef;
        text-align: left;
        line-height: 45px;
        padding: 0 15px;
    }

    #ukokkei-landing-page-form .form-horizontal .form-group .col-sm-9 {
        padding: 15px;
    }

    #ukokkei-landing-page-form .uk-lp-payment-form .ibox-title-content::after {
        display: none;
    }
    #ukokkei-landing-page-form .uk-lp-payment-form .ibox-title-content::before {
        content: "必須";
        background-color: #ed5565!important;
        color: #fff;
        font-size: 14px;
        padding: 3px 8px;
        text-shadow: none;
        border-radius: 2px;
        margin-right: 5px;
    }

    #ukokkei-landing-page-form .form-horizontal .form-group {
        border-bottom: none;
    }

    #ukokkei-landing-page-form .uk-lp-payment-form .ibox-content,
    #ukokkei-landing-page-form .uk-lp-payment-form .form-group .col-sm-6 {
        width: 100%;
    }

    #ukokkei-landing-page-form .form-group .padding-top-10 {
        padding-top: 0 !important;
    }
}

/* PCのみ */
@media only screen and (min-width: 768px) {
    #ukokkei-landing-page-form .uk-lp-profile-form .form-horizontal .form-group {
        background: linear-gradient( 
            90deg
             ,#FEE7EF 0%,#FEE7EF 25%,#fff 25%,#fff 100%);
                background-image: linear-gradient( 
            90deg
             , rgb(254, 231, 239) 0%, rgb(254, 231, 239) 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
                background-position-x: initial;
                background-position-y: initial;
                background-size: initial;
                /* background-repeat-x: initial;
                background-repeat-y: initial; */
                background-attachment: initial;
                background-origin: initial;
                background-clip: initial;
    }
}