body {
  -webkit-text-size-adjust: none;
}

table th {
  background-color: transparent;
}

a {
  background-size: 11px 11px;
}

.close-btn {
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  height: 48px !important;
  background-color: #2076c7 !important;
  opacity: 1 !important;
}
.close-btn p {
  color: #fff;
  text-align: center;
  line-height: 48px;
}
.close-btn p span {
  padding-left: 20px;
  background: url(/retail/housing/simulation/common/images/sp/btn_close_w.png) no-repeat 0 4px;
  background-size: 12px 12px;
}

.content-center {
  width: auto;
  margin: 0;
  padding: 0 10px;
}

header {
  height: auto;
  border-top-width: 5px;
}
header p {
  float: none;
  margin: 10px 0 0 0;
}
header h1 {
  float: none;
  margin: 10px 0 8px 0;
  font-size: 21px;
  line-height: 28px;
}

#content {
  padding: 15px 10px 17px 10px;
}
.jpbank #content {
  padding: 15px 0 17px 0;
}

#nav-step {
  margin-top: 15px;
  padding-left: 10px;
  background: url(/retail/housing/simulation/common/images/sp/nav_arrow.png) no-repeat 66px center !important;
  background-size: 23px 11px !important;
}
#nav-step li {
  margin-right: 40px;
  font-size: 14px;
}

#storage-item {
  position: relative;
}
#storage-item.non-data:hover .balloon {
  display: none;
}
#storage-item .storage-item-list {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
  padding: 0;
  background-color: #f9f9f9;
  border-radius: 0;
  overflow: auto;
}
#storage-item .storage-item-list:after {
  display: none;
}
#storage-item .storage-item-list > p {
  color: #4e4f4f;
  margin-bottom: 5px;
}
#storage-item .storage-item-list .storage-item-length {
  text-align: center;
  height: 35px;
  color: #4e4f4f;
  border-bottom: 1px solid #ccc;
  line-height: 35px;
}
#storage-item .storage-item-list ul {
  padding-bottom: 48px;
}
#storage-item .storage-item-list ul li {
  padding: 12px 50px 5px 12px;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}
#storage-item .storage-item-list ul li p.date {
  margin: 0;
}
#storage-item .storage-item-list ul li p.date a {
  padding-left: 22px;
  background: url(/retail/housing/simulation/common/images/sp/icon_reload.png) no-repeat 7px center;
  background-size: 12px;
}
#storage-item .storage-item-list .storage-item {
  width: auto !important;
  height: auto;
  margin-left: 0;
}
#storage-item .storage-item-list .storage-item .storage-totalamount {
  float: none;
  text-align: right;
  margin-top: 5px;
}
#storage-item .storage-item-list table {
  width: 100% !important;
}
#storage-item .storage-item-list table th,
#storage-item .storage-item-list table td {
  height: 22px;
}
#storage-item .storage-item-list .btn-ratechange {
  display: none;
  width: 100% !important;
  margin: 4px 0;
}
#storage-item .storage-item-list .has-bonus {
  background: white url(/retail/housing/simulation/common/images/sp/icon_bonus.png) no-repeat 12px 9px;
  background-size: 52px 20px;
}
#storage-item .storage-item-list .btn-delete {
  background: url(/retail/housing/simulation/common/images/sp/icon_garbage.png) no-repeat center 4px;
  background-size: 16px 23px;
}
#storage-item .storage-item-list.type-02 .storage-item .storage-totalamount p.diff em {
  padding-left: 20px;
  background: url(/retail/housing/simulation/common/images/sp/diff_arrow_s.png) no-repeat 0 3px;
  background-size: 14px 13px;
}
#storage-item .storage-item-list.type-02 .storage-item .storage-totalamount p.diff em.up {
  color: #e3215a;
  background-image: url(/retail/housing/simulation/common/images/sp/diff_arrow_up_s.png);
}
#storage-item.select-delete-item .storage-item-bg {
  display: block;
  z-index: 3;
}

