@charset "utf-8";

/*サイドメニュー*/
.side_menu{
    border-collapse: initial;
    color: #4B4B4B;
}
.side_menu a{
    color: #272343;
}
.side_menu .border_bottom{
    border-bottom: solid 1px #B0B0B0;
}

/*マイページトップ*/
.top_flex2{
    margin: 10px auto;
}
.mypage_tables{
    margin: 0 auto 50px auto;
    padding: 10px 20px;
}
.mypage_table tr:not(:last-child){
    border-bottom: solid 1px #dcdcdc;
}
.mypage_table td{
    padding: 7px 15px;
}

.apo_status_table th{
    border: solid 1px #DCDCDC;
    background-color: #FFF9E2;
}
.apo_status_table td{
    border: solid 1px #DCDCDC;
    padding: 5px;
}

/*登録情報変更画面*/
.myinfo_change_table input　placeholder{
    color: 	#878787;
}

/*現在の予約内容変更詳細画面*/
.myaponow_change_tables{
    margin: 0 auto 50px auto;
    padding: 10px 20px 30px 20px;
}
.myinfo_change_table .myaponow_change_p{
    margin: 0 20px;
    padding: 8px 0;
}
.myinfo_change_table .th5{
    vertical-align: initial;
}

/*予約キャンセル画面*/
.end_message{
    margin: 50px 0;
}

.cancel-modal-dialog{
    max-width: 750px;
}

.cancel-modal-body{
    height: 500px;
    overflow-y: scroll;
}

/*パスワード変更画面*/
.mypass_change_tables{
    margin: 0 auto 50px auto;
}
.mypass_change_tables h1{
    vertical-align: inherit;
}
.small_label{
    font-size: 0.8rem;
    margin-top: 4px;
}

/*クレジットカード情報変更画面*/
.mycard_change_tables{
    margin: 0 auto 50px auto;
    padding: 40px 30px;
}
.mycard_change_tables #text{
    text-align: center;
    margin: 0 5px;
    padding: 8px 0;
}

/*廃止手続き画面*/
.myexit_tables{
    margin: 0 auto 50px auto;
}

.myexit_table th{
    text-align: inherit;
    padding: 7px 0;
}

.myexit_table .checkbox{
    border-color: #D6E5EF;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
}

.text-gray {
    color: #718096;
}

.text-pink {
    color: #FE657A;
}

.pink-btn{
    background-color: #FE657A;
    color: #fff;
}

.pink-btn:hover{
    color: #ffffff;
}