/* @全体 横幅を調整 */
.fs-l-main {
    width: 92%;
    max-width: 960px;
}

/* [メールを送りました] などの上部表示メッセージ */
#fs-page-error-container .fs-c-panel {
    margin-bottom: 0;
}

/* @全体 「マイページ トップ」ボタン */
.fs-c-buttonContainer--myPageTop {
    margin: 6vh 0 0;
}

/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop {
    padding: 0.5em 1em;
    color: #333;
    background-color: #f1f1f1;
    border: none;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop:hover {
    color: #333;
    background-color: #f1f1f1;
    opacity: 0.7;
}
/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop:visited {
    color: #333;
}

/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop .fs-c-button__label {
    display: none;
}

/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop::before {
    padding-right: 0.5em;
    content: "«";
}
/* @全体 「マイページ トップ」ボタン */
.fs-c-button--myPageTop::after {
    content: "マイページへ戻る";
}

/* @全体 ラジオボタン */
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark {
    border-color: #223a70;
}

/* @全体 ラジオボタン */
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before {
    background: #223a70;
}

/* @全体 マイページ ○○がありません 「履歴がありません」など */
.fs-c-noResultMessage {
    background: #f1f1f1;
    border-radius: 10px;
}

[type="hidden"]:focus,
[type="text"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="url"]:focus,
[type="email"]:focus,
[type="password"]:focus,
[type="datetime"]:focus,
[type="date"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="time"]:focus,
[type="datetime-local"]:focus,
[type="number"]:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #223a70;
    box-shadow: inset 0 0 1px #223a70;
}