.balloon.save-balloon {
  border: none;
  top: 30px;
  left: -50px;
}
.balloon.save-balloon a {
  background: url(/retail/housing/simulation/common/images/sp/icon_link.png) no-repeat 135px center;
  background-size: 13px 11px;
}
.balloon.save-balloon:after {
  top: -9px;
  left: 90px;
  width: 18px;
  height: 9px;
  background-image: url(/retail/housing/simulation/common/images/sp/balloon_arrow_01.png);
  background-size: 18px 9px;
}
.balloon.save-balloon div {
  width: 158px;
  margin: -4px 0 0 -9px;
  background-color: #2076c7;
  text-align: center;
  color: #fff;
  line-height: 42px;
}
.balloon.save-balloon div span {
  padding-left: 20px;
  background: url(/retail/housing/simulation/common/images/sp/btn_close_w.png) no-repeat 0 4px;
  background-size: 12px 12px;
  font-size: 14px;
}

.result-btn-list .balloon.save-balloon {
  top: 44px;
  left: -2px;
}
.result-btn-list .balloon.save-balloon:after {
  left: 75px;
}
.result-btn-list .balloon.save-balloon p {
  float: none;
  margin-left: 0;
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}
.result-btn-list .balloon.save-balloon p.hdg {
  font-size: 14px;
}

.storage-btn {
  margin-right: 24px;
  padding-right: 10px;
  height: auto;
}
.storage-btn .length {
  display: none;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-color: #2076c7;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.storage-btn::after {
  content: "0";
  position: absolute;
  top: 0;
  right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-color: #bbbcbc;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
.storage-btn.has-data {
  margin-right: 10px;
  padding-right: 0;
  color: #2076c7;
}
.storage-btn.has-data .length {
  display: inline-block;
}
.storage-btn.has-data::after {
  display: none;
}

#click-area {
  display: none;
  z-index: 3;
}

#btn-result-open {
  width: 100%;
  height: 65px;
  background-position: 95% center;
}

#result,
#support {
  padding: 0 10px;
}

.result-hdg p {
  float: right;
}
.result-hdg .result-btn-list {
  margin-bottom: 0 !important;
}

.result-btn-list {
  clear: both;
  float: none;
  width: auto;
  margin-bottom: 15px;
  border: 1px solid #ced1d3;
}
.result-btn-list::after {
  clear: both;
  display: block;
  content: "";
}
.result-btn-list li {
  position: relative;
  width: 50%;
}
.result-btn-list button {
  width: 100%;
  height: 46px;
  border: none;
  background-position: 92% center;
}
.result-btn-list button.btn-save {
  padding: 0 12px 0 0;
  text-align: left;
  background-image: url(/retail/housing/simulation/common/images/sp/icon_save.png);
  background-size: 18px 14px;
  border-right: 1px solid #ced1d3;
  color: #2076c7;
  text-align: center;
}
.result-btn-list .btn-save-comp {
  width: auto;
  height: 46px;
  padding: 0 12px 0 0;
  border: none;
  border-right: 1px solid #ced1d3;
  background-position: 92% center;
  background-size: 16px 13px;
  line-height: 48px;
}
.result-btn-list .storage-btn {
  display: block;
  margin: 0 auto;
  padding: 12px 0 0 0;
  width: 110px;
}
.result-btn-list .storage-btn::after {
  position: static;
}

.result-loan h3 {
  float: none;
}
.result-loan .edit-btn-list {
  float: none;
  width: auto;
  height: 46px;
  margin-top: -1px;
  margin-bottom: 10px;
  border: 1px solid #ced1d3;
}
.result-loan button {
  float: left;
  width: 50%;
  height: 46px;
}
.result-loan button.btn-reset {
  padding: 0;
  border-right: 1px solid #ced1d3;
}
.result-loan button.btn-edit {
  padding: 0 14px 0 0;
  background: url(/retail/housing/simulation/common/images/sp/icon_edit.png) no-repeat 92% center;
  background-size: 16px 18px;
  border: none;
}
.result-loan .notice-list li {
  padding-left: 24px;
}

.result-cost h4 {
  margin-bottom: 10px;
}

.notice-list li {
  position: relative;
  padding-left: 35px;
}
.notice-list li span {
  position: absolute;
  left: 0;
}

