@charset "UTF-8";

.p-lineup-lead{
  font-size: 1.7rem;
  }

.p-lineup__label::before,
.p-lineup__label::after {
  content: unset;
}

.p-lineup__label {
  padding: 6px 0;
  align-items: center;
  color: #fff;
}

.p-lineup__label--blue {
  background-color: #0080cc;
}

.p-lineup__card-block {
  background-color: #eaf2fa;
}



.p-lineup__gold {
  background-color: #fff9e2;
  padding: 20px;
}

.p-lineup__card-block--gold {
  background-color: #d18e03;
}

.p-lineup__gold-benefit{
  background-color:#eaf8fb ;
  padding: 10px;
}

.p-lineup__card-stop{
  position: relative;
}

.p-lineup__extage-gold{
  background-color: #fff9e2;
  padding: 20px;
}

.p-lineup__card-block--extage-gold{
  background-color: #b28146;
}

.p-lineup__pink{
  background-color:#fdf3f4 ;
  padding: 20px;
}

.p-lineup__card-block--pink{
  background-color: #eb6e9a;
}

.p-lineup__card-stop--text {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 4px 0;
    background: rgba(0,0,0,0.5);
    width: 240px;
    text-align: center;
}

.p-lineup__label--green{
  background-color: #12a73c;
}

.p-lineup__card--green, .p-lineup__card-block--green{
  background-color:#eff7ec ;
  overflow: hidden;
}

.p-lineup__deta-ttle--pink{
  color: #eb6e9a;
  border: 1px solid #eb6e9a;
  padding: 0 5px;
}

.c-list.c-list--decimal.p-lineup__decimal{
  font-size: var(--fs-14);
}

@media screen and (min-width: 768px) {
  .p-caution-text{
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-lineup-lead{
    font-size: 1.2rem;
    }
  
  .p-lineup__decimal.c-list .c-list__item::before {
  width: unset;
  height: 5px;
}
.c-list.c-list--decimal.p-lineup__decimal{
  font-size: var(--fs-12);
}

}

@media (hover: hover) {

  /* ブロック全体のホバーを無効化 */
  .p-lineup__card-block:hover,
  .p-lineup__card-block:has(.c-card:hover) {
    border: 1px solid var(--color-border);
    background-color: #eaf2fa;
    color: inherit;
    box-shadow: 2px 2px 10px 0px var(--color-shadow-light);
  }

  .p-lineup__card-block--gold:hover,
  .p-lineup__card-block--gold:has(.c-card:hover) {
    background-color: #d18e03;
  }

  .p-lineup__card-block--green:hover,
  .p-lineup__card-block--green:has(.c-card:hover) {
    background-color: #eff7ec;
  }

  .p-lineup__card-block--green .p-lineup__card--green:hover {
    background-color: #eff7ec;
  }

  .p-lineup__card-block--extage-gold:hover,
  .p-lineup__card-block--extage-gold:has(.c-card:hover) {
    background-color: #b28146;
  }

  .p-lineup__card-block--pink:hover,
  .p-lineup__card-block--pink:has(.c-card:hover) {
    background-color: #eb6e9a;
  }

  /* カード自体のホバーを無効化 */
  .p-lineup__card-block .c-card:hover {
    border-color: transparent;
  }

  .p-lineup__card-block .c-card:hover .c-card__label::after {
    transform: translateY(-50%);
    border: 2px solid var(--color-gray-2);
    background-color: var(--color-gray-2);
  }

  .p-lineup__card-block .c-card:hover .c-card__label::before {
    background-image: var(--icon-arrow-right-blue);
  }
}

.p-lineup__card-stop--table{
  padding: 4px 0;
  font-size:12px ;
  width: 100%;
}

.c-data-table.c-data-individual:has(tr:first-child th:last-child) tr:first-child th.p-lineup__table-header--blue {
  background-color: #0080cc;
  border-top-color: #0080cc;
  color: #fff;
}

.c-data-table.c-data-individual:has(tr:first-child th:last-child) tr:first-child th.p-lineup__table-header--gold {
  background-color: #d18e03;
  border-top-color: #d18e03;
  color: #fff;
}

.c-data-table.c-data-individual:has(tr:first-child th:last-child) tr:first-child th.p-lineup__table-header--green {
  background-color: #12a73c;
  border-top-color: #12a73c;
  color: #fff;
}

.c-data-table.c-data-individual:has(tr:first-child th:last-child) tr:first-child th.p-lineup__table-header--extage-gold {
  background-color: #b28146;
  border-top-color: #b28146;
  color: #fff;
}

.c-data-table.c-data-individual:has(tr:first-child th:last-child) tr:first-child th.p-lineup__table-header--pink {
  background-color: #eb6e9a;
  border-top-color: #eb6e9a;
  color: #fff;
}

.p-lineup__lineup-table .c-data-table tr:last-child .c-data-table__header:first-child, .c-data-table tr:last-child .c-data-table__data:first-child {
  border-bottom-left-radius: 0;
}

.p-lineup__lineup-table--radius{
  border-bottom-left-radius:10px ;
}