@charset "UTF-8";
:root {
  --color-alert-warn: #DE5D50;
  --color-alert-info: #50acde;
  --color-link: #0092C4;
}

.ec-cartRole .layout_breadcrumb_list-wrap .layout_breadcrumb_list {
  max-width: 1180px;
}

/**
==============================
common layout
==============================
*/
.text-color--red {
  color: var(--color-text-red);
}
.text-color--warn {
  color: var(--color-warn);
}
.text__link {
  color: var(--color-link);
  text-decoration: underline;
  cursor: pointer;
}
.text__link:hover {
  text-decoration: none;
}

@media screen and (max-width: 919.8px) {
  .form-control {
    margin: 4px 0;
  }
}
@media screen and (min-width: 920px) {
  .form-control {
    margin: 4px 0;
  }
}
.form-control__error {
  color: var(--color-warn);
}
.form-control__group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (max-width: 919.8px) {
  .form-control__group {
    gap: 2px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__group {
    gap: 4px;
  }
}
.form-control__row {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 919.8px) {
  .form-control__row {
    gap: 8px;
    margin: 8px 0;
  }
}
@media screen and (min-width: 920px) {
  .form-control__row {
    gap: 16px;
    margin: 8px 0;
  }
}
@media screen and (max-width: 919.8px) {
  .form-control__row label {
    min-height: 32px;
    line-height: 32px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__row label {
    min-height: 36px;
    line-height: 36px;
  }
}
.form-control__text, .form-control__mail, .form-control__password {
  background-color: var(--color-base-white);
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-accent-2);
  text-align: left;
  line-height: 1.4;
  font-size: max(0.875rem, 10px);
}
@media screen and (max-width: 919.8px) {
  .form-control__text, .form-control__mail, .form-control__password {
    padding: 4px 10px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__text, .form-control__mail, .form-control__password {
    padding: 8px 16px;
  }
}
.form-control__textarea {
  background-color: var(--color-base-white);
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--color-accent-2);
  text-align: left;
  line-height: 1.4;
  font-size: max(0.875rem, 10px);
}
@media screen and (max-width: 919.8px) {
  .form-control__textarea {
    padding: 4px 10px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__textarea {
    padding: 8px 16px;
  }
}
.form-control__radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 919.8px) {
  .form-control__radio {
    gap: 4px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__radio {
    gap: 8px;
  }
}
.form-control__select {
  background-color: var(--color-base-white);
  width: auto;
  min-width: 120px;
  border-radius: 4px;
  border: 1px solid var(--color-accent-2);
  text-align: left;
  line-height: 1.4;
  font-size: max(0.875rem, 10px);
}
@media screen and (max-width: 919.8px) {
  .form-control__select {
    padding: 4px 20px 4px 10px;
  }
}
@media screen and (min-width: 920px) {
  .form-control__select {
    padding: 8px 32px 8px 16px;
  }
}

@media screen and (max-width: 919.8px) {
  .layout-contents__header {
    margin: 0 auto 32px;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__header {
    margin: 0 auto 64px;
  }
}
.layout-contents__title {
  font-weight: 400;
  padding-left: 0.3125em;
  line-height: 0.9em;
}
@media screen and (max-width: 919.8px) {
  .layout-contents__title {
    font-size: max(1.125rem, 10px);
    min-height: 18px;
    border-left: solid 2px var(--color-accent-6);
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__title {
    font-size: max(2.125rem, 10px);
    min-height: 36px;
    border-left: solid 4px var(--color-accent-6);
  }
}
@media screen and (max-width: 919.8px) {
  .layout-contents__section {
    margin: 32px auto;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__section {
    margin: 64px auto;
  }
}
.layout-contents__inner {
  margin: 0 auto;
}
@media screen and (max-width: 919.8px) {
  .layout-contents__inner {
    width: 100%;
    padding: 0 16px;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__inner {
    width: 100%;
    max-width: 1180px;
    padding: 0 32px;
  }
}
.layout-contents__body {
  display: flex;
}
@media screen and (max-width: 919.8px) {
  .layout-contents__body {
    flex-direction: column;
    gap: 30px;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__body {
    justify-content: center;
    flex-direction: row;
    gap: 30px;
  }
}
.layout-contents__content--full {
  width: 100%;
}
@media screen and (max-width: 919.8px) {
  .layout-contents__content--main {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__content--main {
    width: 950px;
  }
}
@media screen and (max-width: 919.8px) {
  .layout-contents__content--sub {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .layout-contents__content--sub {
    width: 200px;
  }
}

.button {
  background-color: var(--color-button-default);
  border: solid 1px var(--color-button-default);
  color: var(--color-base-white);
}
.button--action {
  background-color: var(--color-button-action);
  border-color: var(--color-button-action);
  color: var(--color-base-white);
}
.button--cancel {
  background-color: var(--color-button-cancel);
  border-color: var(--color-button-cancel);
  color: var(--color-base-white);
}
.button--edit {
  background-color: var(--color-base-white);
  border-color: var(--color-button-cancel);
  color: var(--color-base-black);
}
.button_block {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  width: 100%;
  max-width: 360px;
  border-radius: 0.5em;
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .button_block {
    min-height: 50px;
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .button_block {
    min-height: 60px;
  }
}
.button_block:hover {
  opacity: 0.8;
}
.button_inline {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
  border-radius: 0.25em;
  padding: 0.5em 1em;
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .button_inline {
    font-size: max(0.75rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .button_inline {
    font-size: max(0.875rem, 10px);
  }
}
.button_inline:hover {
  opacity: 0.8;
}
.button_block-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 919.8px) {
  .button_block-wrap {
    gap: 20px;
    margin: 20px auto;
  }
}
@media screen and (min-width: 920px) {
  .button_block-wrap {
    gap: 20px;
    margin: 20px auto;
  }
}
.button_icon {
  display: inline-block;
  width: 1em;
}

@media screen and (max-width: 919.8px) {
  .ec-alert-warning__icon {
    width: 24px;
  }
}
@media screen and (min-width: 920px) {
  .ec-alert-warning__icon {
    width: 32px;
  }
}
.ec-alert-warning__icon img {
  width: 100%;
}
.ec-alert-warning__inner {
  width: 100%;
  max-width: 44rem;
  margin: 32px auto;
}
.ec-alert-warning__inner__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-base-white);
  background: var(--color-alert-warn);
}
@media screen and (max-width: 919.8px) {
  .ec-alert-warning__inner__item {
    gap: 8px;
    padding: 4px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 920px) {
  .ec-alert-warning__inner__item {
    gap: 16px;
    padding: 8px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-alert-info__icon {
    width: 24px;
  }
}
@media screen and (min-width: 920px) {
  .ec-alert-info__icon {
    width: 32px;
  }
}
.ec-alert-info__icon img {
  width: 100%;
}
.ec-alert-info__inner {
  width: 100%;
  max-width: 44rem;
  margin: 32px auto;
}
.ec-alert-info__inner__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-base-white);
  background: var(--color-alert-info);
}
@media screen and (max-width: 919.8px) {
  .ec-alert-info__inner__item {
    gap: 8px;
    padding: 4px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 920px) {
  .ec-alert-info__inner__item {
    gap: 16px;
    padding: 8px;
    border-radius: 4px;
  }
}

/**
==============================
layout-progressRole
==============================
*/
.ec-progress {
  margin: 40px auto 40px;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 44rem;
  list-style: none;
  padding: 0;
}
.ec-progress__item {
  display: table-cell;
  position: relative;
  text-align: center;
  z-index: 10;
}
.ec-progress__item:not(:last-child):after {
  content: "";
  position: absolute;
  display: block;
  background: var(--color-accent-6);
  width: 100%;
  height: 0.2rem;
  margin: auto 0;
  left: 50%;
  z-index: -1;
}
@media screen and (max-width: 919.8px) {
  .ec-progress__item:not(:last-child):after {
    top: 0.9rem;
  }
}
@media screen and (min-width: 920px) {
  .ec-progress__item:not(:last-child):after {
    top: 1.25rem;
  }
}
.ec-progress__number {
  line-height: 1.4em;
  width: 1.725em;
  height: 1.725em;
  margin-bottom: 0.3125em;
  background: var(--color-accent-6);
  color: var(--color-base-white);
  border: 2px solid var(--color-accent-6);
  top: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-style: italic;
  font-weight: 500;
  text-indent: -0.125em;
}
@media screen and (max-width: 919.8px) {
  .ec-progress__number {
    font-size: max(1.125rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .ec-progress__number {
    font-size: max(1.5rem, 10px);
  }
}
.ec-progress__label {
  font-weight: 400;
  color: var(--color-accent-6);
  line-height: 1.4;
}
@media screen and (max-width: 919.8px) {
  .ec-progress__label {
    font-size: max(0.75rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .ec-progress__label {
    font-size: max(0.75rem, 10px);
  }
}
.ec-progress .is-complete .ec-progress__number {
  background: var(--color-base-white);
  color: var(--color-base-black);
}
.ec-progress .is-complete .ec-progress__label {
  color: var(--color-base-black);
}

/**
==============================
  Cart Page
==============================
*/
.page-cart__info {
  text-align: center;
}
.page-cart__total {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 10px;
}
@media screen and (max-width: 919.8px) {
  .page-cart__total {
    min-width: 136px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__total {
    min-width: 136px;
  }
}
.page-cart__total dt, .page-cart__total dd {
  margin: 0;
}
@media screen and (max-width: 919.8px) {
  .page-cart__total dd {
    font-size: max(1rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-cart__total dd {
    font-size: max(1.25rem, 10px);
  }
}

/* cart items table */
.page-cart .ec-cartHeaderBrand {
  margin: 0.5rem 0;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table {
    width: 100%;
    border-top: 1px solid var(--color-accent-5);
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table {
    max-width: 950px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__header {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__header {
    font-weight: 400;
    background: var(--color-accent-5);
  }
  .page-cart__table__header .page-cart__table__column {
    display: flex;
    justify-content: center;
  }
  .page-cart__table__header .page-cart__table__row {
    padding: 10px 0;
  }
}
.page-cart__table__body .page-cart__table__row {
  border-bottom: 1px solid var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__body .page-cart__table__row {
    padding: 10px 0 10px 106px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__body .page-cart__table__row {
    padding: 20px 0;
  }
}
.page-cart__table__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__footer {
    margin-top: 10px;
    gap: 10px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__footer {
    margin-top: 20px;
    gap: 10px;
  }
}
.page-cart__table__row {
  width: 100%;
  position: relative;
  display: flex;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__row {
    padding: 10px 0;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__row {
    padding: 20px 0;
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__row {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__row {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.page-cart__table__column {
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column {
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column {
    font-size: max(1rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column__label {
    display: inline-block;
    margin-right: 4px;
    font-weight: 400;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column__label {
    display: none;
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column--delete {
    width: 54px;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column--delete {
    width: 54px;
  }
}
.page-cart__table__column--delete .ec-cart__delete {
  width: 100%;
}
.page-cart__table__column--delete .ec-cart__delete:hover {
  opacity: 0.8;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column--image {
    width: 90px;
    position: absolute;
    left: 0;
    top: 10px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column--image {
    width: 100px;
  }
}
.page-cart__table__column--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column--content {
    width: 100%;
    padding-right: 58px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column--content {
    width: 460px;
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column--amount {
    display: flex;
    align-items: center;
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column--amount {
    width: 112px;
    text-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 919.8px) {
  .page-cart__table__column--subtotal {
    display: flex;
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__table__column--subtotal {
    width: 112px;
    text-align: center;
  }
}

/* cart items information style */
.page-cart__product__info {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (max-width: 919.8px) {
  .page-cart__product__title {
    margin-bottom: 8px;
  }
}
.page-cart__product__name {
  text-decoration: underline;
}
.page-cart__product__name:hover {
  text-decoration: none;
}
@media screen and (max-width: 919.8px) {
  .page-cart__product__amount {
    display: flex;
    align-items: center;
    gap: 4px;
  }
}
.page-cart__product__amountNumber {
  font-weight: 700;
}
.page-cart__product__amountSelect {
  font-weight: 400;
  text-align: center;
  border: 1px solid var(--color-accent-2);
  background-color: var(--color-base-white);
  border-radius: 4px;
  line-height: 1.55;
  padding: 4px 8px;
  appearance: auto;
}
@media screen and (max-width: 919.8px) {
  .page-cart__product__amountSelect {
    width: 52px;
    height: 32px;
  }
}
@media screen and (min-width: 920px) {
  .page-cart__product__amountSelect {
    width: 60px;
    height: 36px;
    margin: 8px auto;
  }
}
.page-cart__product__amountChange {
  display: flex;
  justify-content: center;
  gap: 4px;
}
@media screen and (min-width: 920px) {
  .page-cart__product__amountChange {
    margin: 8px auto;
  }
}
.page-cart__product__amountChange .ec-amountButton {
  display: flex;
  justify-content: center;
  border: 2px solid #c9c9c9;
  border-radius: 50%;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  cursor: pointer;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  text-align: center;
  background: #fff;
}
.page-cart__product__amountChange .ec-amountButton:hover img {
  opacity: 0.8;
}
.page-cart__product__amountChange .ec-amountButton--disabled {
  cursor: default;
  opacity: 0.68;
}
.page-cart__product__amountChange .ec-amountButton__icon img {
  display: block;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-cart__product__delete {
  font-size: max(0.875rem, 10px);
  font-weight: 500;
  color: var(--color-accent-8);
}

.ec-cart__delete {
  padding: 0.2em 0;
}

/**
==============================
  Shopping Page
==============================
*/
.page-order__body {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 919.8px) {
  .page-order__body {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__body {
    flex-direction: row;
    gap: 32px;
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__column--main {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .page-order__column--main {
    width: calc(100% - 432px);
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__column--sub {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .page-order__column--sub {
    width: 400px;
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__block {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__block {
    margin-bottom: 64px;
  }
}
.page-order__control {
  border: solid 1px var(--color-accent-6);
}
@media screen and (max-width: 919.8px) {
  .page-order__control {
    padding: 10px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__control {
    padding: 20px;
  }
}
.page-order__control hr {
  display: block;
  height: 0;
  width: 100%;
  border: dashed 1px var(--color-base-black);
}
@media screen and (max-width: 919.8px) {
  .page-order__control hr {
    margin: 8px auto;
  }
}
@media screen and (min-width: 920px) {
  .page-order__control hr {
    margin: 16px auto;
  }
}
.page-order__payment__price {
  line-height: 1.2;
}
@media screen and (max-width: 919.8px) {
  .page-order__payment__price {
    font-size: max(1rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-order__payment__price {
    font-size: max(1.5rem, 10px);
  }
}
.page-order__payment dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 919.8px) {
  .page-order__payment dl {
    margin: 4px auto;
    gap: 8px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__payment dl {
    margin: 8px auto;
    gap: 16px;
  }
}
.page-order__payment dl dt, .page-order__payment dl dd {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 919.8px) {
  .page-order__payment dl dt, .page-order__payment dl dd {
    font-size: max(0.75rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-order__payment dl dt, .page-order__payment dl dd {
    font-size: max(0.875rem, 10px);
  }
}
.page-order__payment dl dd {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 919.8px) {
  .page-order__payment dl dd {
    gap: max(0.25rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-order__payment dl dd {
    gap: max(0.5rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__payment__total dt {
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-order__payment__total dt {
    font-size: max(1rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__action {
    margin: 10px auto 0;
  }
}
@media screen and (min-width: 920px) {
  .page-order__action {
    margin: 20px auto 0;
  }
}
.page-order__heading {
  text-align: center;
  font-weight: 400;
  background: var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .page-order__heading {
    font-size: max(1rem, 10px);
    padding: 4px 0;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__heading {
    font-size: max(1.125rem, 10px);
    padding: 8px 0;
    margin-bottom: 16px;
  }
}

.ec-rectHeading {
  text-align: center;
  font-weight: 400;
  background: var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .ec-rectHeading {
    font-size: max(1rem, 10px);
    padding: 4px 0;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 920px) {
  .ec-rectHeading {
    font-size: max(1.125rem, 10px);
    padding: 8px 0;
    margin-bottom: 16px;
  }
}
.ec-rectBody {
  position: relative;
}
@media screen and (max-width: 919.8px) {
  .ec-rectBody {
    margin: 8px auto;
  }
}
@media screen and (min-width: 920px) {
  .ec-rectBody {
    margin: 16px auto;
  }
}
.ec-rectBody hr {
  display: block;
  height: 0;
  width: 100%;
  border: dashed 1px var(--color-base-black);
}
@media screen and (max-width: 919.8px) {
  .ec-rectBody hr {
    margin: 8px auto;
  }
}
@media screen and (min-width: 920px) {
  .ec-rectBody hr {
    margin: 16px auto;
  }
}

.ec-orderMails .ec-orderMail__body {
  word-break: break-word;
}

.ec-rectBody-complete_message {
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 919.8px) {
  .ec-rectBody-complete_message {
    margin-top: -8px;
  }
}
@media screen and (min-width: 920px) {
  .ec-rectBody-complete_message {
    margin-top: -32px;
  }
}
.ec-rectBody-complete_message .row {
  padding: 10px 40px;
  background-color: #eeeeee;
}
.ec-rectBody-complete_message .row > h3 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.ec-rectBody-complete_message .row a {
  text-decoration: underline;
}
.ec-rectBody-complete_message .row a:before {
  content: "→";
}
.ec-rectBody-complete_message .ec-orderOrder .ec-reportDescription {
  text-align: left;
}

.ec-definitions a:not([class]), .ec-definitions--soft a:not([class]) {
  color: var(--color-link);
}

@media screen and (max-width: 919.8px) {
  .page-order__table__header {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__header {
    font-weight: 400;
    background: var(--color-accent-5);
  }
  .page-order__table__header .page-order__table__column {
    display: flex;
    justify-content: center;
  }
  .page-order__table__header .page-order__table__row {
    padding: 10px 0;
  }
}
.page-order__table__body .page-order__table__row {
  border-bottom: 1px solid var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .page-order__table__body .page-order__table__row {
    padding: 10px 0 10px 106px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__body .page-order__table__row {
    padding: 20px 0;
  }
}
.page-order__table__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 919.8px) {
  .page-order__table__footer {
    margin-top: 10px;
    gap: 10px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__footer {
    margin-top: 20px;
    gap: 10px;
  }
}
.page-order__table__row {
  width: 100%;
  position: relative;
  display: flex;
}
@media screen and (max-width: 919.8px) {
  .page-order__table__row {
    padding: 10px 0;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__row {
    padding: 20px 0;
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__table__row {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__row {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.page-order__table__column {
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .page-order__table__column {
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__column {
    font-size: max(1rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .page-order__table__column--image {
    width: 90px;
    position: absolute;
    left: 0;
    top: 10px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__column--image {
    width: 100px;
  }
}
.page-order__table__column--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 919.8px) {
  .page-order__table__column--content {
    width: 100%;
    padding-right: 58px;
  }
}
@media screen and (min-width: 920px) {
  .page-order__table__column--content {
    width: 460px;
  }
}

.ec-order__table {
  width: 100%;
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__header {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__header {
    font-weight: 400;
    background: var(--color-accent-5);
  }
  .ec-order__table__header .ec-order__table__column {
    display: flex;
    justify-content: center;
  }
  .ec-order__table__header .ec-order__table__row {
    padding: 10px 0;
  }
}
.ec-order__table__body .ec-order__table__row {
  border-bottom: 1px solid var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__body .ec-order__table__row {
    padding: 10px 0 10px 10px;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__body .ec-order__table__row {
    padding: 20px 0;
  }
}
.ec-order__table__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__footer {
    margin-top: 10px;
    gap: 10px;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__footer {
    margin-top: 20px;
    gap: 10px;
  }
}
.ec-order__table__row {
  width: 100%;
  position: relative;
  display: flex;
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__row {
    padding: 10px 0;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__row {
    padding: 20px 0;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__row {
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__row {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.ec-order__table__column {
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column {
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column {
    font-size: max(1rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column__label {
    display: inline-block;
    margin-right: 4px;
    font-weight: 400;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column__label {
    display: none;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column.--delete {
    width: 54px;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column.--delete {
    width: 54px;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column.--image {
    width: 90px;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column.--image {
    width: 100px;
  }
}
.ec-order__table__column.--image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column.--content {
    width: 100%;
    padding-right: 58px;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column.--content {
    width: 460px;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column.--amount {
    display: flex;
    align-items: center;
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column.--amount {
    width: 112px;
    text-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-order__table__column.--subtotal {
    display: flex;
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .ec-order__table__column.--subtotal {
    width: 112px;
    text-align: center;
  }
}

.ec-orderDelivery__change, .ec-orderAccount__change {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 919.8px) {
  .ec-orderDelivery__change .button_inline, .ec-orderAccount__change .button_inline {
    width: 90px;
  }
}
@media screen and (min-width: 920px) {
  .ec-orderDelivery__change .button_inline, .ec-orderAccount__change .button_inline {
    width: 120px;
  }
}

@media screen and (min-width: 920px) {
  .ec-orderAccount .contact_layout .contact_layout_item {
    grid-template-columns: 120px 1fr;
  }
}
@media screen and (max-width: 919.8px) {
  .ec-orderDelivery__edit {
    margin-top: 8px;
  }
}
@media screen and (min-width: 920px) {
  .ec-orderDelivery__edit {
    margin-top: 16px;
  }
}

.ec-cartCompleteRole.page-order__body {
  justify-content: center;
}
@media screen and (min-width: 920px) {
  .ec-cartCompleteRole .page-order__column--main {
    width: 950px;
  }
}
@media screen and (min-width: 920px) {
  .ec-cartCompleteRole .ec-reportDescription {
    text-align: center;
  }
}
.ec-cartCompleteRole .ec-report .orderNo {
  font-size: max(1.25rem, 10px);
  text-align: center;
}

/**
==============================
  Common ec-summary
==============================
*/
.ec-orderDelivery__title {
  position: relative;
  font-weight: 400;
  font-size: max(1rem, 10px);
  margin-bottom: 0.5em;
}
.ec-orderDelivery__title:before {
  padding-right: 10px;
  content: "■";
  color: var(--color-accent-6);
}

.ec-orderDelivery .ec-select select {
  border: 1px solid var(--color-accent-2);
  border-radius: 5px;
  display: flex;
  font-size: max(0.875rem, 10px);
  padding: 8px 32px 8px 20px;
  min-width: 120px;
  cursor: pointer;
  background-image: url("../img/arr_select.svg");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: right 10px center;
}
.ec-orderDelivery .ec-selectWrap {
  position: relative;
}

.ec-AddAddress hr {
  display: block;
  height: 0;
  width: 100%;
  border: solid 1px var(--color-base-black);
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress hr {
    margin: 8px auto;
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress hr {
    margin: 16px auto;
  }
}
.ec-AddAddress .ec-input input,
.ec-AddAddress .ec-select select {
  border: 1px solid var(--color-accent-2);
  border-radius: 5px;
  display: flex;
  font-size: max(0.875rem, 10px);
  padding: 8px 20px;
  background-image: url("../img/arr_select.svg");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: right 10px center;
}
.ec-AddAddress .ec-selectWrap {
  position: relative;
}
.ec-AddAddress__selectNumber, .ec-AddAddress__selectAddress {
  display: flex;
  align-items: center;
  margin: 8px auto;
}
.ec-AddAddress__selectNumber .ec-label, .ec-AddAddress__selectAddress .ec-label {
  font-size: max(0.875rem, 10px);
  margin-right: 15px;
}
.ec-AddAddress__selectNumber .ec-input input {
  width: 120px;
}
.ec-AddAddress__add {
  display: block;
  width: 100%;
  border-bottom: solid 1px var(--color-base-black);
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress__add {
    margin: 16px 0;
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress__add {
    padding: 32px 0;
  }
}
.ec-AddAddress__btn {
  margin-top: 16px;
}
.ec-AddAddress__item {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--color-accent-5);
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress__item {
    padding: 10px 0;
    margin-bottom: 10px;
    gap: max(0.5rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress__item {
    padding: 20px 0;
    margin-bottom: 20px;
    gap: max(1rem, 10px);
  }
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress .ec-AddAddress__itemThumb {
    width: 120px;
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress .ec-AddAddress__itemThumb {
    width: 160px;
  }
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
  width: 100%;
}
.ec-AddAddress .ec-AddAddress__itemtContent {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress .ec-AddAddress__itemtContent {
    font-size: max(0.875rem, 10px);
    gap: 4px;
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress .ec-AddAddress__itemtContent {
    font-size: max(1rem, 10px);
    gap: 8px;
  }
}
.ec-AddAddress .ec-AddAddress__itemtContent span {
  margin-left: 10px;
}
.ec-AddAddress .ec-AddAddress__itemtContent p {
  margin-bottom: 0;
  font-weight: 400;
}
@media screen and (max-width: 919.8px) {
  .ec-AddAddress .ec-AddAddress__itemtContent p {
    font-size: max(0.875rem, 10px);
  }
}
@media screen and (min-width: 920px) {
  .ec-AddAddress .ec-AddAddress__itemtContent p {
    font-size: max(1rem, 10px);
  }
}

/**
==============================
  Shopping Complete
==============================
*/

/*# sourceMappingURL=shipping.css.map */