.btn-entry.simulation_styles {
  padding: 0;
}
.btn-entry.full-width {
  width: 100%;
}
.btn-entry.full-width > a {
  height: auto;
}
.btn-entry.full-width > a > img {
  width: 100%;
}
.btn-entry a {
  width: 290px;
  height: 78px;
  background: transparent;
  border-radius: 0;
}

.campaign-banner img {
  width: 100%;
}

.arrow-l {
  height: 70px;
  background: url(/retail/housing/simulation/common/images/sp/arrow_l.png) no-repeat center bottom;
  background-size: 80px 40px;
}
.arrow-l p {
  text-align: center;
  font-size: 16px;
}

.support-comment-list {
  height: auto;
  margin-bottom: 5px;
  background: transparent;
}
.support-comment-list li {
  float: none;
}
.support-comment-list li:last-child {
  float: none;
  text-align: right;
}

.support-list {
  height: auto;
  margin-bottom: 0;
}
.support-list li {
  float: none;
  width: auto;
  height: auto;
  margin-bottom: 8px;
  padding: 14px 14px 1px 14px;
}
.support-list li p {
  margin-bottom: 12px;
}
.support-list li p.ballon {
  margin-bottom: 12px;
}
.support-list li p.ballon img {
  margin-right: 4px;
}
.support-list li p.tel {
  background: url(/retail/housing/simulation/common/images/sp/info_tel.png) no-repeat 0 0;
  background-size: 24px 24px;
}

.support-link-list {
  height: auto;
}
.support-link-list li {
  float: none;
  width: auto;
  margin-bottom: 8px;
}
.support-link-list li p a {
  background-image: url(/common21/imgs/icon-arrow-right-blue.svg);
}

.simulation-notice-txt {
  margin: 16px 0;
}

.simulation-notice-txt > em {
  color: #c00;
}

#link-list {
  margin-bottom: 12px;
}
#link-list ul {
  border-top: 1px solid #bbb;
}
#link-list ul li {
  height: 37px;
  padding: 18px 10px 0 10px;
  border-bottom: 1px solid #bbb;
}
#link-list ul li a {
  display: block;
  background-image: url(/common21/imgs/icon-arrow-right-blue.svg);
  text-decoration: underline;
  font-size: 15px;
  line-height: 20px;
}
#link-list ul li.break {
  height: 46px;
  padding-top: 9px;
}

.link-list-text {
  margin-bottom: 8px;
  padding: 0 10px;
}

.link-list-hdg {
  background-image: url(/retail/housing/simulation/common/images/sp/icon_link_loan_01.png);
  background-size: 40px 32px;
}

#footContainer {
  border-width: 3px;
}

#footer .footerBody {
  width: auto;
}

#footerNav2 {
  display: none;
}

#footerBottom {
  padding: 0;
}

.jpbank-clause {
  margin-top: 27px;
}

.jpbank-footer-inner {
  width: 100%;
}

.jpbank-footer-inner p {
  line-height: 1.3;
}

.jpbank-footer::after {
  top: 44px;
  background-size: contain;
}

#siteNav {
  margin: 0;
  background-color: #f2f2ed;
}
#siteNav li {
  display: block;
  padding: 0;
  border-left: none;
  border-bottom: solid 1px #ccc;
}
#siteNav li a {
  display: block;
  padding: 15px;
  color: #0076c6;
  text-decoration: underline;
  font-size: 14px;
}

#selfInfo {
  padding: 10px 0 0 10px;
}
#selfInfo p {
  float: none;
  padding: 5px 0 0 0;
  line-height: 14px;
}

#copyright {
  float: none;
  padding: 5px 10px;
}
#copyright p {
  line-height: 14px;
}

#scrollToTop p {
  width: auto;
  padding: 0;
}
#scrollToTop p a {
  bottom: 25px;
  right: 20px;
  margin: 0;
}

#qa {
  position: static;
  margin: 0 10px;
}
#qa .qa-content {
  display: block;
  position: static;
  width: auto;
  -ms-transform: none;
  transform: none;
  margin-bottom: 20px;
}
#qa .qa-content::after {
  display: none;
}

