/*
Theme Name: 2chiikipf2026
Author URI: https://www.mlit.go.jp/2chiiki_pf/
Description: 2Chiiki Platform Theme
Version: 1.0.0
*/

@charset "utf-8";

/* :::::::::::::::::: profile-edit :::::::::::::::::: */
.contentArea.profileEdit {
    max-width: 720px;
    margin: auto;
}

.contentArea.areaMypage h2 {
    text-align: center;
    margin: 20px auto;
}

.contentArea.areaMypage.form {
    background: var(--c-bgcolor);
    margin: 40px auto;
    padding: 40px;
}

.contentArea.areaMypage.form input[name="billing_phone"] {
    width: calc(50% - 40px);
}

.regist-row {
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.regist-col {
    width: 50%;
}

.input-box label {
    margin-top: 16px;
    display: inline-block;
    margin-bottom: 4px;
}


/* パスワードチェンジ */
.areapwdchange fieldset {
    display: grid;
    grid-template-columns: 16em 1fr;
    column-gap: 16px;
    row-gap: 24px;
    align-items: center;
    margin-top: 24px;
}

.areapwdchange fieldset>label[for="pass1"],
.areapwdchange fieldset>label[for="pass2"] {
    grid-column: 1;
    align-self: center;
}

/* 入力divは右列 */
.areapwdchange fieldset>.div_text:has(#pass1),
.areapwdchange fieldset>.div_text:has(#pass2) {
    grid-column: 2;
    margin-bottom: 0;
}

/* 送信ボタンは全幅 */
.areapwdchange fieldset>.button_div {
    grid-column: 1 / -1;
}

/* hidden はレイアウトに影響させない（念のため） */
.areapwdchange fieldset>input[type="hidden"] {
    display: none;
}

/* PWリセット */
/* パスワードリセット１ */
.areapwdreset,
.areapwdresetMail {
    max-width: 720px;
    margin: auto;
    padding: 40px;
    background: var(--c-bgcolor);
    padding-top: 48px;
}

.areapwdreset.formHead {
    padding-bottom: 0;
    margin-bottom: 0;
}

.areapwdreset.form {
    padding-top: 0;
    margin-top: 0;
}


.areapwdreset fieldset label {
    margin-top: 16px;
    display: inline-block;
}

.contentArea.is-done {
    background: none;
}

.areapwdreset h1.page-title,
.areapwdresetMail h1.page-title {
    margin: 0 auto 24px auto;
    padding: 0;
}


@media (max-width: 960px) {
    .btn_area .buttons {
        width: 100%;
    }


    /* 本登録申請 */
    /* ここ調整いるならareaMypage外してOK */
    .contentArea.areaMypage h2 {
        font-size: 18px;
    }

    .contentArea.areaMypage.formHead {
        margin-bottom: 20px;
        width: 90%;
    }

    .contentArea.areaMypage.form {
        margin: 0 -15px;
        padding: 32px;
        padding-bottom: 40px;
    }

    .regist-row {
        display: block;
    }

    .regist-col {
        width: 100%;
    }

    .contentArea.areaMypage.form input {
        width: 100% !important;
    }

    .areapwdchange fieldset {
        display: block;
    }

    /* pw変更 */
    .areaPassword.areapwdchange.formHead {
        padding-bottom: 0;
    }

    .areaPassword.areapwdchange.formHead h2 {
        display: none;
    }

    /* PWリセット */
    .areapwdreset {
        margin: 0;
        padding: 15px;
        padding-bottom: 40px;
    }

    .areapwdreset.formHead {
        margin-bottom: -12px;
    }
}