/* =========================================================
   会員登録ページ専用のレイアウト調整
========================================================= */

/* 1. メッセージ（下記の内容を〜）を中央寄せ、上下余白 */
.fs-body-register .fs-c-inputInformation__message {
    text-align: center !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}

/* 2. フォーム全体を600px幅にして画面中央に配置（共通の枠線デザイン） */
.fs-body-register #fs_form {
    background-color: #ffffff;
    border: 1px solid #d4c6b5;
    padding: 50px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 40px;
    box-shadow: 0 4px 15px rgba(94, 76, 65, 0.1);
    position: relative;
    box-sizing: border-box;
}

/* 枠の内側の二重線デザイン */
.fs-body-register #fs_form::before {
    content: "";
    position: absolute;
    top: 5px; right: 5px; bottom: 5px; left: 5px;
    border: 1px solid #d4c6b5;
    pointer-events: none;
}

/* 3. 見えない余白のリセットと中央配置の土台 */
.fs-body-register fieldset,
.fs-body-register .fs-c-inputInformation__field {
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.fs-body-register .fs-c-inputTable {
    width: 100% !important;
    margin: 0 auto !important;
}

/* 4. ラベルと入力ボックスを縦並び＆確実な中央配置 */
.fs-body-register .fs-c-inputTable th,
.fs-body-register .fs-c-inputTable td {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    border: none !important;
    padding: 0 !important;
}

.fs-body-register .fs-c-inputTable th {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

/* 入力エリアの幅を350pxに統一 */
.fs-body-register .fs-c-inputField {
    margin: 0 auto !important;
    max-width: 350px !important;
    width: 100% !important;
}

/* 5. 氏名・フリガナの横並び */
.fs-body-register .fs-c-inputTextGroup {
    display: flex;
    gap: 15px;
    width: 100%;
}
.fs-body-register .fs-c-inputTextGroup__item {
    flex: 1;
}

/* 6. セレクトボックス（都道府県、生年月日）のデザイン統一 */
/* テキスト入力欄と同じ「下線のみ」のデザインにします */
.fs-body-register select.fs-c-dropdown__menu {
    width: 100%;
    padding: 10px 5px;
    border: none;
    border-bottom: 1px solid #a89a8d;
    background-color: transparent;
    font-family: inherit;
    font-size: 1rem;
    color: #5e4c41;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
}
.fs-body-register select.fs-c-dropdown__menu:focus {
    border-bottom: 1px solid #5e4c41;
}

/* 生年月日（年・月・日の3つのセレクトボックスを横並びに） */
.fs-body-register .fs-c-inputDate {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.fs-body-register .fs-c-dropdown.fs-c-inputDate__year,
.fs-body-register .fs-c-dropdown.fs-c-inputDate__month,
.fs-body-register .fs-c-dropdown.fs-c-inputDate__date {
    flex: 1;
}

/* 7. ラジオボタン（性別・メルマガ）の横並び配置 */
.fs-body-register .fs-c-radioGroup {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 5px;
}
.fs-body-register .fs-c-radio__label {
    color: #5e4c41;
    cursor: pointer;
}

/* メルマガ購読の補足説明テキスト */
.fs-body-register .fs-c-inputField__explanation {
    font-size: 0.8rem;
    color: #8c7b70;
    margin-top: 15px;
    text-align: left;
    line-height: 1.6;
}

/* 8. 規約同意チェックボックス周り（2つ並びます） */
.fs-body-register .fs-c-additionalCheckField {
    text-align: center;
    margin-top: 15px !important;
}
/* 一番上の「会員規約」の上にだけ、区切りの点線を引く */
.fs-body-register .fs-c-memberPolicyAgreeField {
    margin-top: 40px !important;
    padding-top: 30px !important;
    border-top: 1px dashed #d4c6b5 !important;
}
.fs-body-register .fs-c-checkbox__label {
    color: #5e4c41;
    font-size: 0.95rem;
    cursor: pointer;
}
.fs-body-register .fs-c-checkbox__labelText a {
    color: #8c7b70;
    text-decoration: underline;
    transition: color 0.3s;
}
.fs-body-register .fs-c-checkbox__labelText a:hover {
    color: #5e4c41;
    text-decoration: none;
}

/* 9. 登録ボタンの中央配置 */
.fs-body-register .fs-c-buttonContainer {
    text-align: center;
    margin-top: 40px;
}




/* =========================================================
   パスワード認証（闇市）ページ専用のレイアウト
========================================================= */

/* 1. メッセージを中央寄せ */
.fs-body-auth .fs-c-inputInformation__message {
    text-align: center !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}

/* 2. フォーム全体を600px幅にして画面中央に配置（共通の二重枠線デザイン） */
.fs-body-auth #fs_form {
    background-color: #ffffff;
    border: 1px solid #d4c6b5;
    padding: 50px;
    max-width: 600px;
    width: 100%;
    margin: 0 auto 40px;
    box-shadow: 0 4px 15px rgba(94, 76, 65, 0.1);
    position: relative;
    box-sizing: border-box;
    text-align: center; /* 中身の要素を中央寄せ */
}

.fs-body-auth #fs_form::before {
    content: "";
    position: absolute;
    top: 5px; right: 5px; bottom: 5px; left: 5px;
    border: 1px solid #d4c6b5;
    pointer-events: none;
}

/* 3. 見えない余白のリセットと中央配置の土台 */
.fs-body-auth fieldset,
.fs-body-auth .fs-c-inputInformation__field {
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* パスワード入力エリアの幅を調整 */
.fs-body-auth .fs-c-inputField {
    margin: 0 auto !important;
    max-width: 350px !important;
    width: 100% !important;
}