@charset "utf-8";
/* -----------------------------
      登録フォーム：共通
----------------------------- */
/* ハイフン、補足文言 */
div#lpm .ver2_input_form .item_hyphen {
    display: inline-block;
    padding: 4px 12px;
}

.empty_msg {
    color: Red;
    text-align: center;
}

/* 保留登録時の文言表示エリア */
div#lpm .hold_registration {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: #ffff99;
    color: Red;
    font-size: 1.25em;
    clear: both;
}

/* -----------------------------
      登録フォーム：個別調整
----------------------------- */
div#lpm #container_login .ver2 {
    width: 750px;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
}

div#lpm #lp_login_area {
    width: 500px;
    float: none;
    margin: 16px auto 48px;
    padding: 0 8px;
}

div#lpm .ver2 .login_btn {
    margin-top: 15px;
}

div#lpm .ver2 #btnLpLogin {
    font-weight: bold;
}

div#lpm .ver2_input_form .required th.mail2::after {
    margin-top: -12px
}

div#lpm .login_tbl_row > div:nth-child(2n+1) {
    text-align: left;
}

div#lpm .invisible {
    display:none;
}

div#lpm .lineThrough {
    text-decoration: line-through;
}


/* -----------------------------
       ログインフォーム
----------------------------- */
/* エラーメッセージ */
div#lpm .error_msg_area {
    width: 100%;
    max-width: 750px;
    margin: 20px auto;
}

/* ロゴ */
div#lpm .ver2 .form_login_box .login_logo {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

/* タイトル */
div#lpm .ver2 .form_login_box .login_legend_title {
    display: inline-block;
    height: 2em;
    float: left;
    line-height: 2;
}

/* ログイン説明文 */
div#lpm .ver2 .form_login_box .info_text {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0;
}

/* フォームタイトル */
div#lpm .ver2 .login_title {
    font-weight: bold;
}

div#lpm #login_table {
    width: 100%;
}

div#lpm .ver2 .reminder_link {
    margin-top: 24px;
}

/* -----------------------------
            お名前
----------------------------- */
/* 名前入力欄 */
div#lpm #item_name12 .item_inp_name,
div#lpm #item_name34 .item_inp_name,
div#lpm #item_delName12 .item_inp_name,
div#lpm #item_delName34 .item_inp_name {
    width: calc(50% - 5px);
    float: left;
}

div#lpm #item_name12 .item_inp_name:nth-child(1),
div#lpm #item_name34 .item_inp_name:nth-child(1),
div#lpm #item_delName12 .item_inp_name:nth-child(1),
div#lpm #item_delName34 .item_inp_name:nth-child(1) {
    margin-right: 10px;
}


/* -----------------------------
        メールアドレス
----------------------------- */
div#lpm #txtMail {
    width: calc(100% - 5em);
}

div#lpm #txtMail2 {
    width: calc(100% - 5em);
}


/* -----------------------------
            郵便番号
----------------------------- */
/* 郵便番号 */
div#lpm #item_zip .item_zip_inner,
div#lpm #item_delZip .item_zip_inner {
    position: relative;
}

div#lpm #item_zip .item_zip_inner > *,
div#lpm #item_delZip .item_zip_inner > * {
    float: left;
}


/* -----------------------------
             住所
----------------------------- */
div#lpm #item_address .item_address_inner + .item_address_inner,
div#lpm #item_delAddress .item_address_inner + .item_address_inner {
    margin-top: 9px;
}


/* -----------------------------
           電話番号
----------------------------- */
div#lpm #item_tel > *,
div#lpm #item_delTel > * {
    float: left;
}


/* -----------------------------
             Fax
----------------------------- */
div#lpm #item_fax > * {
    float: left;
}


/* -----------------------------
            メール
----------------------------- */
div#lpm #item_email1 {
    word-break: break-all;
}

div#lpm #item_email1 > * {
    float: left;
}


/* -----------------------------
         メール：確認
----------------------------- */
div#lpm #item_email2 {
    word-break: break-all;
}

div#lpm #item_email2 > * {
    float: left;
}


/* -----------------------------
            誕生日
----------------------------- */
div#lpm .item_birthday_inner > * {
    float: left;
}

div#lpm .date_outer > .item_title {
    float: left;
    padding: 0 0 0 16px;
}

div#lpm .item_birthday_inner > .date_outer + .date_outer {
    margin-left: 16px;
}

div#lpm #drpBirthDayYear {
    float: left;
}

div#lpm #txtBirthDayYear {
    width: 7em;
    float: left;
}
    
div#lpm #drpBirthDayMonth {
    float: left;
}

div#lpm #txtBirthDayMonth {
    width: 5em;
    float: left;
}
    
div#lpm #drpBirthDayDate {
    float: left;
}

div#lpm #txtBirthDayDate {
    width: 5em;
    float: left;
}

/* -----------------------------
             性別
----------------------------- */
div#lpm #item_gender > span {
    display: inline-block;
}

div#lpm #item_gender > label {
    float: left;
}

div#lpm #item_gender > label + label {
    margin-left: 48px;
}


/* -----------------------------
            お届け先
----------------------------- */
div#lpm #item_shipping_address label {
    margin-bottom: 10px;
}
div#lpm #item_shipping_address label:last-child {
    margin-bottom: 0;
}


