dl,
dd {
  margin: 0;
}

p.suclair {
  margin: 0;
  line-height: 0;
  font-size: 0;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

.pagetop {
  display: none;
}

#suclair {
  margin: 7.8rem 0 0;
  /*
  .bgArea01 {
    background: #FFF;
  }

  .elCart {
    .cover .wrap {
      border-bottom-style: solid;
      border-bottom-width: 6px;
    }
    .cartItem {
      .wrap {
        background-position: left top;
        background-repeat: no-repeat;
        text-align: center;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-bottom-color: #FFF;
      }
      table {
        width: 100%;
      }
    }
  }

  #item {
    > .wrap {
      background: #ecc3ff url(../../images/color-1day-riribunny/cart_bg.jpg) repeat-x left top;
    }
    .wrap {
      padding-bottom: 30px;
    }
  }

  .quantity {
    font-size: 14px;
    margin-top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #suclair-test-btn {
    margin: 0 auto 0 20px;
  }

  .wrap, .wrapSp {
    max-width: 100vw;
    width: auto;
    margin: 0 auto;
  }

  #item .wrap {
    padding-bottom: 4%;
  }

  .spec {
    margin: 4vw 4vw 0;
    .specCont {
      display: table;
      width: 100%;
    }
    dl {
      display: table-row;
      + dl {
        dt, dd {
          border-top: solid 1px #000;
        }
      }
      dt, dd {
        display: table-cell;
        padding: 5px;
      }
      dt {
        text-align: right;
        background: #f8e9ff;
      }
      dd {
        background: #fff;
      }
    }
  }

  .attention, .noticeCont {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }

  .notice {
    padding-top: 0;
  }
  */
}
#suclair .cartItem .wrap {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 3.73vw;
  background: url(/shopping-refrair/wp-content/themes/kaihatu/images/color-1month-suclair/suclair-bg-form.webp) no-repeat bottom center/100% auto;
}
#suclair .cartItem .wrap select.step {
  display: none;
}
#suclair .cartItem .wrap .form {
  padding: 0 6.53vw;
}
#suclair .cartItem .wrap .form-desc {
  display: none;
}
#suclair .cartItem .wrap table {
  position: relative;
  width: 100%;
  max-width: initial;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}
#suclair .cartItem .wrap table::after {
  content: "";
  position: absolute;
  top: 9.6vw;
  left: 0;
  right: 0;
  bottom: 3.6vw;
  width: 0.27vw;
  margin: 0 auto;
  background-color: #2c2c2c;
}
#suclair .cartItem .wrap table .title th {
  text-align: center;
  color: #fff;
  background: #d17793;
  width: 50%;
  height: 6.93vw;
  font-size: 4.27vw;
  line-height: max(6.93vw, 9px);
  letter-spacing: 0.1em;
}
#suclair .cartItem .wrap table .title th.left {
  border-radius: 1.87vw 0 0 0;
}
#suclair .cartItem .wrap table .title th.right {
  border-radius: 0 1.87vw 0 0;
}
#suclair .cartItem .wrap table .cartItem-body {
  position: relative;
}
#suclair .cartItem .wrap table td {
  padding: 3.33vw 6.53vw 0;
  text-align: center;
  font-size: 2.4vw;
  font-size: min(2.4vw, 16px);
  background-color: #fff;
}
#suclair .cartItem .wrap table td:last-child {
  border-left: none;
  border-right: #d17793 solid 0.27vw;
}
#suclair .cartItem .wrap table tr td:first-child {
  border-left: #d17793 solid 0.27vw;
}
#suclair .cartItem .wrap table tr td:last-child {
  border-right: #d17793 solid 0.27vw;
}
#suclair .cartItem .wrap table tbody > tr:first-child td {
  padding-top: 4.4vw;
}
#suclair .cartItem .wrap table tbody > tr:last-child td {
  padding-bottom: 4.4vw;
  border-bottom: #d17793 solid 0.27vw;
}
#suclair .cartItem .wrap table tbody > tr:last-child td:first-child {
  border-radius: 0 0 0 1.87vw;
}
#suclair .cartItem .wrap table tbody > tr:last-child td:last-child {
  border-radius: 0 0 1.87vw 0;
}
#suclair .cartItem .wrap dl {
  text-align: left;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
