/* =========================
  MEDICAL HISTORY 
========================= */
.section--title{
  background-color: #f3f4f6;
  padding: 5px 10px 0 0;
}
.section--title .section__inner{
  padding: 10px 16px 5px;
}
.section--title .section__title{
  background-image: url(../images/icon_bd04_point.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: 25px;
  background-position: left center;
  font-size: 1.2em;
}

/* =========================
  MEDICAL HISTORY  予約状況
========================= */
.section--available{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom:15px;
    background-color: #fff;
}
.available-ttl{
    padding: 2px 5px 2px 0;
    border-right:solid 1px #ddd;
    font-weight: bold;
    font-size: .9em;
    margin-right:10px;
}
.available{
    background-color: #f4e9e9;
    padding: 15px;
    border:1px solid #dd9292;
    width: 100%;
    margin:auto;
}

.btn-area a.btn-sub{
    margin-right: 8px;
}
.available .btn-area {
    padding-top: 10px;
    margin-bottom: 7px;
}

.available--num span{
color:#c43737;
font-weight: bold;
font-size: 1.1em;
}

.point__available{
    margin-bottom:5px;
    display: flex;
    justify-content: space-between;
}
.point__available--ttl{
    padding:0 0 5px;
    font-weight: bold;
}
.point__expire{
  background-color: #fff;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; 
}
.point__expire--ttl{
  font-weight: bold;
  font-size: .9em;
}

/* =========================
  POINT HISTORY  ポイント履歴
========================= */
.medical-history__history--ttl{
    padding:5px 0 5px 28px;
    background-image: url("../images/icon_histry.svg");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left center;
}
.history-ttl{
    padding: 2px 5px 2px 0;
    border-right:solid 1px #ddd;
    font-weight: bold;
    font-size: .9em;
    margin-right:10px;
}
.history{
    background-color: #fff;
    padding: 15px;
    border:1px solid #ececec;
    margin-bottom:60px;
}
.history table{
  width: 100%;
  color:#595757;
  table-layout: fixed;
}
.history thead th{
background-color: #595757;
border-top:1px #bcbcbc solid;
border-bottom:1px #bcbcbc solid;
border-left:1px #bcbcbc solid;
border-right:1px #bcbcbc solid;
}

.history tbody td{
background-color: #fff;
border-top:1px #bcbcbc solid;
border-bottom:1px #bcbcbc solid;
border-left:1px #bcbcbc solid;
border-right:1px #bcbcbc solid;
}
.history tbody td.number,.history tbody td.number{
  text-align: right;
  font-weight: bold;
}
.history tbody .point-give td.content{
  color:#c43737;
  font-weight: bold;
}
.history tbody .point-use td.content{
  color:#7bb0b7;
  font-weight: bold;
}
.history tbody .point-give td.number{
  background-color: #f4e9e9;
}
.history tbody .point-use td.number{
  background-color: #dfefef;
}