#modal {
  background-color: #fff;
  overflow: auto;
}
#modal .modal-bg {
  z-index: 4;
}
#modal .modal-content {
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}
#modal .modal-content p {
  line-height: 1.4;
}
#modal .modal-content p.hdg {
  margin: 35px 0 15px 0;
}
#modal .modal-content p.clear {
  margin-bottom: 15px;
}
#modal .modal-content .col2 {
  width: auto;
  height: auto;
  margin-top: 35px;
  background: url(/retail/housing/simulation/common/images/sp/rate_arrow.png) no-repeat center 94px;
  background-size: 25px 24px;
}
#modal .modal-content .box {
  float: none;
  width: auto;
  margin-bottom: 45px;
  padding: 0;
}
#modal .modal-content .box p {
  margin-bottom: 5px;
}
#modal .modal-content .box p:first-child {
  margin-bottom: 5px;
}
#modal .modal-content ul {
  width: 100%;
  height: 110px;
  margin: 0;
}
#modal .modal-content ul li {
  width: 44%;
  margin: 0 0 0 10px;
}
#modal .modal-content ul li:last-child {
  float: right;
  margin-right: 10px;
}
#modal .modal-content button {
  width: 100%;
}

#simulation {
  height: auto;
  margin: 0 10px 10px 10px;
  border: none;
}

.left-content,
.right-content {
  width: auto;
  float: none;
  margin: 0;
}

.left-content ol {
  border-top: 1px solid #ced1d3;
}

.left-content-title .mix-loan-list li a.btn-loan2-close {
  top: 1px;
}
.left-content-title .mix-btn .mix-btn-info {
  margin: 6px 9px 0 -5px;
}
.left-content-title .mix-btn .balloon {
  border: none;
}
.left-content-title .mix-btn .balloon a {
  background: url(/retail/housing/simulation/common/images/sp/icon_link.png) no-repeat 135px center;
  background-size: 13px 11px;
}
.left-content-title .mix-btn .balloon:after {
  top: -9px;
  left: 133px;
  width: 18px;
  height: 9px;
  background-image: url(/retail/housing/simulation/common/images/sp/balloon_arrow_01.png);
  background-size: 18px 9px;
}
.left-content-title .mix-btn .balloon div {
  width: 158px;
  margin: -4px 0 0 -9px;
  background-color: #2076c7;
  text-align: center;
  color: #fff;
  line-height: 42px;
}
.left-content-title .mix-btn .balloon div span {
  padding-left: 20px;
  background: url(/retail/housing/simulation/common/images/sp/btn_close_w.png) no-repeat 0 4px;
  background-size: 12px 12px;
  font-size: 14px;
}
.left-content-title .mix-btn:hover .balloon {
  display: none;
}

.formtype-01-title .align-right,
.formtype-03-title .align-right {
  margin-right: 8px;
}
.formtype-01-title .align-right a,
.formtype-03-title .align-right a {
  font-size: 12px;
}

.right-content {
  padding: 8px;
}

.graph-list {
  height: auto !important;
}
.graph-list > li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c9cbcc;
}
.graph-list .graph-wrap {
  height: auto;
  margin-bottom: 8px;
}
.graph-list .graph-wrap .graph-price {
  clear: both;
  float: none !important;
  text-align: right;
}
.graph-list .graph-wrap .graph-price.diff {
  position: static;
  float: right !important;
  background: url(/retail/housing/simulation/common/images/sp/diff_arrow_l.png) no-repeat 0 center;
  background-size: 18px 20px;
}
.graph-list .graph-wrap .graph-price.diff.up {
  background-image: url(/retail/housing/simulation/common/images/sp/diff_arrow_up_l.png);
}
.graph-list .graph-wrap .graph-price.term {
  position: static;
  float: right !important;
}
.graph-list .graph-wrap p {
  float: none;
  text-align: right;
  font-weight: bold;
}
.graph-list table th,
.graph-list table td {
  height: 24px;
  font-weight: bold;
}
.graph-list table td {
  text-align: right;
}

.graph-title {
  position: static !important;
}

.rate-list {
  height: auto !important;
}
.rate-list li {
  float: none;
  width: auto;
  height: auto !important;
  padding: 14px 13px 10px 13px;
}
.rate-list li:first-child {
  margin: 0 0 4px 0;
}
.rate-list table tbody td.diff {
  background: url(/retail/housing/simulation/common/images/sp/diff_arrow_s.png) no-repeat 0 center;
  background-size: 14px 13px;
}
.rate-list table tbody td.diff.up {
  background-image: url(/retail/housing/simulation/common/images/sp/diff_arrow_up_s.png);
}