/* -----------------------------
           別お届け先
----------------------------- */
div#lpm #lp_altShipping {
    margin-top: -1px;
}


/* -----------------------------
           お支払情報
----------------------------- */
div#lpm .ver2_payment_form {
    border: 1px solid #CFCFCF;
}

div#lpm .ver2_payment_form .payment_items {
    background-color: #eff9fd;
    border-top: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
    padding: 0;
    margin-top: -1px;
}
div#lpm .ver2_payment_form .payment_items:last-child {
    border-bottom: none;
}

div#lpm .ver2_payment_form .item_payment_title {
    padding: 9px 10px;
}

div#lpm .ver2_payment_form .item_payment_title > * {
    float: left;
}


/* -----------------------------
           ご利用規約
----------------------------- */
div#lpm #divMM {
    display: inline-block;
}

/* -----------------------------
           ご利用規約
----------------------------- */
div#lpm #item_privacy_policy {
    width: 100%;
    height: 13em;
    padding: 16px;
    border-style: none; 
    overflow-y: scroll;
}

div#lpm .agreement_contents {
    text-align: center;
    margin: 24px 0 48px;
}

div#lpm #divAgreement {
    display: inline-block;
}

div#lpm #divAgreement .input_label {
    padding-top: 8px;
    padding-left: 42px;
    padding-right: 12px;
}

div#lpm #divAgreement .input_label #chkAgreement {
    /*left: 12px;*/
}

/* -----------------------------
         通常商品購入用
----------------------------- */
div#lpm .lpm_normal_product {
    display: none;
}

/* -----------------------------
            確認画面
----------------------------- */
/* 注文商品グリッド */
div#lpm .ver2 .ver2_input_form2 td:last-child {
    border-right: none;
}


@media screen and (max-width: 1000px) {
    div#lpm #container_login .ver2 {
        width: 100%;
    }

    div#lpm #lp_login_area {
        width: 100%;
    }
    
    div#lpm .error_msg_area {
        width: 100%;
        max-width: 100% !important;
        padding: 8px;
    }

    div#lpm #login_table {
        width:100%;
    }
    
    div#lpm .login_tbl_row + .login_tbl_row > .login_title {
        margin-top: 16px;
    }
    
    div#lpm .login_tbl_row > div {
        margin: 0;
        padding: 0;
        float: left;
    }

    div#lpm .login_tbl_row > div:nth-child(2n),
    div#lpm .login_tbl_row > div:nth-child(2n+1) {
        width: 100%;
    }
    
    /* before見出し無効化 */
    div#lpm .ver2_input_form td.v2_before_disabled::before {
        content: "";
        display: none;
    }
    
    /* 郵便番号 */
    div#lpm #val_zip {
        width: calc(100% - 5em);
    }
    
    div#lpm #txtZip {
        width: 100%;
        max-width: 100%;
    }
    
    /* 住所（都道府県） */
    div#lpm #drpPrefecture {
        width: 100%;
        max-width: 100%;
    }
    
    /* 電話番号 */
    div#lpm #val_tel {
        width: calc(100% - 5em);
    }
    
    div#lpm #txtTel {
        width: 100%;
        max-width: 100%;
    }
    
    /* FAX */
    div#lpm #val_fax {
        width: calc(100% - 5em);
    }
    
    div#lpm #txtFax {
        width: 100%;
        max-width: 100%;
    }
    
    /* 誕生日 */
    div#lpm .date_outer {
        width: 100%;
        float: none !important;
        margin-left : 0 !important;
    }
    div#lpm .date_outer + .date_outer {
        margin-top: 16px;
    }
    
    div#lpm #drpBirthDayYear,
    div#lpm #txtBirthDayYear {
        width: calc(100% - 3em);
    }
    
    div#lpm #drpBirthDayMonth,
    div#lpm #txtBirthDayMonth {
        width: calc(100% - 3em);
    }
    
    div#lpm #drpBirthDayDate,
    div#lpm #txtBirthDayDate {
        width: calc(100% - 3em);
    }

    /* 郵便番号（別お届け先用） */
    div#lpm #val_del_zip {
        width: calc(100% - 5em);
    }
    
    div#lpm #txtDelZip {
        width: 100%;
        max-width: 100%;
    }
    
    /* 住所（別お届け先用：都道府県） */
    div#lpm #drpDelPrefecture {
        width: 100%;
        max-width: 100%;
    }
    
    /* 電話番号（別お届け先用） */
    div#lpm #val_del_tel {
        width: calc(100% - 5em);
    }
    
    div#lpm #txtDelTel {
        width: 100%;
        max-width: 100%;
    }
    
    div#lpm #item_shipping_address {
        padding: 9px 10px;
    }
        
    /* お届け日時 */
    div#lpm #cmbDeliveryDay {
        width: 100%;
    }
    
    div#lpm #cmbDeliveryTime {
        width: 100%;
    }
    
    /* 定期コース */
    div#lpm #drpStdOrderCourse {
        width: 100%;
    }
    
    /* -----------------------------
       確認画面：クレジットカード
    ----------------------------- */
    /* カード番号フォーム */
    div#lpm .ver2 #txtCardNo {
        width: calc(100% - 166px);
        max-width: 100%;
    }
    
    div#lpm .ver2 #txtRecName {
        max-width: 100%;
    }
    
    div#lpm .ver2 #txtSecurityCode {
        max-width: 100%;
    }
}