/* ------------------------------------
  Customer Update 2025.06
------------------------------------ */
.ado-customer {
  color: #1a1a1a;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .ado-customer {
    margin-bottom: 28px;
  }
}
.ado-customer *:not(:root) {
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}
.ado-customer p,
.ado-customer button,
.ado-customer dl,
.ado-customer dt,
.ado-customer dd {
  margin: 0;
  font-weight: 400;
}
.ado-customer img {
  vertical-align: top;
}
.ado-customer a {
  transition: 0.3s;
}
.ado-customer button {
  border: none;
  background: none;
}
.ado-customer .basic,
.ado-customer .status {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 5px;
}
.ado-customer .basic:last-child,
.ado-customer .status:last-child {
  margin-bottom: 0;
}
.ado-customer .basic-info__name-text,
.ado-customer .basic-miles__total-value,
.ado-customer .status-point-card__current-value {
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}
.ado-customer .is-hidden {
  display: none;
}
.ado-customer .basic {
  border: 1px solid #d9d9d9;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ado-customer .basic .basic-info {
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
  margin-bottom: 3px;
}
.ado-customer .basic .basic-info__badge {
  flex-shrink: 0;
}
.ado-customer .basic .basic-info__badge img {
  width: 57px;
  height: auto;
}
.ado-customer .basic .basic-info__badge::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  width: 57px;
  height: 47px;

}
.ado-customer .basic .basic-info__badge.family-1::before {
  display: block;
  background-image: url(../images/dashboard/badge_parent.png);
}
.ado-customer .basic .basic-info__badge.family-2::before {
  display: block;
  background-image: url(../images/dashboard/badge_children.png);
}
.ado-customer .basic .basic-info__summary {
  justify-items: flex-end;
  margin-left: auto;
}
.ado-customer .basic .basic-info__name {
  display: flex;
  align-items: baseline;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.ado-customer .basic .basic-info__name-text {
  margin-right: 5px;
}
.ado-customer .basic .basic-info__number {
  text-align: right;
  font-size: 20px;
  line-height: 1.5;
}
.ado-customer .basic .basic-miles {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 3px;
}
.ado-customer .basic .basic-miles__total {
  display: flex;
  align-items: baseline;
  column-gap: 5px;
  font-size: 12px;
}
.ado-customer .basic .basic-miles__total-value {
  display: inline-block;
  margin-right: 4px;
}
.ado-customer .basic .basic-miles__sub {
  text-align: right;
  color: #666666;
  font-size: 12px;
  margin-bottom: 5px;
}
.ado-customer .basic.family-pooling--disabled .basic-info__badge,
.ado-customer .basic.family-pooling--disabled .basic-miles__total dt,
.ado-customer .basic.family-pooling--disabled .basic-miles__sub {
  display: none;
}
.ado-customer .status {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ado-customer .status.is-open .status-header__button::before {
  transform: rotate(-135deg);
}
@media screen and (min-width: 768px) {
  .ado-customer .status:hover .status-header__link::before, .ado-customer .status:hover .status-header__link::after {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    opacity: 1;
  }
  .ado-customer .status:hover .status-header__link::before {
    border-top: 1px solid #1a1a1a;
    border-left: 1px solid #1a1a1a;
  }
  .ado-customer .status:hover .status-header__link::after {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
  }
}
.ado-customer .status .status-header {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ado-customer .status .status-header {
    display: grid;
    grid-template-columns: 1fr 42px;
    margin-right: -12px;
  }
}
.ado-customer .status .status-header__link {
  display: block;
  position: relative;
}
.ado-customer .status .status-header__link::before, .ado-customer .status .status-header__link::after {
  transition: all 0.3s;
  box-sizing: border-box;
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  margin: -1px;
  opacity: 0;
}
.ado-customer .status .status-header__link::before {
  top: 0;
  left: 0;
}
.ado-customer .status .status-header__link::after {
  right: 0;
  bottom: 0;
}
.ado-customer .status .status-header__link img {
  height: auto;
  width: 100%;
}
.ado-customer .status .status-header__button {
  display: block;
  position: relative;
}
.ado-customer .status .status-header__button::before {
  content: "";
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  inset: 0;
  margin: auto;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}
@media screen and (min-width: 768px) {
  .ado-customer .status .status-point {
    display: block !important;
  }
}
.ado-customer .status .status-point__expiration {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  margin-top: 5px;
  margin-bottom: 10px;
}
.ado-customer .status .status-point__expiration dt,
.ado-customer .status .status-point__expiration dd {
  color: #fff;
  font-size: 11.5px;
  font-weight: 400;
}
.ado-customer .status .status-point-card {
  background: #fff;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 10px;
}
.ado-customer .status .status-point-card__heading {
  text-align: center;
  margin-left: -8px;
  margin-right: -8px;
  padding: 2px 8px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .ado-customer .status .status-point-card__heading {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.ado-customer .status .status-point-card__main {
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
  position: relative;
  padding-top: 8px;
  padding-bottom: 10px;
}
.ado-customer .status .status-point-card__main::before {
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  display: block;
  width: 58px;
  height: 46px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .ado-customer .status .status-point-card__main::before {
    width: 61px;
    height: 48px;
  }
}
.ado-customer .status .status-point-card__icon {
  flex-shrink: 0;
}
.ado-customer .status .status-point-card__icon img {
  height: 46px;
}
@media screen and (max-width: 767px) {
  .ado-customer .status .status-point-card__icon img {
    height: 48px;
  }
}
.ado-customer .status .status-point-card__summary {
  justify-items: flex-end;
  margin-left: auto;
}
.ado-customer .status .status-point-card__current {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: wrap;
  column-gap: 4px;
  font-size: 12px;
}
.ado-customer .status .status-point-card__next {
  text-align: right;
  color: #000;
  font-size: 12px;
  line-height: 1;
}
.ado-customer .status .status-point-card__progress {
  overflow: visible;
  background-color: #b8b8b8;
  border-radius: 34px;
  display: block;
  position: relative;
  height: 10px;
  width: 100%;
}
.ado-customer .status .status-point-card__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  border-radius: 34px;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="1"] {
  width: 1%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="2"] {
  width: 2%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="3"] {
  width: 3%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="4"] {
  width: 4%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="5"] {
  width: 5%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="6"] {
  width: 6%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="7"] {
  width: 7%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="8"] {
  width: 8%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="9"] {
  width: 9%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="10"] {
  width: 10%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="11"] {
  width: 11%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="12"] {
  width: 12%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="13"] {
  width: 13%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="14"] {
  width: 14%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="15"] {
  width: 15%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="16"] {
  width: 16%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="17"] {
  width: 17%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="18"] {
  width: 18%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="19"] {
  width: 19%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="20"] {
  width: 20%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="21"] {
  width: 21%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="22"] {
  width: 22%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="23"] {
  width: 23%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="24"] {
  width: 24%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="25"] {
  width: 25%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="26"] {
  width: 26%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="27"] {
  width: 27%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="28"] {
  width: 28%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="29"] {
  width: 29%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="30"] {
  width: 30%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="31"] {
  width: 31%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="32"] {
  width: 32%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="33"] {
  width: 33%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="34"] {
  width: 34%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="35"] {
  width: 35%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="36"] {
  width: 36%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="37"] {
  width: 37%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="38"] {
  width: 38%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="39"] {
  width: 39%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="40"] {
  width: 40%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="41"] {
  width: 41%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="42"] {
  width: 42%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="43"] {
  width: 43%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="44"] {
  width: 44%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="45"] {
  width: 45%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="46"] {
  width: 46%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="47"] {
  width: 47%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="48"] {
  width: 48%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="49"] {
  width: 49%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="50"] {
  width: 50%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="51"] {
  width: 51%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="52"] {
  width: 52%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="53"] {
  width: 53%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="54"] {
  width: 54%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="55"] {
  width: 55%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="56"] {
  width: 56%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="57"] {
  width: 57%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="58"] {
  width: 58%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="59"] {
  width: 59%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="60"] {
  width: 60%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="61"] {
  width: 61%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="62"] {
  width: 62%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="63"] {
  width: 63%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="64"] {
  width: 64%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="65"] {
  width: 65%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="66"] {
  width: 66%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="67"] {
  width: 67%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="68"] {
  width: 68%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="69"] {
  width: 69%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="70"] {
  width: 70%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="71"] {
  width: 71%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="72"] {
  width: 72%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="73"] {
  width: 73%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="74"] {
  width: 74%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="75"] {
  width: 75%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="76"] {
  width: 76%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="77"] {
  width: 77%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="78"] {
  width: 78%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="79"] {
  width: 79%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="80"] {
  width: 80%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="81"] {
  width: 81%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="82"] {
  width: 82%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="83"] {
  width: 83%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="84"] {
  width: 84%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="85"] {
  width: 85%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="86"] {
  width: 86%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="87"] {
  width: 87%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="88"] {
  width: 88%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="89"] {
  width: 89%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="90"] {
  width: 90%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="91"] {
  width: 91%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="92"] {
  width: 92%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="93"] {
  width: 93%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="94"] {
  width: 94%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="95"] {
  width: 95%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="96"] {
  width: 96%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="97"] {
  width: 97%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="98"] {
  width: 98%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="99"] {
  width: 99%;
}
.ado-customer .status .status-point-card__progress-bar[data-percent="100"] {
  width: 100%;
}
.ado-customer .status .status-point-card__progress-bar::after {
  content: "";
  bottom: calc(100% + 2px);
  right: -4.25px;
  display: block;
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: 7.35px 4.25px 0;% + 2px);
  opacity: 1;
}
.ado-customer .status .status-point-card__boundary {
  display: flex;
  font-size: 9px;
  line-height: 10px;
  margin-top: -10px;
  position: relative;
  width: 100%;
  align-items: flex-start;
  box-sizing: border-box;
}
.ado-customer .status .status-point-card__boundary > span {
  text-align: right;
  padding-top: 11px;
  padding-right: 2px;
  box-sizing: border-box;
  border-right: 1px solid #000;

  height: 30px;
}
.ado-customer .status .status-point-card__boundary .status-point-card__boundary__000 {
  width: 0;
  max-width: 0;
  padding-right: 0;
  border-right: none;
}
.ado-customer .status .status-point-card__boundary .status-point-card__boundary__protoStar{
  position: absolute;
  left: 0;
  display: inline-block;
  width: 0%;
  text-align: right;
  box-sizing: border-box;
  padding-right: 2px;
  border-right: 1px solid #000;
  height: 30px;
}
.ado-customer .status .status-point-card__boundary .status-point-card__boundary__stellar{
  position: relative;
  flex-shrink: 0;
  width: 40%;
}
.ado-customer .status .status-point-card__boundary .status-point-card__boundary__stellar .stellar-text{
  display: inline-block;
  width: 100%;
}
.ado-customer .status .status-point-card__boundary .status-point-card__boundary__polaris{
  flex: 1;
  width: auto;
}
.ado-customer .status .status-point-card__boarding-period {
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .ado-customer .status .status-point-card__boarding-period {
    justify-content: flex-end;
  }
}
.ado-customer .status .status-point-card__boarding-period dt,
.ado-customer .status .status-point-card__boarding-period dd {
  font-size: 11px;
}
.ado-customer .status.rank-1 {
  background-color: #630000;
}
.ado-customer .status.rank-1 .status-point-card__heading {
  background-color: #fc195a;
}
.ado-customer .status.rank-1 .status-point-card__progress-bar {
  background: #D6154C linear-gradient(90deg,rgba(214, 21, 76, 1) 0%, rgba(100, 16, 20, 1) 100%);
}
.ado-customer .status.rank-1 .status-point-card__progress-bar::after {
  border-top-color: #641014;
}
.ado-customer .status.rank-2 {
  background-color: #866f00;
}
.ado-customer .status.rank-2 .status-point-card__heading {
  background-color: #ddc300;
}
.ado-customer .status.rank-2 .status-point-card__progress-bar {
  background: #DDC300 linear-gradient(90deg,rgba(221, 195, 0, 1) 0%, rgba(137, 120, 0, 1) 100%);
}
.ado-customer .status.rank-2 .status-point-card__progress-bar::after {
  border-top-color: #897800;
}
.ado-customer .status.rank-3 {
  background-color: #004061;
}
.ado-customer .status.rank-3 .status-point-card__heading {
  background-color: #00b9ef;
}
.ado-customer .status.rank-3 .status-point-card__progress-bar {
  background: #00B9EF linear-gradient(90deg,rgba(0, 185, 239, 1) 0%, rgba(0, 60, 108, 1) 100%);
}
.ado-customer .status.rank-3 .status-point-card__progress-bar::after {
  border-top-color: #003c6c;
}
.ado-customer .fare-discount {
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 14px 14px 0;
}
.ado-customer .fare-discount.is-open .fare-discount__heading::before {
  transform: rotate(-135deg);
}
.ado-customer .fare-discount .fare-discount__heading {
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin: -14px -14px 0;
  padding: 14px;
}
@media screen and (max-width: 767px) {
  .ado-customer .fare-discount .fare-discount__heading {
    font-size: 14px;
  }
}
.ado-customer .fare-discount .fare-discount__heading::before {
  content: "";
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto 0;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
}
.ado-customer .fare-discount .fare-discount__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10px;
  padding-top: 4px;
  padding-bottom: 14px;
}
.ado-customer .fare-discount .fare-discount__link {
  color: #1a1a1a;
  display: block;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
}
.ado-customer .fare-discount .fare-discount__link[class*=fare-discount--] {
  display: flex;
  align-items: center;
  column-gap: 5px;
  position: relative;
}
.ado-customer .fare-discount .fare-discount__link[class*=fare-discount--]::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 26px;
  height: 26px;
}
.ado-customer .fare-discount .fare-discount__link.fare-discount--youth25::before {
  background-image: url(../images/dashboard/icon_fare_youth25.svg);
}
.ado-customer .fare-discount .fare-discount__link.fare-discount--senior65::before {
  background-image: url(../images/dashboard/icon_fare_senior65.svg);
}
.ado-customer .fare-discount .fare-discount__link.fare-discount--doumin::before {
  background-image: url(../images/dashboard/icon_fare_doumin.svg);
}
.ado-customer .fare-discount .fare-discount__link.fare-discount--recruit::before {
  background-image: url(../images/dashboard/icon_fare_recruit.webp);
}
.ado-customer .fare-discount .fare-discount__link.fare-discount--assist::before {
  background-image: url(../images/dashboard/icon_fare_assist.svg);
}

/*# sourceMappingURL=frame-customer.css.map */