#kariire .step01 .graph-01 table {
  display: none;
}

#karikae .step01 .graph-list table,
#karikae .step02 .graph-list table {
  display: none;
}

input[type="text"],
input[type="number"],
select {
  width: 85%;
  height: 48px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/retail/housing/simulation/common/images/sp/select_arrow.png) no-repeat 95% center;
  background-size: 12px 6px;
  color: #222;
}
select.select-02 {
  width: 100%;
}

.select-col2 > div {
  width: 100%;
}
.select-col2 select {
  width: 49%;
  margin-left: 2%;
}

input[type="text"].input-02,
input[type="number"].input-02 {
  width: 60%;
}

input[type="text"].input-03,
input[type="number"].input-03 {
  width: 54%;
}

button.btn-next {
  height: 48px;
  margin: 0 0 15px 10px;
}
button.btn-next.btn-next-ml {
  display: block;
  margin: 0 auto 15px auto;
}

button.btn-back {
  height: 49px;
}

#karikae .formtype-01 .btn-next-ml {
  display: inline-block;
  margin: 0 0 15px 10px;
}

.radio {
  display: block;
  float: left;
  width: 49%;
  height: 48px;
  margin: 0;
}
.radio:first-child {
  margin-right: 2%;
}
.radio span {
  top: 14px;
}

@media (min-width: 1px) {
  .radio label::before {
    top: 12px;
  }
  .radio.active label::after {
    top: 17px;
  }
}
.step-title,
.step-content,
.js-step:last-of-type .step-title {
  margin-bottom: 0;
  border-left: 1px solid #ced1d3;
  border-right: 1px solid #ced1d3;
}
.current .step-content {
  background: #fff;
}
.step-title {
  padding-left: 12px;
  border-top: 1px solid #ced1d3;
}
.step-title p span {
  margin-right: 5px;
}

.formtype-01 .step-title {
  border-top: none;
}

.current .step-content {
  height: auto !important;
  border-bottom: 1px solid #ced1d3;
}

.comp .step-title {
  background: white url(/retail/housing/simulation/common/images/sp/icon_check.png) no-repeat 95% center;
  background-size: 13px 9px;
}

.step-content {
  height: 0 !important;
  padding: 0 9px;
  border-bottom: none;
}
.step-content > ul > li:after {
  clear: both;
  display: block;
  content: "";
}
.step-content .add-text {
  margin-left: 0;
}
.step-content .add-text a {
  background: url(/retail/housing/simulation/common/images/sp/icon_close.png) no-repeat 0 3px;
  background-size: 10px;
}
.step-content .add-text.open a {
  background-image: url(/retail/housing/simulation/common/images/sp/icon_open.png);
}
.step-content .rate-list {
  display: block;
  padding: 0;
}
.step-content .rate-list li {
  margin-bottom: 10px;
  padding: 5px 9px 0 0 !important;
  border-bottom: none;
}
.step-content .rate-list li:first-child table tr:nth-child(even) {
  display: none;
}

#karikae .rate-list li:first-child table tr:nth-child(even) {
  display: table-row;
}

.formtype-01 .input-item-02 > div:after {
  clear: both;
  display: block;
  content: "";
}

.slider-bar-base {
  position: relative;
  height: 15px;
  margin: 20px 0;
  border-radius: 10px;
}
.slider-bar-base .slider-bar {
  height: 15px;
  border-radius: 10px;
}
.slider-bar-base .slider-bar-handler {
  top: -11px;
  right: -15px;
}

.slider-bar-base .slider-bar-handler img {
  width: 35px;
  height: 36px;
}

.figure,
.figure-stepDown {
  position: static;
  margin-bottom: 10px;
}
.figure img,
.figure-stepDown img {
  width: 100%;
  height: auto;
}

.figure.state-01 {
  width: auto;
}

.hide-rate2 .condition-list li:last-child {
  display: none;
}
.hide-rate2 .result-list-rate2 {
  display: none;
}
.hide-rate2 .result-box.bg-color-rate2 {
  display: none;
}

