@charset "Shift_JIS";

/* ページ全体 */
body { background-color: #fff; color: #000; }


/* ヘッダの色 */
.header { background: #000;}

/* ヘッダ下部の枠色 */
.header .inner { border-bottom: 1px solid #000; }


/* スライドメニューの背景色 */
#header_menu { background: #fff; }

/* ヘッダのスライドメニューボタン色 */
/* F
.header_menu_btn {  border: 1px solid #000; }
*/

/* ヘッダのスライドメニューハンバーガー印色 */
/* F
.menu-trigger span {  background-color: #000; }
*/

/* スライドメニューのリンク文字色 */
#header_menu ul li a { background: #fff; color: #000;  }
#header_menu ul li a:hover { background: #000; color: #fff; }


/* スライドメニューのメニュー間罫線色 */
#header_menu ul li { border-bottom: 1px solid #000;  }


/* スライドメニューの　＞　マークの色 */
#header_menu ul li a::after { border-top: solid 1px #000; border-right: solid 1px #000; }
#header_menu ul li a:hover::after { border-top-color: #fff; border-right-color: #fff; }


/* ログイン前トップの「※ご登録いただく情報は当社の・・・」の色 */
.page_index .section02 .remarks {  color: #000; }


/* ログイン前トップの「ログインID・パスワードを忘れた方はこちら」の色 */
.page_index .section01 .remarks a { color: #000; }


/* ログイン前トップの「プライバシーポリシー」のリンク色 */
.page_index .section02 .remarks a { color: #000; }



/* フォームのTEXT色 */
.form_section [type=tel], 
.form_section [type=email], 
.form_section [type=text], 
.form_section [type=password], 
.form_section [type=number], 
.form_section textarea, 
.form_section select {  border: 1px solid #000;  background: #fff; color: #000;}


/* フォームのsubmitボタン色 */
.form_section [type=submit] {  border: 1px solid #000; background: #fff; color: #000; }
.form_section [type=submit]:hover{  border: 1px solid #000; background: #000; color: #fff; }




/* ログイン前トップの新規会員登録の男女ボタン色 */
.page_index .section02 .items .item a {  border: 1px solid #000; background: #fff; color: #000;}
.page_index .section02 .items .item a:hover { background: #000; color: #fff; }



/* フッターの色 */
.footer { background: #000;}









/* F

.footer .f_nav1 { background: #fff; position: relative; }
.footer .f_nav1::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; left: 0; background: #000; }
.footer .f_nav1 ul { width: 1000px; margin: 0 auto; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.footer .f_nav1 ul { width: 100%; }
.footer .f_nav1 ul li { width: 50%; }
.footer .f_nav1 ul li { border-top: 1px solid #000;}
.footer .f_nav1 ul li { border-bottom: 1px solid #000;margin: 0 0 -1px;}
.footer .f_nav1 ul li:nth-child(even) { border-left: 1px solid #000; }
.footer .f_nav1 ul li a { display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; color: #000; padding: 10px 0; text-align: center; }
.footer .f_nav1 ul li a:hover { background: #000; color: #fff; }
.footer .copyright { padding: 20px 0; font-size: 14px; font-size: 1.4rem; text-align: center; }
.footer.login .f_nav1::after { margin-top: -22px; }
.footer.login .f_nav1::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; left: 0; background: #000; margin-top: 22px; }
.footer.login .f_nav1::after, .footer.login .f_nav1::before { display: none; }
*/







/* フッターのコピーライトの色 */
.footer .copyright {  color: #fff;}



/* ページトップリンクの色 */
.page_top {  background: #000;  color: #fff; }
.page_top:hover { background: #000; color: #fff; }

/* ページトップリンクの上印の色 */
.page_top::after {  border-top: solid 2px #fff; border-right: solid 2px #fff;  }



/* 利用規約ページなどの文章部分の色 */
.page_text .txt_wrap, .page_member_text .txt_wrap {  background: #fff; border: 1px dashed #000;  color: #000;}



/* 利用規約ページなどのTOPへ戻るボタンの色 */
.page_text .btn a, .page_member_text .btn a { border: 1px solid #000; color: #000; background: #fff; }
.page_text .btn a:hover, .page_member_text .btn a:hover { background: #000; color: #fff; }
.page_text .btn a:hover::after, .page_member_text .btn a:hover::after { border-top-color: #000; border-right-color: #000; }


/* 利用規約ページなどのTOPへ戻るボタンの>印の色 */
.page_text .btn a::after, .page_member_text .btn a::after {  border-top: solid 1px #000; border-right: solid 1px #000; }





/* -----------------ここからログイン後専用------------------ */


/* ログイン後トップページのヘッダのPC向けメニューの色 */

/* F
.header.login_header .g_nav ul li a:hover { color: #000; }
*/

/*ヘッダの丸Pマークの色*/
.header.login_header .header_point::before {  background: #000; color: #fff; }
/*ヘッダの丸Pマーク横のptの色*/
.header.login_header .header_point span {color: #000;}

/*ヘッダのPCメニューの色*/
/* F
.header.login_header .g_nav ul li a { color: #000;}
.header.login_header .g_nav ul li a:hover { color: #000; }
*/
/*ヘッダのPCメニューの区切り|色*/
/* F
.header.login_header .g_nav ul li::after { color: #000;}
*/


/* ログイン後トップページの丸いプロフィールの色 */
.page .login_fv .acount_detail {  background: #fff; center; color : #000;}
/* ログイン後トップページの丸いプロフィールの真ん中の線の色 */
.page .login_fv .acount_detail .point { border-top: 1px dotted #000;}



/* ログイン後トップページの「鑑定依頼はこちら」ボタンの色 */
.page_member .section02 .btn2 { margin: 30px auto 0; padding: 0 60px; }
.page_member .section02 .btn2 a { display: block; border: 1px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-decoration: none; font-size: 15px; font-size: 2.0rem; color: #000; background: #fff; text-align: center; padding: 15px 0; position: relative; }
.page_member .section02 .btn2 a:hover, .page_member_text .btn a:hover { background: #000; color: #fff; }
.page_member .section02 .btn2 a:hover::after, .page_member_text .btn a:hover::after { border-top-color: #000; border-right-color: #000; } }


/* ログイン後トップページの「鑑定依頼はこちら」ボタンの>印の色 */
.page_member .section02 .btn2 a::after, .page_member_text .btn a::after {  border-top: solid 1px #000; border-right: solid 1px #000;  }



/* ログイン後トップページの番組メニューの色 */
.page_member .section01 .items .item a {  border: 1px solid #000; background: #fff;color: #000; }
.page_member .section01 .items .item a:hover { background: #000; color: #fff; }


/* ログイン後フッターメニューの色 */
/* F
.footer.login .f_nav2 { background: #fff; padding: 10px 0; }
*/

/* ログイン後フッターメニューのリンク色 */
/* F
.footer.login .f_nav2 ul li a { color: #000;}
.footer.login .f_nav2 ul li a:hover { color: #000; }
*/

/* ログイン後フッターのコピーライト色 */
/* F
.footer.login .copyright { background: #fff; color: #000;}
*/



/* ログイン後各ページのタイトルの下の破線色 */
.page_information .page_ttl { border-bottom: 1px dashed #000; }
.page_contact .page_ttl {  border-bottom: 1px dashed #000; }
.page_setting .page_ttl {  border-bottom: 1px dashed #000; }
.page_setting_profile .page_ttl, .page_setting_name .page_ttl {  border-bottom: 1px dashed #000; }
.page_setting_password .page_ttl {  border-bottom: 1px dashed #000; }
.page_buy .page_ttl {  border-bottom: 1px dashed #000; }
.page_payment_bank .page_ttl {  border-bottom: 1px dashed #000; }
.page_payment_credit .section01 .page_ttl, 
.page_payment_securitymoney .section01 .page_ttl, 
.page_payment_bitcash .section01 .page_ttl {  border-bottom: 1px dashed #000;}
.page_payment_bitcash_form .section01 .page_ttl, 
.page_payment_securitymoney_form .section01 .page_ttl {  border-bottom: 1px dashed #000; }



/* ログイン後各ページの戻るリンク色 */
.btn_back a { color: #000; }
.btn_back a:hover { color: #000; }


/* ログイン後各種設定メニューの色 */
.page_setting .items .item a { dborder: 1px solid #000; background: #fff; border: 1px solid #000;color: #000;}
.page_setting .items .item a:hover { background: #000; color: #fff; }


/* プロフィール変更/名前変更/お問い合わせページの色 */
.page_setting_profile .form_section, 
.page_setting_name .form_section {  background: #fff; border: 1px solid #000; }
.page_setting_profile .form_section [type=tel], 
.page_setting_profile .form_section [type=email], 
.page_setting_profile .form_section [type=text], 
.page_setting_profile .form_section [type=password], 
.page_setting_profile .form_section [type=number], 
.page_setting_profile .form_section textarea, 
.page_setting_profile .form_section select, 
.page_setting_name .form_section [type=tel], 
.page_setting_name .form_section [type=email], 
.page_setting_name .form_section [type=text], 
.page_setting_name .form_section [type=password], 
.page_setting_name .form_section [type=number], 
.page_setting_name .form_section textarea, 
.page_setting_name .form_section select { border: 1px solid #000; background: #fff; color: #000; }



/* パスワード変更/メールアドレス変更ページの色 */
.page_setting_password .form_section { background: #fff; border: 1px solid #000; }
.page_setting_password .form_section [type=tel], 
.page_setting_password .form_section [type=email], 
.page_setting_password .form_section [type=text], 
.page_setting_password .form_section [type=password], 
.page_setting_password .form_section [type=number], 
.page_setting_password .form_section textarea, 
.page_setting_password .form_section select { border: 1px solid #000; background: #fff; color: #000; }
.page_setting_password .form_section .password_wrap #buttonEye {  color: #000; }

.page_setting_password .label {color: #000;}




/* ポイント購入トップページの色 */
.page_buy .section01 .wrap { background: #fff;  border: 1px solid #000; color: #000;}
.page_buy .price ul { border: 1px dotted #000; background: #fff;}
.page_buy .price ul li:nth-child(even) { background: #eee; }
.page_buy .payment h3 {  border-bottom: 1px dashed #fff; }
.page_buy .payment .items .item a {  border: 1px solid #000;  background: #fff; color: #000;}
@media only screen and (min-width: 769px) { .page_buy .payment .items .item a:hover { background: #000; color: #fff; } }



/* ポイント購入・銀行振込ページの色 */
.page_payment_bank .section01 .wrap { background: #fff1;  border: 1px solid #000; color: #000; }
.page_payment_bank .section01 table tr { border-bottom: 1px dashed #000; }
.page_payment_bank .section01 table tr:first-child { border-top: 1px dashed #000; }
.page_payment_bank .section01 table th { text-align: right; width: 35%; border-right: 1px dashed #000; }






/* ポイント購入・クレジットカードページの色 */
.page_payment_credit .section01 ul { border: 1px dotted #000;  background: #fff; color: #000;}
.page_payment_credit .section01 ul li:nth-child(even) { background: #eee; color: #000;}

.page_payment_credit .section02 .wrap {  border: 1px dotted #000; background: #fff; padding: 30px 50px; }
.page_payment_credit .section02 ul li a {  background: #fff;  color: #000; }
.page_payment_credit .section02 ul li a:hover { color: #000; }
.page_payment_credit .section01 .remarks { color: #000; }




/* ポイント購入・クレジットカードページの購入ボタンの色 */
.page_payment_credit .section01 .btn a, .page_payment_securitymoney .section01 .btn a, .page_payment_bitcash .section01 .btn a { border: 1px solid #000; background: #fff; color: #000;}
.page_payment_credit .section01 .btn a::after, .page_payment_securitymoney .section01 .btn a::after, .page_payment_bitcash .section01 .btn a::after { border-top: solid 1px #000; border-right: solid 1px #000; }
@media only screen and (min-width: 769px) { .page_payment_credit .section01 .btn a:hover, .page_payment_securitymoney .section01 .btn a:hover, .page_payment_bitcash .section01 .btn a:hover { background: #000; color: #fff; }
  .page_payment_credit .section01 .btn a:hover::after, .page_payment_securitymoney .section01 .btn a:hover::after, .page_payment_bitcash .section01 .btn a:hover::after { border-top-color: #fff; border-right-color: #fff; } }








/* ページネーションの色 */
.page_nation .block a {  border: 1px solid #000; background: #fff; color: #000;}
.page_nation .block a:hover { background: #000; color: #fff; }
.page_nation .block.current { background: #000; color: #fff; border: 1px solid #000;  }
.page_nation .prev { margin-right: 20px; color: #000;}
.page_nation .prev a { font-size: 24px; color: #000;}
.page_nation .next { margin-left: 20px; color: #000;}
.page_nation .next a { font-size: 24px; color: #000;}



/* お知らせ・リストページの色 */
.page_information .section01 .wrap ul { background: #fff; border: 1px solid #000;  }
.page_information .section01 .wrap ul li { border-bottom: 1px dashed #000; background: #fff; color: #000;}
.page_information .section01 .wrap ul li:hover { background: #000; color: #fff; }
.page_information .section01 .wrap a { color: #000; }
.page_information .section01 .wrap a:hover { color: #fff; }
.page_information .section01 .wrap a .date {  color: #000; }
.page_information .section01 .wrap a:hover .date {  color: #fff; }








/* お知らせ・詳細ページの色 */
.page_information .section01 .information_single {  background: #fff; border: 1px solid #000;  }
.page_information .section01 .information_single .single_ttl { border-bottom: 1px dashed #000; }





/* 各メールリストページの色 */
.page_mail_archive .section01 .heading { text-align: center; padding: 20px 0; margin-top: 20px; border-top: 1px dashed #000; border-bottom: 1px dashed #000; color: #000;}
.page_mail_archive .section01 .archive_items .archive_item { margin-top: 10px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

/*
.page_mail_archive .section01 .archive_items .archive_item a { background: #fff; color: #000;}
.page_mail_archive .section01 .archive_items .archive_item a:hover { background: #000; color: #fff;}
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) a { background: #eee; color: #000;}
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) { background: #eee; color: #000;}

.page_mail_archive .section01 .archive_items .archive_item .wrap .from { border-right: 1px solid #000; }
.page_mail_archive .section01 .archive_items .archive_item .wrap .date { border-left: 1px solid #000; }
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) .from { border-right: 1px solid #000; }
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) .date { border-left: 1px solid #000; }
.page_mail_archive .section01 .archive_items .archive_item .sp_date { margin-top: 5px; text-align: right; color: #000; }
*/








@media only screen and (max-width: 768px) { 
  .page_mail_archive .section01 .archive_items .archive_item a { background: #fff; }
  .page_mail_archive .section01 .archive_items .archive_item:nth-child(even) a { background: #eee; } }
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) { background: #eee; }
@media only screen and (min-width: 769px) { .page_mail_archive .section01 .archive_items .archive_item:hover { background: #000; color: #fff;} }
.page_mail_archive .section01 .archive_items .archive_item a { color: #000; }
.page_mail_archive .section01 .archive_items .archive_item a:hover { color: #fff; }
/* 縦棒線 */
.page_mail_archive .section01 .archive_items .archive_item .wrap .from { border-right: 1px solid #eee; }
.page_mail_archive .section01 .archive_items .archive_item .wrap .date { border-left: 1px solid #eee; }
/* 縦棒線 */
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) .from { border-right: 1px solid #fff; }
.page_mail_archive .section01 .archive_items .archive_item:nth-child(even) .date { border-left: 1px solid #fff; }
.page_mail_archive .section01 .archive_items .archive_item .sp_date { color: #000; }







/* メールビュー、返信ページの色 */
/*線*/
.page_mail_detail .section01 .mail_ttl {  border-bottom: 1px dashed #000; color: #000;}
/*差出人*/
.page_mail_detail .section01 .mail_ttl span {  color: #000; }
/*受信メッセージ*/
.page_mail_detail .section01 .message { background: #fff; color: #000; }
/*受信日時*/
.page_mail_detail .section01 .date {  color: #000;}

/*送信・返信するボタン*/
.page_mail_detail .section01 .reply_btn { border: 1px solid #000;  background: #fff; color: #000;}
/*送信・返信するボタンの＋マーク*/
.page_mail_detail .section01 .reply_btn::before { border: 1px solid #000;  background:#fff;color: #000;}

/*送信・返信するボタンのホーバー*/
.page_mail_detail .section01 .reply_btn:hover { border: 1px solid #000;  background: #000; color: #fff;}
/*送信・返信するボタンの＋マークのホーバー*/
.page_mail_detail .section01 .reply_btn::before:hover{ border: 1px solid #000;  background:#000;color: #fff;}



/* メールビュー、返信フォームの色 */
/*タイトル*/
.page_mail_detail .section01 .form_section{color: #000;}
.page_mail_detail .section01 .remarks{color: #000;}
.page_mail_detail .section01 .form_section [type=text],
.page_mail_detail .section01 .form_section textarea { background: #fff; color: #000; }



/*ご相談フォームのラジオボックス部の色*/
.form_section .radio.inline_parts { color: #000; }
.form_section .radio input:checked + .parts { color: #000; border-bottom: 1px solid #000; }




/* 以下、ソニーファイナンスグループ用 */

/* ログイン前の中央のサイト名 */
.top_title { font-size: 150%; font-weight: normal;text-align: center; }


/* ログイン前の中央のサイト名の背景色 */
.page_index .fv::after { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: #fff; }

/* ログイン前の中央のサイト名の高さ */
.page_index .fv { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.5); height: 100px; overflow: hidden; }



/* ログイン後のフッターメニューの背景色 */
.footer.login .f_nav2 { background: #000; padding: 10px 0; }