@charset "utf-8";

/*-----------------------------
  ナビエリア
-----------------------------*/
#customerEditArea div.navigation {
    text-align: center;
    padding: 10px 0px 10px 0px;
}
#customerEditArea div.navigation img{
	width: auto;
	margin-bottom:20px;
}

/*SPでの表示*/
@media screen and (max-width:991px) {
	#customerEditArea div.navigation img{
    	width: 300px;
	}

}

/*-----------------------------
  顧客情報入力エリア
-----------------------------*/
#customerInfoArea {
    margin: 0px 0px 0px 0px;
}

#customerInfoArea>div:first-child {
    border-top: none;
}

#customerEditArea .requireMessageArea {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
}

#customerEditArea .requireMessageArea .require{
    float:left;
}

/*-----------------------------
  入力データ
-----------------------------*/
#loginId {
    width: 100px;
}

#lastName {
    width: 200px;
}

#firstName {
    width: 100px;
}

#lastNameKana {
    width: 200px;
}

#firstNameKana {
    width: 100px;
}

#customerEditArea .rightData {
    padding: 5px 0px 5px 5px;
}


/*-----------------------------
  会員規約
-----------------------------*/
#frontCustomerRegisterMembersRuleArea {
    text-align: center;
    padding:10px;
    margin: 0 auto 10px;
	max-width: 900px;
 /*  max-height:200px;  */
    overflow-y:auto;
}

/*-----------------------------
  tab,PCで表示
-----------------------------*/
@media screen and (min-width:768px) {
    #customerEditArea {
        margin-left: auto;
        margin-right: auto;
    }

    #customerEditArea .password {
        margin-top: 5px;
        width: 270px;
    }

    #customerEditArea .passwordInformation {
        margin-top: 3px;
        margin-bottom: 3px;
        font-size: 80%;
    }
}

/*-----------------------------
  767px以下（SP）で表示
-----------------------------*/
@media screen and (max-width:767px) {
    #customerEditArea {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #customerEditArea .password {
        margin-top: 5px;
    }

    #customerEditArea .passwordInformation {
        margin-top: 3px;
        margin-bottom: 3px;
        font-size: 80%;
    }
}


/*-----------------------------
  重複エラーメッセージエリア
-----------------------------*/
.duplicateErrorBlock {
    color: #AF0000;
    font-size: 90%;
    background-color: #FDF7F2;
    margin: 1em;
    padding: 1em;
    border: 1px solid #AF0000;
}

/*-----------------------------
  ラベル選択エリア　1010追加
-----------------------------*/

.selectbox {
  display: grid; /* グリッド表示を維持 */
}

}