#result table {
  font-size: 14px;
}

#kariire .bg-color-rate1 {
  background-color: #fff2f4;
}
#kariire .bg-color-rate2 {
  background-color: #e8f1f9;
}

.tbl-02 th,
.tbl-02 td {
  width: auto !important;
}
.tbl-02 tbody th {
  padding-left: 7px;
  border-right: none;
}
.tbl-02 tbody td {
  padding-right: 7px;
}
.tbl-02 tbody td.diff {
  padding-right: 46px;
  background-color: #fff;
  background: #fafdff url(/retail/housing/simulation/common/images/sp/diff_arrow_s.png) no-repeat 0 center;
  background-size: 14px 13px;
}
.tbl-02 tbody td.diff::after {
  top: 6px;
  right: 7px;
}
.tbl-02 tbody td.diff.up {
  background-image: url(/retail/housing/simulation/common/images/sp/diff_arrow_up_s.png);
}

.tbl-02-01 {
  border-top: 1px solid #d3d3d3;
}
.tbl-02-01 tbody tr th {
  height: 45px;
}
.tbl-02-01 tbody tr:last-child th {
  padding-left: 15px;
}

.tbl-02-02 {
  margin-bottom: 10px;
}
.tbl-02-02 tr.tr-03 td div {
  float: right;
  width: 135px;
}
.tbl-02-02 tr.tr-03 td div span {
  width: 90px;
  border-radius: 2px;
  font-size: 11px;
}

.result-type-stepDown .result-box {
  padding-top: 8px;
}
.result-type-stepDown .result-box .tbl-02 thead,
.result-type-stepDown .result-box .tbl-02 tbody {
  display: none;
}

.result-stepDown-body tr:first-child th {
  border: 1px solid lightgray;
}

.result-box .tbl-02 .result-stepDown-body tr.result-stepDown-heading th {
  font-weight: bold;
}

.result-box .tbl-02 .result-stepDown-body tr:not(.result-stepDown-heading) th {
  height: 36px;
  padding-left: 6px;
}

.result-box .tbl-02 .result-stepDown-body tr:not(.result-stepDown-heading) td {
  height: 36px;
}

.result-stepDown-body .result-stepDown-row .result-stepDown-rate {
  font-size: 16px;
}

.result-type-stepDown .result-box .tbl-02 .result-stepDown-body,
.result-type-stepDown .tbl-02 .result-stepDown-total-body {
  display: table-row-group;
}

.result-box {
  margin-bottom: 8px;
  padding: 0 8px 8px 8px;
}
.result-box .tbl-02 thead th {
  height: 35px;
  padding: 5px 0 0 0;
  border-right: none;
  text-align: center;
  font-size: 16px;
}
.result-box .tbl-02 thead th strong {
  font-size: 16px;
}
.result-box .tbl-02 tbody {
  background-color: #fff;
}
.result-box .tbl-02 tbody th {
  height: 45px;
  line-height: 17px;
}

