@charset "UTF-8";

/*
  ドメイン認証の表
  authentication-level-table
 */

.level-head:first-child {
  background: #fff;
  width: 150px;
}

.level-head:not(:first-child) {
  width: 200px;
}

.level-head:nth-child(2) {
  background: #ffeb99;
}

.level-head:nth-child(3) {
  background: #ffe066;
}

.level-head:nth-child(4) {
  background: #fc0;
}

/* table */

.authentication-level-table_price .table_th-top_data {
  font-size: 1.4rem;
}

.authentication-level-table_link .hidden-cell {
  border: none;
  visibility: hidden;
}

.authentication-level-table_link .table_th-top_data {
  padding: 0;
}

.authentication-level-table_link .detail-link {
  display: block;
  padding: 0.8rem 0.4rem;
}

.authentication-level-table_link .detail-link .fa {
  font-size: 1.5rem;
  vertical-align: bottom;
}

.authentication-level-table_link .detail-link:hover {
  background-color: #f5f5f5;
}

/* ラインナップ */

.brand-table_row-head[role=row] {
  background-color: #fc0;
  border: 1px solid #fc0;
}

.brand-table_head {
  background-color: #fc0;
  font-weight: normal;
  height: auto;
  line-height: 3;
}

.brand-table_row-head[role=row],
.brand-table_row[role=row] {
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 70px 1fr 119px 89px 30px;
}

.brand-table_row [role=cell] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-table_row .brand-table_service-name {
  justify-content: flex-start;
  padding: 1.5rem 0 1.5rem 1rem;
}

.brand-table_row.campaign {
  background-color: #ffeaee;
}

.brand-table_row.campaign:hover {
  background-color: #ffdfe5;
}

.brand-table_row.campaign .brand-table_price {
  flex-direction: column;
  padding-top: 0.5rem;
}

.brand-table_row.campaign .brand-table_price .del-red {
  color: #2c2c2c;
}

.brand-table_mark {
  font-size: 2.5rem;
}

.brand-table_row:hover,
.brand-table_row:hover > .brand-table_mark,
.brand-table_row.campaign .brand-table_price {
  text-decoration: none;
}

.brand-table_row:hover > div {
  text-decoration: underline;
}

@media screen and (max-width: 599px) {
  .authentication-level-table {
    table-layout: fixed;
  }

  .authentication-level-table .level-head {
    width: 27%;
  }

  .authentication-level-table .level-head:first-child {
    width: 19%;
  }

  [role=rowgroup] {
    min-width: 408px;
  }

  .brand-table_row .brand-table_service-name {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 600px) {
  /* フロー図 */
  .attestation-level-page .flow-diagram {
    width: auto;
  }

  .brand-table_head {
    font-size: 1.15rem;
  }

  .brand-table_row-head[role=row],
  .brand-table_row[role=row] {
    -ms-grid-columns: 120px 1fr 150px 130px 80px;
    grid-template-columns: 120px 1fr 150px 130px 80px;
    width: 100%;
  }
}

/* IE11 hack */

@media all and (-ms-high-contrast: none) {
  .authentication-level-table_link .detail-link .fa {
    vertical-align: middle;
  }

  .brand-table_head.logo[role=columnheader],
  .brand-table_logo[role=cell] {
    -ms-grid-column: 1;
  }

  .brand-table_head.service[role=columnheader],
  .brand-table_service-name[role=cell] {
    -ms-grid-column: 2;
  }

  .brand-table_head.price[role=columnheader],
  .brand-table_price[role=cell] {
    -ms-grid-column: 3;
  }

  .brand-table_head.wildcard[role=columnheader],
  .brand-table_wildcard[role=cell] {
    -ms-grid-column: 4;
  }

  .brand-table_head.mark[role=columnheader],
  .brand-table_mark[role=cell] {
    -ms-grid-column: 5;
  }
}