@charset "utf-8";
/* CSS Document */


/* common */
#fudou_loan_box{ width: 100%; overflow: hidden; font-size: 16px; }
input[type="number"].fudou_loan_input,
select.fudou_loan_input{ margin: 0 0 16px 0!important; padding: 8px!important; width: 100%!important; font-size: 16px; border: none; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance:textfield; }
input[type="number"].fudou_loan_input:hover,
select.fudou_loan_input:hover{ padding: 6px!important; border: 2px solid #94bfff; }
.fudou_loan_input::-webkit-outer-spin-button,
.fudou_loan_input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.fudou_loan_form{ background-color: #dbedff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance:textfield; }
.fudou_loan_form_box{ width: 100%; padding: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="button"].fudou_loan_btn{ margin: 16px 0 0 0; padding: 16px; font-size: 16px; font-weight: bold; width: 100%; background-color: #333; color: #fff; opacity: 1; transition: opacity 0.3s; cursor: pointer; border: none; background-image: none; }
input[type="button"].fudou_loan_btn:hover{ opacity: 0.6; transition: opacity 0.3s; }

.fudou_loan_result{ display: none; background-color: #ffdbdb; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-appearance:textfield; }
.fudou_loan_result_box{ width: 100%; padding: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.fudou_loan_result_row{ margin: 0 0 24px 0; width: 100%; display: table; vertical-align: bottom; }
.fudou_loan_result_row:last-child{ margin: 0; }
.fudou_loan_result_head{ display: table-cell; width: 50%; vertical-align: middle; clear: both; font-size: 16px; font-weight: bold; padding: 16px; background-color: #e74c3c; color: #fff; text-align: center; }
.fudou_loan_result_value{ display: table-cell; width: 50%; vertical-align: middle; font-size: 16px; text-align: right; padding: 16px; background-color: #fff; font-weight: bold; }


/* pc 768px~ */
.loan_box_pc{ display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.loan_box_pc .fudou_loan_form,
.loan_box_pc .fudou_loan_result{ width: 50%; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; align-items: center; }
.loan_box_pc .fudou_loan_result{display: none;}

/* sm ~399px */
.loan_box_sm .fudou_loan_result_head,
.loan_box_sm .fudou_loan_result_value{ display: block; width: auto; padding: 8px; }