/*====================================================================================
START TABLE OF CONTENT

1. START COMMON ONLY SHOP PAGE.

END TABLE OF CONTENT
====================================================================================*/
/*====================================================================================
1. START COMMON ONLY SHOP PAGE.
====================================================================================*/
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
1. END COMMON ONLY SHOP PAGE.
====================================================================================*/
/*====================================================================================
2. START REGIST PAGE.
====================================================================================*/
/*---------- START STEP REGIST ----------*/
.step-regist__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
  color: var(--color-black);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  background-color: var(--color-white);
  box-shadow: 0 0 1.5rem rgba(201, 212, 223, 0.5);
}
.step-regist__item::before {
  position: absolute;
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.step-regist__item::after {
  position: absolute;
  z-index: -1;
  content: "";
  opacity: 0;
  top: 0.3rem;
  left: 0.3rem;
  width: 100%;
  height: 100%;
  background: var(--color-gradient);
}
.step-regist__item.active {
  color: var(--color-white);
  background-color: var(--color-black);
}
.step-regist__item.active::after {
  opacity: 1;
}
.step-regist__item:last-child {
  margin-right: 0;
}
.step-regist__item:last-child::before {
  content: none;
}

@media only screen and (min-width: 992px) {
  .step-regist__list {
    display: flex;
    flex-wrap: wrap;
  }
  .step-regist__item {
    width: calc(25% - 3.4rem);
    margin-right: 4.5rem;
  }
  .step-regist__item::before {
    top: 50%;
    right: -3rem;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -0.8rem;
    background-image: url("./../common_img/arrow-right02-green.webp");
    background-image: image-set(url("./../common_img/arrow-right02-green.webp") 1x, url("./../common_img/arrow-right02-green@2x.webp") 2x);
  }
}
@media only screen and (max-width: 991px) {
  .step-regist__list {
    max-width: 28rem;
    margin: 0 auto;
  }
  .step-regist__item {
    width: 100%;
    min-height: 5.5rem;
    margin-bottom: 3.5rem;
    box-shadow: 0 0 1rem rgba(201, 212, 223, 0.4);
  }
  .step-regist__item::before {
    left: 50%;
    bottom: -2.5rem;
    width: 1.4rem;
    height: 1.4rem;
    margin-left: -0.8rem;
    background-image: url("./../common_img/arrow-down02-green.webp");
    background-image: image-set(url("./../common_img/arrow-down02-green.webp") 1x, url("./../common_img/arrow-down02-green@2x.webp") 2x);
  }
  .step-regist__item:last-child {
    margin-bottom: 0;
  }
}
/*---------- END STEP REGIST ----------*/
/*---------- START TABLE REGIST ----------*/
.tbl-regist table {
  width: 100%;
  table-layout: fixed;
}
.tbl-regist tr th,
.tbl-regist tr td {
  height: 5rem;
  padding: 1.2rem 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  border: 1px solid var(--color-black);
}
.tbl-regist tr th {
  background-color: var(--color-gray-second);
}
.tbl-regist__head {
  padding: 1.5rem;
  border: 1px solid var(--color-black);
  border-bottom: 0;
  background-color: var(--color-brown);
}
.tbl-regist__title {
  color: var(--color-white);
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
.tbl-regist__part {
  width: 12%;
}
.tbl-regist__name {
  width: 27%;
}
.tbl-regist__quantity {
  width: 12%;
}
.tbl-regist__amount {
  width: 18%;
}
.tbl-regist__delete {
  width: 12%;
}
.tbl-regist__add {
  width: 19%;
}
.tbl-regist .box-quantity {
  margin: 0 auto;
  text-align: center;
}
.tbl-regist__btn {
  margin-top: 1rem;
}
.tbl-regist__btn input {
  cursor: pointer;
  width: 10.5rem;
  height: 4rem;
  padding: 0.5rem;
  outline: none;
  color: var(--color-white);
  font-size: 1.4rem;
  font-weight: 500;
  background-color: var(--color-black);
}
.tbl-regist--ver02 .tbl-regist__part {
  width: 17%;
}
.tbl-regist--ver02 .tbl-regist__name {
  width: 40%;
}
.tbl-regist--ver02 .tbl-regist__quantity {
  width: 17%;
}
.tbl-regist--ver02 .tbl-regist__amount {
  width: 26%;
}

@media only screen and (min-width: 1200px) {
  .tbl-regist__btn input:hover {
    color: var(--color-black);
    background-color: var(--color-white);
  }
}
@media only screen and (max-width: 991px) {
  .tbl-regist__body table {
    width: 99.1rem;
  }
  .tbl-regist--ver02 table {
    width: 99.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .tbl-regist__body table {
    width: 80rem;
  }
  .tbl-regist--ver02 table {
    width: 80rem;
  }
  .tbl-regist tr th,
  .tbl-regist tr td {
    font-size: 1.4rem;
    padding: 1rem 0.5rem;
  }
  .tbl-regist__title {
    font-size: 2rem;
  }
}
/*---------- END TABLE REGIST ----------*/
/*---------- START BANNER REGIST ----------*/
.bnr-regist__item {
  width: calc(33.333% - 1.4rem);
  margin-right: 2rem;
}
.bnr-regist__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  color: var(--color-white);
  text-decoration: none;
  border: 2px solid var(--color-gray);
  background-color: var(--color-gray);
  box-shadow: 0 0 2rem rgba(201, 212, 223, 0.4);
  transition: background-color 0.5s ease;
}
.bnr-regist__item-title, .bnr-regist__item-text {
  font-weight: 700;
  text-align: center;
  transition: color 0.3s ease;
}
.bnr-regist__item-title {
  font-size: 2.2rem;
}
.bnr-regist__item-text {
  font-size: 1.8rem;
  line-height: 1.6;
}
.bnr-regist__item:last-child {
  margin-right: 0;
}
.bnr-regist__note {
  margin-top: 2rem;
}

@media only screen and (min-width: 1025px) {
  .bnr-regist__item a:hover {
    color: var(--color-gray);
    background-color: var(--color-white);
  }
}
@media only screen and (max-width: 991px) {
  .bnr-regist__item-title {
    font-size: 2rem;
  }
  .bnr-regist__item-text {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .bnr-regist__list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .bnr-regist__list {
    max-width: 30rem;
    margin: 0 auto;
  }
  .bnr-regist__item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .bnr-regist__item a {
    min-height: 9rem;
    box-shadow: 0 0 1rem rgba(201, 212, 223, 0.4);
  }
  .bnr-regist__item:last-child {
    margin-bottom: 0;
  }
}
/*---------- END BANNER REGIST ----------*/
/*---------- START CART LOGIN ----------*/
.cart-login {
  padding: 5rem;
  border: 1px solid var(--color-black);
}
.cart-login .form-heading {
  padding-right: 0;
}
.cart-login__btn {
  text-align: center;
}

@media only screen and (min-width: 1025px) {
  .cart-login .form-heading {
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.3rem;
    text-align: right;
  }
  .cart-login .form-dt {
    width: 45rem;
  }
}
@media only screen and (max-width: 767px) {
  .cart-login {
    padding: 2.5rem 2rem 3rem 2rem;
  }
}
/*---------- END CART LOGIN ----------*/
.regist__note {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.regist__groups .group-regist {
  margin-bottom: 10rem;
}
.regist__groups .group-regist:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .regist .form-btn {
    width: 100%;
    max-width: 37.5rem;
    margin: 0 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .regist__note {
    margin-top: 1rem;
  }
  .regist__groups .group-regist {
    margin-bottom: 4.5rem;
  }
}
/*---------- START  ----------*/
/*---------- END  ----------*/
/*====================================================================================
2. END REGIST PAGE.
====================================================================================*/