@charset "utf-8";

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

/*-----------------------------
  顧客情報入力エリア
-----------------------------*/
#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;
}

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

#firstName {
    width: 100px;
}

#lastNameKana {
    width: 100px;
}

#firstNameKana {
    width: 100px;
}

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


/*-----------------------------
  会員規約
-----------------------------*/
#frontCustomerRegisterMembersRuleArea {
    text-align: left;
    padding:10px;
    margin-bottom: 10px;
    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%;
    }
}