@charset "UTF-8";
/**
 * 優待・特典 下層共通
 */
/* ==========================================================================
   style
   ========================================================================== */
#cat-l01 {
  background-image: url(img/bg-cattop01.png);
  padding: 75px 2% 46px 36.472%;
  z-index: 1;
  min-height: 680px;
  position: relative;
}

#cat-l01 h2 + p {
  margin-top: 23px;
}

.cat-base {
  margin-top: -480px !important;
}

.cat-base-item {
  position: relative;
  z-index: 2;
}

.cat-base-item.full .fbox .fl {
  width: 74px;
}

@media screen and (max-width: 767px) {
  .cat-base-item.full .fbox .fl {
    width: 100%;
  }
}

@media (min-width: 1040px) and (max-width: 1200px) {
  .cat-base-item.full .fbox .fl {
    width: 12%;
  }
}

@media all and (min-width: 1200px) {
  .cat-base-item.full .fbox .fl {
    width: 90px;
  }
}

.cat-base-item.full .fbox .fr {
  width: 523px;
}

@media screen and (max-width: 767px) {
  .cat-base-item.full .fbox .fr {
    width: 100%;
  }
}

@media (min-width: 1040px) and (max-width: 1200px) {
  .cat-base-item.full .fbox .fr {
    width: 85.3333333333%;
  }
}

@media all and (min-width: 1200px) {
  .cat-base-item.full .fbox .fr {
    width: 640px;
  }
}

.privilege-table {
  text-align: left;
}

.privilege-table th .floor {
  display: block;
  font-size: 85.7142857143%;
  margin-bottom: 5px;
}

.privilege-table.col-2 th {
  width: 30%;
}

.privilege-table.col-2 td {
  width: 70%;
}

.privilege-table.col-2 td dd {
  width: 100%;
}

.privilege-table.col-3 th {
  background-color: #f4f4f4;
  color: #555;
  vertical-align: top;
  text-align: center;
  width: 15%;
}

.privilege-table.col-3 .th-sub {
  background-color: #fff5ef;
  color: #ed6b52;
  font-weight: bold;
  width: 35%;
}

.privilege-table.col-3 .td-data {
  width: 50%;
}

.text-normal {
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  #cat-l01 {
    min-height: inherit;
  }
  #cat-l01 h2 + p {
    margin-top: 5px;
  }
  .cat-base {
    margin-top: 30px !important;
  }
  .cat-base .cat-base-item.full .fbox .fl {
    width: 20%;
  }
  .cat-base .cat-base-item.full .fbox .fr {
    width: 76%;
  }
  .privilege-table.col-2 th, .privilege-table.col-2 td {
    width: 100%;
  }
  .privilege-table.col-3 th, .privilege-table.col-3 .th-sub, .privilege-table.col-3 .td-data {
    width: 100%;
  }
}