@charset "utf-8";

/*----------------------------------------*/
/* ログイン */
/*----------------------------------------*/
.login {
    & .headerLogo {
        justify-content: center;
    }

    & form {
	    & .error_msg {
	        text-align: center;
	    }
	}

    & .pass_forget {
        text-align: center;
    }
}

/*----------------------------------------------------------------------------*/
/*お問合せ contact */

.contact_sec {

    .contact_type_box {
        display: flex;
        align-items: center;
        flex: start;
        gap: 4px;
    }

    & form {
        & dl {
            margin-bottom: 5.5px;
            padding-bottom: 5.5px;
            border-bottom: none;
            align-items: flex-start;
        }

        & dl:nth-of-type(1) {
            dt {
                padding-top: 12px;
            }
        }

        & dl:nth-of-type(7) {
            margin-bottom: 10px;
            padding-bottom: 20px;
            border-bottom: 1px #ccc solid;
        }

        & dl:nth-of-type(7) {
            dt {
                padding-top: 7px;
            }
        }

        & dt {
            padding-top: 14px;
        }

        & dd {
            padding: 5px 0;
        }
    }
}

/*----------------------------------------*/
/* 注文履歴 */
/*----------------------------------------*/

/* Cart（カート内リスト） */
#cart {
    & .productListTable {
        margin-bottom: 6rem;
    }
}

/*利用登録依頼 userregist */

.btn_color {
    /* チェックが入っていないときのボタンの色 (薄いグレー) */
    background: #d3d3d3; /* 薄いグレー */
    cursor: not-allowed;
    pointer-events: none;
    padding: 0;
}

.btn_color.active {
    /* チェックが入っているときのボタンの色 */
    background: transparent linear-gradient(180deg, #C70F00 0%, #A70D00 100%) 0% 0% no-repeat padding-box;
    cursor: pointer;
    pointer-events: all;
    padding: 0;
}

.submit-btn:disabled {
    /* クリック不可時のスタイル */
    cursor: not-allowed;
    pointer-events: none;
}

.text-purple { color: #551A8B; }