<style is="custom-style">
/***************************************************
 * Polymer用カスタムスタイル
 ***************************************************/
/***************************************************
 * 金利選択画面スタイル設定
 ***************************************************/
suumo-select-page {
  --interest-rate-base-color: #49c3dd;
  --paper-input-container: {font-size: 24px; font-weight: bold; color: #49c3dd; text-align: -webkit-center;};
  --paper-input-container-color: #49c3dd;
  --paper-input-container-input-color: #49c3dd;
  --paper-input-container-focus-color: #2fa6bf;
}

/***************************************************
 * スライダースタイル設定
 ***************************************************/
#price {
  --paper-input-container: {width: 100px;};
  --paper-input-container-input: {font-size: 24px; color: #70b837; text-align: -webkit-center;};
  --slider-background-image: {background-image: url('/sp/apps/simulator/affordability/img/loansim_price.png?id=202512175c24e36afbf');};
  --slider-active-color: #fff;
  --slider-knob-color: #fff;
  --slider-box-color: #70b837;
  --paper-progress-container-color: #4f9b12;
  --paper-input-container-color: #70b837;
  --paper-input-container-focus-color: #70b837;
}

#interestRate {
  --slider-background-image: {background-image: url('/sp/apps/simulator/affordability/img/loansim_interest_rate.png?id=202512175c24e36afbf');};
  --slider-active-color: #fff;
  --slider-knob-color: #fff;
  --slider-box-color: #49c3dd;
  --paper-progress-container-color: #2fa6bf;
  --paper-input-container: {width: 80px;};
  --paper-input-container-input: {font-size: 24px; color: #49c3dd; text-align: -webkit-center;};
  --paper-input-container-color: #49c3dd;
  --paper-input-container-focus-color: #2fa6bf;
}

#downPayment {
  --paper-input-container: {width: 80px;};
  --paper-input-container-input: {font-size: 24px; color: #eea045; text-align: -webkit-center;};
  --slider-background-image: {background-image: url('/sp/apps/simulator/affordability/img/loansim_down_payment.png?id=202512175c24e36afbf');};
  --slider-active-color: #fff;
  --slider-knob-color: #fff;
  --slider-box-color: #eea045;
  --paper-progress-container-color: #ea833e;
  --paper-input-container-color: #eea045;
  --paper-input-container-focus-color: #ea833e;
}

#bonus {
  --paper-input-container: {width: 60px;};
  --paper-input-container-input: {font-size: 24px; color: #eec045; text-align: -webkit-center;};
  --slider-background-image: {background-image: url('/sp/apps/simulator/affordability/img/loansim_bonus.png?id=202512175c24e36afbf');};
  --slider-active-color: #fff;
  --slider-knob-color: #fff;
  --slider-box-color: #eec045;
  --paper-progress-container-color: #d9a433;
  --paper-input-container-color: #eec045;
  --paper-input-container-focus-color: #d9a433;
}

#repaymentPeriod {
  --paper-input-container: {width: 45px;};
  --paper-input-container-input: {font-size: 24px; color: #ff9999; text-align: -webkit-center;};
  --slider-background-image: {background-image: url('/sp/apps/simulator/affordability/img/loansim_repayment_period.png?id=202512175c24e36afbf');};
  --slider-active-color: #fff;
  --slider-knob-color: #fff;
  --slider-box-color: #ff9999;
  --paper-progress-container-color: #f67b7b;
  --paper-input-container-color: #ff9999;
  --paper-input-container-focus-color: #f67b7b;
}

/***************************************************
 * 管理費•修繕積立金スタイル設定
 ***************************************************/
.otherprice {
  --paper-input-container: {width: 60px;};
  --paper-input-container-input: {font-size: 20px; color: #70b837; text-align: -webkit-center;};
  --other-price-box-color: #70b837;
  --paper-input-container-color: #70b837;
  --paper-input-container-focus-color: #4f9b12;
  --paper-checkbox-unchecked-color: #fff;
  --paper-checkbox-unchecked-background-color: #fff;
  --paper-checkbox-checked-color: #70b837;
  --paper-checkbox-checked-background-color: #70b837;
  --paper-checkbox-label-color: #70b837;
}

</style>
