:root {
  --border-color: #D9D9D9;
  --primary-color: #F57921;
  --primary-color-darker: #dd6c1b;
  --secondary-color: #787878;
  --sub-title: #878787
}
.ec-layoutRole__contents {
  font-family: "Cormorant Infant", "Source Sans Pro", serif;
}
.ec-layoutRole__contents .ec-role .ec-pageHeader h1,
.ec-customerRole .ec-pageHeader h1 {
  font-size: 34px;
  font-weight: 400;
  border-top: none;
  border-bottom: 1px solid #ccc;
  margin: 10px 16px 48px;
  padding: 8px;
}
.ec-cartRole .ec-cartRole__progress .is-complete .ec-progress__number {
  background: #F57921;
}
.ec-cartRole .ec-cartRole__progress .is-complete .ec-progress__label,
.ec-cartRole .ec-cartRole__actions .ec-cartRole__totalAmount {
  color: #F57921;
}
.ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name {
  font-family: "Vogue";
}
.ec-cartRole .ec-cartRole__actions .ec-blockBtn--action,
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
  background: #F57921;
  border: none;
}
.ec-cartRole .ec-cartRole__actions .ec-blockBtn--action:hover,
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action:hover {
  background: #da6b1d;
}

.ec-login__actions .ec-blockBtn--cancel,
.ec-guest__actions .ec-blockBtn--cancel,
.ec-cartCompleteRole .ec-blockBtn--cancel {
  background: #F57921;
  border: none;
  color: #FFFFFF;
}
.ec-login__actions .ec-blockBtn--cancel:hover,
.ec-guest__actions .ec-blockBtn--cancel:hover,
.ec-cartCompleteRole .ec-blockBtn--cancel:hover {
  background: #da6b1d;
}

/* =========  Step ========*/
.is-done img {
  width: 25px;
  height: 25px;
  position: relative;
  top: 7px;
  left: 6px;
  vertical-align: sub;
}

.ec-progress .is-done .ec-progress__number {
  background: #fff;
  border: 2px solid var(--primary-color);
}

.ec-progress .ec-progress__item {
  z-index: 9;
}

.ec-progress .ec-progress__item:after {
  height: 0.14em;
}

.ec-progress .is-complete .ec-progress__number,
.ec-progress .is-done.ec-progress__item:after {
  background: var(--primary-color);
}

.ec-progress .is-complete .ec-progress__label {
  color: #000;
}

.ec-progress .not-done .ec-progress__number {
  color: #D9D9D9;
  background: #fff;
  border: 2px solid #D9D9D9;
}

.ec-progress .is-complete.ec-progress__item:after,
.ec-progress .not-done.ec-progress__item:after {
  background: #D9D9D9;
}

.ec-cartRole.ec-role__shipping.ec-role__heading {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-right: 37%;
  margin-top: 10px;
  margin-bottom: 100px;
}

.ec-cartRole.ec-role__shipping.ec-role__heading img {
  width: 230px;
}

.ec-cartRole.ec-role__shipping.ec-role__heading span {
  font-size: 34px;
  cursor: default;
}

.ec-cartRole.ec-role__shipping.ec-role__step {
  margin-bottom: 20px;
}

/* Style page nonmember */
.ec-off1Grid__cell .ec-borderedDefs dl {
  border: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: 15px;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd {
  width: 100%;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput {
  display: flex;
  gap: 10px;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput input {
  width: 50%;
  margin: 0;
  height: 50px;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__kana,
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__name {
  display: flex;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__kana .kana,
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__name .name {
  width: 50%;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__kana input,
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-halfInput__name input {
  width: 100%;
  margin-bottom: 10px;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-zipInput {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 50%;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-zipInput span {
  margin-left: 0;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-zipInput #nonmember_postal_code {
  min-width: 60%;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-select #nonmember_address_pref,
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-telInput #nonmember_phone_number {
  min-width: 50%;
  height: 50px;
  margin: 0;
}
.ec-off1Grid__cell .ec-borderedDefs dl dd .ec-input input {
  height: 50px;
}
.ec-off4Grid .ec-off4Grid__cell {
  margin: 40px 0 0 0;
  width: 100%;
}
.ec-off1Grid__cell .ec-borderedDefs {
  border: none;
}