/*===========================================

 医療費控除テーブル

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
:root {
    --th-bg-color: #3e7084;
    --inputbtn-bg: #3e7084;
}
.disIB {display: inline-block !important;}

.page__deduction img {
    max-width: 100%;
    height: auto;
}
.deduction__table {
    margin: auto;
}
.line3 > li {
  margin-bottom: 3%;
  width: 50%;
  float: left;
}
@media (max-width: 959px){
  .line3 > li:nth-child(2n+1) {
      padding-right: 1.5%;
      padding-left: 0;
      clear: left;
  }
  .line3 > li:nth-child(2n+0) {
      padding-left: 1.5%;
      padding-right: 0%;
  }
}
@media (min-width: 960px) {
  .deduction__table {
    width: 900px;
    margin: auto;
    max-width: 100%; 
  }
  .line3 > li {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .line3 > li:nth-child(3n+1) {
    padding-right: 2%;
    padding-left: 0;
    clear: left;
  }

  .line3 > li:nth-child(3n+2) {
    padding-left: 1%;
    padding-right: 1%;
  }

  .line3 > li:nth-child(3n+0) {
    padding-left: 2%;
    padding-right: 0%;
  }

}
.deduction__table th,
.deduction__table td {
    padding: 10px;
    border: 1px solid var(--th-bg-color);
}
.deduction__table th {
    background: var(--th-bg-color);
    color: #fff;
}
.deduction__table tr:nth-last-child(n+2) th {
    border-bottom-color: #fff;
}
.deduction__table td {
    border: 1px solid var(--th-bg-color);
}
.deduction__table input {
    padding: 10px;
    width: calc(100% - 5em);
    font-size: inherit;
}

.price__button {
  text-align: center;
  padding: 20px;
}

.price__button button {
  -webkit-appearance: none;
  border: 0;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background: var(--inputbtn-bg);
  box-shadow: inset 0 0 0 1px var(--inputbtn-bg), inset 0 0 0 2px #fff;
  color: #fff;
}

.price__button button:hover {
  opacity: 0.7;
}