@charset "utf-8";

.pc {
  display: block;
  margin: 0 auto;
}

.sm {
  display: none;
}

h1 {
  margin: 0 0 !important;
}

.comidashi {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
}

.margin_a {
  margin: -40px auto 40px auto;
}

.margin_b {
  margin: 10px auto 10px auto;
}

.camp {
  width: 70%;
  margin: 40px auto 0px auto;
}

.present {
  width: 60%;
  margin: 0 auto;
}

.fw6 {
  font-weight: 600;
}

.present_img {
  width: 70%;
  margin: 0px auto 20px auto;
}

.present_border {
  border: solid 2px #d6cecc;
  padding: 1em;
}

.c-card__twoup .left__img--bigger {
  width: 105%;
  display: block;
  margin: 0 auto;
}

.pc img {
  width: 80%;
  margin: 0 auto 20px auto;
}

/*---------------------------------------  smartphone ---------------------------------------*/

@media screen and (max-width: 639px) {

  body {
    min-width: initial;
  }

  .pc {
    display: none;
  }

  .sm {
    display: block;
  }

  h1 {
    margin: 0 auto !important;
  }

  .camp {
    width: 100%;
    margin: 20px auto;
  }

  .present {
    width: 100%;
    margin: 0 auto;
  }

  .present_img {
    width: 90%;
    margin: 0px auto 10px auto;
  }

  .kaigyo br {
    display: none;
  }

  .c-card__twoup .left__img--bigger {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  .c-card__twoup .left {
    width: 75%;
    margin-right: 1em;
  }

  .sm img {
    width: 80%;
    margin: 0 auto 20px auto;
  }
}

.newcustomize_box01 {
  border: 4px solid #d6cecc;
  padding: 20px;
}

.newcustomize_totalamount {
  display: flex;
  justify-content: center;
  background: #d6cecc;
  padding: 10px;
  text-align: center;
  font-size: 1.4em;
}

.newcustomize_totalamount .total {
  flex: 1;
  padding: 20px;
}

.newcustomize_totalamount .option {
  flex: 1;
  padding: 20px;
  border-left: 1px solid #FFFFFF;
}

.newcustomize_totalamount .option small {
  font-size: 0.6em;
}

#newcustomize_p2,
#newcustomize_p3 {
  display: none;
}

.newcustomize_box01 {
  padding: 0;
  border: none;
}

.newcustomize_totalamount {
  margin-top: 40px;
}

@media (min-width: 769px) {
  .is-sp {
    display: none;
  }
}

@media (max-width: 768px) {
  .newcustomize_totalamount {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.2rem;
  }

  .c-card__heading {
    font-size: 1rem;
  }

  .newcustomize_totalamount .option {
    border-left: none;
    border-top: 1px solid #FFFFFF;
  }

  .button.js-storeButton {
    margin: auto;
    display: table;
  }

  .l-twoup--sp {
    display: flex;
    margin: -20px -10px 15px;
  }

  .l-twoup--sp>* {
    width: 49%;
    height: 100%;
    margin: 20px 10px 0;
  }
}

.is-hide {
  display: none !important;
}

@media (max-width: 768px) {
  .c-card__price {
    text-align: center;
    margin-top: -20px;
  }
}

.newcustomize__title {
  margin: 0 auto 60px;
  font-size: 2.25rem;
  line-height: 1.33333;
}

@media (max-width: 768px) {
  .newcustomize__title {
    margin: 0 auto 40px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.newcustomize__body {
  min-height: 50vh;
}

.newcustomize_box01 {
  transition: opacity .1s;
  opacity: 0;
}

.newcustomize_box01.is-current {
  transition: opacity .4s;
  opacity: 1;
}

.newcustomize__btns {
  display: flex;
  justify-content: space-around;
}
.newcustomize__btns--last{
  position: relative;
}

.l-content{
  padding-top: 10px;
}

.js-ctmz-stage{
  /*transition: opacity 1s;*/
}
.is-invisible{
  /*opacity: 0;*/
}