#suclair .cartItem .wrap dl dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
#suclair .cartItem .wrap select {
  overflow: visible;
  width: 100%;
  padding: 0.4em;
  border-color: #a4a4a4;
  border-radius: initial;
}
#suclair .cartItem .wrap select option {
  width: 100%;
}
#suclair form {
  width: 90%;
  margin: auto;
}
#suclair .cart_text_01 {
  width: 65.73vw;
  margin: 4vw auto 0;
}
#suclair .cvarea_btn {
  width: 76.67vw;
  margin: 1.33vw auto 0;
}
#suclair .cvarea_btn span {
  cursor: pointer;
}
#suclair .specArea {
  padding: 3.33vw 0 6.4vw;
}

@media only screen and (min-width: 960px) {
  #suclair {
    max-width: 960px;
    margin: 68px auto 0;
  }
  #suclair .wrap, #suclair .wrapPc {
    width: auto;
    max-width: 960px;
    margin: 0 auto;
  }
  #suclair .cartItem .wrap {
    padding-bottom: 36px;
  }
  #suclair .cartItem .wrap .form {
    padding: 0 63px;
  }
  #suclair .cartItem .wrap table::after {
    top: 92px;
    bottom: 35px;
    width: 2px;
  }
  #suclair .cartItem .wrap table .title th {
    height: 67px;
    font-size: 41px;
    line-height: 67px;
  }
  #suclair .cartItem .wrap table .title th.left {
    border-radius: 18px 0 0 0;
  }
  #suclair .cartItem .wrap table .title th.right {
    border-radius: 0 18px 0 0;
  }
  #suclair .cartItem .wrap table td {
    padding: 32px 63px 0;
  }
  #suclair .cartItem .wrap table td:last-child {
    border-right: #d17793 solid 2px;
  }
  #suclair .cartItem .wrap table tr td:first-child {
    border-left: #d17793 solid 2px;
  }
  #suclair .cartItem .wrap table tr td:last-child {
    border-right: #d17793 solid 2px;
  }
  #suclair .cartItem .wrap table tbody > tr:first-child td {
    padding-top: 42px;
  }
  #suclair .cartItem .wrap table tbody > tr:last-child td {
    padding-bottom: 42px;
    border-bottom: #d17793 solid 2px;
  }
  #suclair .cartItem .wrap table tbody > tr:last-child td:first-child {
    border-radius: 0 0 0 18px;
  }
  #suclair .cartItem .wrap table tbody > tr:last-child td:last-child {
    border-radius: 0 0 18px 0;
  }
  #suclair .cart_text_01 {
    width: 631px;
    margin: 38px auto 0;
  }
  #suclair .cvarea_btn {
    width: 736px;
    margin: 13px auto 0;
  }
  #suclair .cvarea_btn span {
    cursor: pointer;
  }
  #suclair .specArea {
    padding: 32px 0 48px;
  }
}
/*-------------------------------------------> animation module */
.anim-fadeInUp {
  opacity: 0;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp, .inView .isAnim.inView .anim-fadeInUp {
  animation-name: fadeInUp;
}
.inView .anim-fadeInUp, .inView.anim-fadeInUp {
  animation-name: fadeInUp;
}
.inView .isAnim.anim-fadeInUp, .inView .isAnim .anim-fadeInUp {
  animation-name: none;
}

.anim-fadeIn {
  opacity: 0;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn, .inView .isAnim.inView .anim-fadeIn {
  animation-name: fadeIn;
}
.inView .anim-fadeIn, .inView.anim-fadeIn {
  animation-name: fadeIn;
}
.inView .isAnim.anim-fadeIn, .inView .isAnim .anim-fadeIn {
  animation-name: none;
}

/* delay */
.delay0 {
  animation-delay: 0s;
}

.delay1 {
  animation-delay: 0.2s;
}

.delay2 {
  animation-delay: 0.4s;
}

.delay3 {
  animation-delay: 0.6s;
}

.delay4 {
  animation-delay: 0.8s;
}

.delay5 {
  animation-delay: 1s;
}

.delay6 {
  animation-delay: 1.2s;
}

.delay7 {
  animation-delay: 1.4s;
}

.delay8 {
  animation-delay: 1.6s;
}

.delay9 {
  animation-delay: 1.8s;
}

.delay10 {
  animation-delay: 2s;
}

.delay11 {
  animation-delay: 2.2s;
}

.cartItem + .cartItem {
  margin-top: 100px;
}

/*-------------------------------------------> keyframe */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*-------------------------------------------> Cart */
.floating {
  z-index: 1000;
  position: fixed;
  right: 10px;
  bottom: 30px;
  width: 55px;
}
.floating__link {
  display: block;
}
.floating__link img {
  width: 100%;
}

@media (min-width: 769px) {
  .floating {
    bottom: 60px;
    right: 50px;
    width: 90px;
  }
}