/* タイトル（不要） */
.my-page-title {
    color: #ba1165;
    /* マゼンタ色 */
    text-align: center;
    /* 中央寄せ */
    font-size: 2em;
    /* 1.6～2emくらい。お好みで */
    font-weight: bold;
    /* 太字 */
    margin: 20px 0 16px 0;
    /* 上下余白調整 */
    letter-spacing: 0.02em;
    /* ちょっと字間広げてもOK */
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ログアウトボタン／メニュー項目 */
.my-page-logout {
    display: none;
}

/* 冒頭文 */
.my-page-center-box {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0 0 20px;
}

.my-page-center-box-centering {
    text-align: center;
}

.my-page-center-box p {
    font-size: 15px;
}

.my-page-center-box .sms_notice {
    margin-bottom: 1rem;
}

.my-page-center-box .sms_notice .sms_notice_bold {
    font-weight: bold;
}

.my-page-center-box .notice_link {
    font-size: 12px;

}

/* 「現在の状態」先頭丸 */
.infoHeading {
    margin-bottom: 0px;
    padding-left: 17px;
    color: #313131;
    background: transparent url(../images/common/marker_headingb02_brown.gif) 0 0.5em no-repeat;
    font-size: 133%;
    text-align: left;
}

/* 先頭縦棒 */
.my-page-center-box .sms_status {
    border-left: 6px #cdccbe solid;
    padding: 2px 0 2px 8px;
    margin: 2px 0;
}


/* 設定済の生体認証リスト */
ul.bio-list {
    margin: .5rem 0 1rem;
    font-size: 15px;
}

ul.bio-list li {
    margin-top: .5rem;
    padding: .5rem 1rem;
    background: #f5f5f5;
}

ul.bio-list li:first-child {
    margin-top: 0;
}

ul.bio-list .bio-list-date {
    font-size: 12px;
    color: #65676e;
}

ul.bio-list .bio-list-link {
    font-size: 12px;
}


/* ボタン */

.my-page-buttons {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    /* ボタンを左右に並べる */
    align-items: center;
    /* 中央寄せ */
    justify-content: center;
    gap: 10px;
    /* ボタン間スペース */
}

@media screen and (max-width: 767px) {
    .my-page-buttons {
        flex-direction: column;
        /* ボタンを縦方向に並べる */
    }
}

.my-page-input-buttons {
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    text-align: center;
    display: flex;
    flex-direction: column;
    /* ボタンを縦方向に並べる */
    align-items: center;
    /* 中央寄せ */
    gap: 10px;
    /* ボタン間スペース */
}

.my-page-input-buttons form {
    width: 100%;
}

.my-page-input-buttons input:not(:first-child) {
    margin-top: 10px;
}

.my-page-buttons input[type="button"]:not(.my-page-btn-simple),
.my-page-buttons input[type="submit"],
.my-page-input-buttons input[type="button"]:not(.my-page-btn-simple),
.my-page-input-buttons input[type="submit"] {
    width: 80%;
    border-radius: 4px;
    padding: 12px 0;
    font-size: 16px;
    text-align: center;
    cursor: pointer;

    background-color: #ba1165;
    /* マゼンタ */
    color: #fff;
    border: none;
}

.my-page-buttons input[type="text"],
.my-page-input-buttons input[type="text"] {
    padding: 12px 16px;
    box-sizing: border-box;
    font-size: 16px;
    width: 80%;
    border: 1px solid #c9cace;
    border-radius: 4px;
}

.my-page-buttons input[type="text"]::placeholder,
.my-page-input-buttons input[type="text"]::placeholder {
    color: #65676e;
}

.my-page-input-error {
    color: #f00;
    font-size: 0.95em;
    margin: 4px 0 8px 0;
}

.my-page-btn-register-disabled {
    pointer-events: none !important;
    background-color: #d9d9d9 !important;
    /* 薄いグレー */
    color: #fff !important;
}

.my-page-btn-unregister {
    background-color: #858579 !important;
    /* 濃いグレー */
    color: #fff !important;
}

.my-page-btn-back {
    background-color: #FFF !important;
    /* 白 */
    color: #333333 !important;
    border: 1px solid #666666 !important;
}

.my-page-btn-bio-unregister {
    background-color: #858579 !important;
    /* 濃いグレー */
    color: #fff !important;
}

.my-page-btn-simple {
    color: #0070c0;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0 auto;
    /* 背景色を無色 */
    background: transparent;
    /* 枠線なし */
    border: none;
    /* クリックした際に枠線なし */
    outline: none;
    /* 影なし */
    box-shadow: none;
}

.mail-resent-row {
    display: flex;
    align-items: center;
    gap: 2px;
}

.mail-resent-row-text {
    font-size: 1.1em;
    line-height: 1.5;
}

.my-page-highlight {
    color: #ff0000
}



/* セキュリティ設定選択メニュー */
.rightBtn {
    user-select: none;  /* ボタン部分がテキストとして選択されないための記述 */
    display: flex;
    margin: 25px 20px;
    cursor: pointer;
    border-bottom: solid 1px #898989;
}

.securitySettingsMenuItem {
    flex: 1 1 50%;
    margin-left: 30px;
    padding: 0 0 4px 1px;
    zoom: 1;
    text-align: left;
}

.securitySettingsMenuStatus {
    flex: 1 1 calc(50% - 8px);
    text-align: right;
    color: #757575;
}

.securitySettingsMenuIcon {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    margin-right: 30px;
    position: relative;
}

.securitySettingsMenuIcon::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #898989;
    border-right: 3px solid #898989;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
    .securitySettingsMenuItem {
        font-size: 15px;
    }
}


