@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/

/* -------------------------------

Btn CSS

-------------------------------  */
.c-btn {
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 99px;
}
.c-btn--white {
  border-color: #333333;
  background-color: #ffffff;
  color: #333333 !important;
}
.c-btn-cart {
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 99px !important;
}

.p-productSkuBottomBtn .c-btn-cart {
  border-radius: 99px;
}
.c-btn-favorit {
  border: none;
}
.c-btn-favorit {
  width: auto;
  border: none;
}

.c-btn-fluid {
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 99px;
}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="text"],
input[type="number"] {
  background-color: #ffffff;
}
.m-orderProductSect-item__info .c-changeQuantity .c-changeQuantity__number {
  border-radius: 0;
}
textarea {
  background-color: #ffffff;
}
.p-login-form__body-link {
  border-radius: 99px;
}
.c-stepbar-three__item--active {
  color: #333333;
}
.c-stepbar-three__text--active:before {
  border-color: #333333;
  background-color: #333333;
}
.c-stepbar-four__item--active {
  color: #333333;
}
.c-stepbar-four__text--active:before {
  border-color: #333333;
  background-color: #333333;
}
.c-stepbar-five__item--active {
  color: #333333;
}
.c-stepbar-five__text--active:before {
  border-color: #333333;
  background-color: #333333;
}
.c-btn-progress {
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 99px;
}
.c-btn-progress--white {
  background-color: #ffffff;
}
.c-btn-progress.c-btn-progress--gray-middle {
  background-color: #e3e3e3;
  border: 1px solid #e3e3e3;
}
.c-btn-progress--gray-middle {
  background-color: #e3e3e3;
  border: 1px solid #e3e3e3;
}
.c-btn--gray {
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 99px;
}
input[type="checkbox"]:checked {
  border-color: #333333;
  background-color: #333333;
  background-image: url(../../assets/img/common/icon/icon-checkbox-active.svg);
}

input[type="radio"]:checked {
  border-color: #333333;
  background-color: var(--color-white);
}
input[type="radio"]:checked:after {
  background-color: #333333;
}
.m-orderUseDiscount__canUsePoint-link {
  color: #333333 !important;
  text-decoration: underline;
}
.p-productDetaiMain-head-utilities__item a {
  color: #333333;
  text-decoration: underline;
}

.s-headerModalBoxFooterBtn .c-btn {
  border-radius: 99px;
}
.m-modalBoxHeding__closeBtn {
  color: #333333;
}

.c-btn-fluid--gray-border {
  border-color: #7c7c7c;
  background-color: #fff;
}

/* -------------------------------

Mypage CSS

-------------------------------  */

.p-myPage-pointInfo__point {
  color: #333333;
}

.c-btn-fluid--border {
  color: #333 !important;
  background: #fff;
}
.s-headerModalBoxHeding__closeBtn {
  color: #333333;
}

.c-userSectHeading__title-primary {
  color: #333333;
}

.js-dialogCancel.c-btn-fluid.c-btn-fluid--gray-border.is-active {
  background-color: #ffffff;
  border: 1px solid #333333;
}
@media screen and (min-width: 768px) {
  .m-userSectCol-entryForm {
    margin-bottom: 1rem;
  }
}
.c-userSectHeading__ownerNotice a {
  color: #58b8e2;
}
.m-orderProductSect-productPrice {
  flex-wrap: wrap;
}
.m-orderProductSect-productPrice div {
  display: flex;
  flex-wrap: wrap;
}
  .m-orderProductSect-productPrice div {
  display: flex;
  flex-wrap: wrap;
  margin-top: .5rem;
}
.product-detail__tag-list > li {
    font-size: 11px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 99px;
    background-color: #fff;
    border: 1px solid #333;
}