.tbl-karikae.mb {
  margin-bottom: 10px;
}
.tbl-karikae tbody th {
  height: 47px;
}
.tbl-karikae tbody th.th-hdg {
  padding: 0;
  border-left: none;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.tbl-karikae tbody th.th-hdg.th-current {
  background-color: #6e6e6e;
}
.tbl-karikae tbody th.th-hdg.th-result {
  background-color: #5ba8f1;
}
.tbl-karikae tbody th.th-hdg.th-diff {
  background-color: #2b85d9;
}
.tbl-karikae tbody th.th-hdg span {
  font-size: 12px;
}
.tbl-karikae tbody th.th-pl {
  padding-left: 15px;
}
.tbl-karikae tbody th.th-04,
.tbl-karikae tbody th.th-05 {
  padding: 0;
  border-right: 1px solid #d3d3d3;
  background-color: #f8f8f6;
  text-align: center;
  color: #4e4f4f;
  font-weight: bold;
  font-size: 16px;
}
.tbl-karikae tbody td {
  height: 45px;
}

.detail-hdg {
  height: 28px;
}
.detail-hdg h3 {
  float: left;
}
.detail-hdg button {
  float: right;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
}
.detail-hdg button span {
  display: block;
  width: 11px;
  height: 6px;
  margin: 0 auto;
  padding: 0;
  background: url(/retail/housing/simulation/common/images/sp/btn_open.png) no-repeat 0 0;
  background-size: 11px 12px;
  background-position: 0 -6px;
}
.detail-hdg button.open span {
  background-position: 0 0;
}

.term-box-wrap {
  clear: both;
  height: 0;
  overflow: auto;
}

.term-box {
  /*height: 735px;*/
  height: 47px;
  margin-bottom: 4px;
  overflow: hidden;
}
.term-box .term-hdg {
  position: relative;
  height: 45px;
  border: 1px solid #d3d3d3;
  background: linear-gradient(#d9effc, white);
  text-align: center;
}
.term-box .term-hdg::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 12px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(/retail/housing/simulation/common/images/sp/table_open.png) no-repeat 0 0;
  background-size: 18px 36px;
}
.term-box .term-hdg.open::after {
  background-position: 0 -18px;
}
.term-box .term-hdg p {
  font-size: 16px;
  line-height: 45px;
  font-weight: bold;
  color: #4e4f4f;
}
.term-box .term-hdg p strong {
  color: #2076c7;
  font-size: 16px;
}
.term-box .term-hdg p span {
  color: #2076c7;
}

.result-list {
  clear: both;
  margin-bottom: 20px;
  background-color: #f6f8f9;
  background-size: 1px 25px;
  border-top: 1px solid #d3d3d3;
}
.result-list li {
  padding: 12px 0 8px 0;
  border-bottom: 1px solid #d3d3d3;
}
.result-list li p {
  margin: 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.result-list li p strong {
  font-size: 20px;
  color: #2076c7;
}
.result-list li p em {
  font-size: 20px;
}
.result-list li p b {
  font-size: 16px;
}
.result-list li p .cost-info {
  position: relative;
  top: -4px;
  display: inline-block;
  width: 160px;
  height: 22px;
  margin-right: 10px;
  background-color: #1991e1;
  border-radius: 6px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #fff;
}

.simu_modal_overlay .simu_modal_contnet {
  width: 100%;
}

.simu_modal_overlay .inner {
  position: relative;
  max-width: 260px;
  margin: auto;
  padding: 9px 10px 10px 50px;
}

.simu_modal_overlay .img {
  top: 75px;
  left: 10px;
}

.simu_modal_overlay .img > img {
  width: 30px;
}

.simu_modal_overlay h2 {
  margin-bottom: 8px;
  margin-left: -28px;
  font-size: 16px;
}

.simu_modal_overlay .lead {
  margin-bottom: 10px;
  font-size: 12px;
}

.simu_modal_overlay .sp_break {
  display: block;
}

.simu_modal_overlay .emphasis {
  margin-bottom: 10px;
  font-size: 11px;
}

.simu_modal_overlay .emphasis > :nth-child(1) {
  margin-bottom: 4px;
}

.simu_modal_overlay .emphasis em {
  font-size: 12px;
}

.simu_modal_overlay .emphasis .fs_middle {
  font-size: 15px;
}

.simu_modal_overlay .emphasis .fs_large {
  font-size: 18px;
}

.simu_modal_overlay .answer {
  margin-left: 0;
}

.jpbank-caution-item {
  display: block;
}

.jpbank-caution-item + .jpbank-caution-item {
  margin-left: 30px;
}

.jpbank-caution-item > dd {
  margin-top: 12px;
  margin-left: 0;
}

.right-content .banner {
  display: none;
}

.simulation_styles {
  padding: 0 10px;
}
#kuriage #storage-item .storage-item-list,
#click-area {
  width: 100% !important;
  max-width: 100vw;
}
#kuriage .graph {
  max-width: 100%;
}
#kuriage .slider-bar-base .slider-bar-handler {
  top: -5px;
}
#kuriage .graph-list .graph-list-02 .graph-wrap .graph-term {
  float: none;
}

.block-inner-banner p {
  padding: 0 10px;
}

.block-inner-banner img {
  width: 100% !important;
}

@media screen and (max-width: 350px) {
  .graph-list .graph-list-02 .graph-wrap .graph.graph-base {
    transform: scale(0.8) translateX(-10%);
  }
}