/* 注意書き */
#mainContents .securityExclamation {
    width: 19px;
    margin-right: 5px;
}

#mainContents .securityNotes {
    margin: 10px 0;
    border: 1px solid;
    padding: 14px;
}

/* 一般（内部）エラー */
#mainContents .securityErrorText {
    font-size: 19px;
    color: #5a5a5a;
    font-weight: 500;
}

#mainContents .securityErrorHeading {
    margin: 25px 0px;
    padding: 0 0 4px 1px;
    border-bottom: solid 1px #898989;
    zoom: 1;
}

/* securityErrorNotes */
#mainContents .securityErrorNotes {
    margin-bottom: 25px;
    font-size: 17px;
    padding: 5px 0 5px 47px;
    background: transparent url("../images/common/marker_notesa01.gif") 0 50% no-repeat;
}

#mainContents .securityErrorNotes p {
    color: #ef0000;
}

#mainContents .securityErrorNotes dt {
    color: #ef0000;
}

#mainContents .securityErrorNotes dd {
    font-size: 83%;
}

#mainContents .securityErrorNotes dd ul {
    color: #313131;
}

#mainContents .securityErrorNotes dd ul li {
    padding-left: 14px;
    background: transparent url("../images/common/marker_notes_li.gif") 0 0.3em no-repeat;
}

@media screen and (max-width: 767px) {
    #mainContents .securityNotes {
        margin: 10px 0;
        border: 1px solid;
        padding: 14px;
    }
}

#mainContents .securityNotes ul {
    color: #313131;
    padding-left: 10px;
    padding-top: 5px;
}

#mainContents .securityNotes li {
    padding-left: 14px;
    background: transparent url("../images/common/marker_notes_li.gif") 0 0.5em no-repeat;
}



.newid-service-list-title {
    cursor: pointer;
    background: #eee;
    padding: 8px;
    margin: 0;
    color: #0070c0;
    /* 青色 */
    text-decoration: underline;
    /* 下線 */
    position: relative;
}

.newid-service-list-title::before {
    content: "＞";
    margin-right: 8px;
    color: #0070c0;
    font-weight: bold;
}

.newid-service-list-content {
    display: none;
    margin: 0;
    padding: 8px;
    background: #fafafa;
}