@charset "utf-8";

/*
 * iframeMembershipRule
 */

.iframeMembershipRule-container {
    width:100%;
    height:200px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    margin-bottom: 40px;
}
iframe.iframeMembershipRule {
    width:100%;
    height:100%;
}




/*
 * dl [inputDl]
 */

.membership_regist_form .inputDl dt span.icon--required.ng:before,
.membership_regist_form .inputDl dt span.icon--required.ok:before {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    content: "";
    color: #fff;
    font-size: 1.0rem;
    background-color: #FFF;
    padding: 0;
    margin: 0;
}
.membership_regist_form .inputDl dt span.icon--required.ok,
.membership_regist_form .inputDl dt span.icon--required.ng{
    display: inline-block;
    text-indent: 9999px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 24px;
    height: 14px;
    line-height: 14px;;
}
.membership_regist_form .inputDl dt span.icon--required.ok {
    background: url(../img/common/icon_check.png) no-repeat right bottom;
    background-size: 14px 14px;
}
.membership_regist_form .inputDl dt span.icon--required.ng {
    background: url(../img/common/icon_error.png) no-repeat right bottom;
    background-size: 14px 14px;
}




/* 元々の記述されている文字色 */
.membership_regist_form dl.inputDl input::-webkit-input-placeholder {
    color: #CCC;
}
.membership_regist_form dl.inputDl input::-moz-placeholder {
    color: #CCC;
}
.membership_regist_form dl.inputDl input:-ms-input-placeholder {
    color: #CCC;
}




.membership_regist_detail_main {
    margin: 40px 0;
}
.membership_regist_detail_title {
    width: 160px;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer;
    color: #059B51;
    text-decoration: underline;
    text-align: center;
}
.membership_regist_detail_title:hover,
.membership_regist_detail_title:active {
    text-decoration: none;
}
.membership_regist_detail_content .detail_info {
    font-size: 14px;
    color: #ff8282;
    text-align: center;
    padding: 5px 0 10px;
}




/* お客様情報入力　bundle.jsのバリデーションのエラー表示を見えなくする
========================================== */

body.body_membership_regist .formError {
    display: none !important;
}
body.body_membership_regist input.errorField {
    background-color: #FFF !important;
}