﻿/* ---------------------------------------------------
    入力フォームページの共通CSS(SP) 
   --------------------------------------------------- */
@media screen and (max-width:950px) {

    /* ---------------------
        会員情報登録（入力）
       ---------------------- */

    /* SP用に表示変更 */
    .inpForm table {
        width: 100%;
    }

    .inpForm_tbl td {
        border-top: none;
        display: block;
        padding: 5px 10px;
    }

    .inpForm_title {
        margin-top: 10px;
    }

    .inpForm_multi,
    .noBorder {
        padding: 5px 10px !important;
    }

    .contentsHide-sp {
        display: none !important;
    }

    .login_inpForm {
        margin: 10px 0 20px 0;
    }

    /* 説明 */
    #accountset-p {
        margin: 10px 0 30px 0;
        text-align: left;
    }

    /* 入力フォーム */
    #userName,
    #userNameC,
    #userPhonetic,
    #userPhoneticC,
    #userAddress,
    #userMail,
    #userMail-re,
    #userId,
    #userPass,
    #userPass-re,
    #check {
        width: 100%;
    }

    #radio01 {
        height: 15px;
    }

    /* 名前入力欄を縦表示 */
    #ItemsValidation_UserNameL,
    #ItemsValidation_NamePhoneticL {
        margin-bottom: 10px;
    }

    .inpNameL {
        display: block;
    }

    .inpNameF {
        margin-left: 0 !important;
    }

    /* ヒントツール */
    .inpForm_help {
        display: none;
    }

    /* 確認ボタン */
    #check {
        margin: 10px 0 0 0;
    }

    /* 入力ガイド */
    .inpForm_guide {
        margin: 0 !important;
        font-size: 14px;
    }

    /* 新規会員登録ボタン */
    .cont_btn-confi {
        margin: 0;
        width: 100%;
    }

    /* エラー */
    .error {
        text-align: left !important;
    }


    /* ---------------------
        会員情報登録（確認）
       ---------------------- */

    /* SP用に表示変更 */
    .confTbl {
        width: 100%;
    }

        .confTbl td {
            border-top: none;
            display: block;
            padding: 10px;
            width: 100%;
        }

    .confi_editMark {
        padding: 20px 0 0 0 !important;
    }

    .confi_title.-sp {
        border-top: initial;
        display: inline-block !important;
        padding: 0 !important;
        width: 150px;
    }

    .confi_Col01.-sp {
        width: 180px;
    }

    .confi_txt-sp {
        border-top: none !important;
        margin: 10px 0 10px 0;
    }

    .noBorder_sp {
        border-top: none !important;
    }

    /* 変更項目がある場合の項目タイトル */
    .confTbl .inpForm_title {
        display: none;
    }

    .confi_editMark:before {
        content: attr(data-label);
        background: #F3F3F3;
        display: inline-block;
        padding: 10px 0 10px 10px;
        width: 150px;
    }

    /* ボタンのスタイル */
    .cont_btn-back {
        display: block;
        margin: 20px 0 0 0;
        transform: none;
        width: 100%;
    }

    .cont_btn-enter {
        margin-top: 40px !important;
        width: 100% !important;
    }

    .userEdit_hr {
        border-top: 2px dashed #EFEFEF;
        margin-top: 20px;
    }


    /* ---------------------
        アカウント統合
       ---------------------- */
    .issueClass {
        padding: 0 !important;
    }

    .issueTbl-pc {
        display: none;
    }

    .issueTbl-sp {
        display: block;
    }

    .issueTbl_name {
        display: inline-block !important;
        padding-top: 10px !important;
        width: 100px !important;
    }

    .issueTbl_issu {
        display: inline-block !important;
        padding-top: 10px !important;
        width: 250px !important;
    }

    .issueTbl_out {
        display: inline-block !important;
        padding-top: 10px !important;
        width: 100% !important;
    }

    .issueTbl_remarks {
        border-bottom: 2px dashed #EFEFEF;
        font-size: 15px;
        padding-bottom: 10px !important;
    }
}
