/* ラッパー・共通設定 */

@keyframes line-scale {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}

.line-scale > div:nth-child(1) {
  -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(2) {
  -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(3) {
  -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(4) {
  -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div {
  background-color: #fcd03e;
  width: 5px;
  height: 50px;
  border-radius: 4px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}

.loaders,
.PopUpWindow {
  overflow: hidden;
  z-index: 10;
}
.loader,
.PopUp {
  display: none;
}
.loaders .loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.loader .line-scale {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.itemcartObj {
  height: 0;
  width: 0;
}

#CartContets,
#CartContets__footer {
  font-family: "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", sans-serif;

  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  line-height: 1.5;
}

#CartContets {
  margin-bottom: 5rem;
  position: relative;
}

a {
  color: #000000;
}

#CartContets input[type="radio"],
#CartContets input[type="checkbox"] {
  display: none;
}

.CircleCheck__label {
  position: relative;
  padding-left: 7.3rem;
}

.CircleCheck__label::before {
  content: "";
  border-radius: 100%;
  height: 2.8rem;
  width: 2.8rem;
  border: 0.2rem solid #999999;
  display: inline-block;
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


.CircleCheck :active .CircleCheck__label::before, 
.CircleCheck input:checked + .Textinput_label .CircleCheck__label::before,
.CircleCheck :hover > .CircleCheck__label::before {
  border-color: #000000;
  background-color: #ffffff;
}

.CircleCheck :active .CircleCheck__label::after, 
.CircleCheck input:checked + .Textinput_label .CircleCheck__label::after,
.CircleCheck :hover > .CircleCheck__label::after {
  content: "";
  height: 1.7rem;
  width: 1.7rem;
  border-radius: 100%;
  position: absolute;
  left: 1.4rem;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
  background-color: rgba(243, 199, 62, 1);
}

.color__red {
  color: #e50012;
}

.DiscMark {
  position: relative;
  text-indent: 1em;
}
.DiscMark::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  border-radius: 100%;
  display: block;
  background-color: #000000;
  position: absolute;
  top: 0.5em;
  left: 0;
  transform: translateY(-25%);
}

.numList {
  counter-reset: number;
}
.numList li {
  padding-left: 1.5em;
  position: relative;
}
.numList li::before {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  border: 0.1rem solid #000000;
  border-radius: 100%;
  text-align: center;
  font-weight: bold;
  width: 1em;
  height: 1em;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.PopUpWindow .PopUp {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.PopUp .PopUp__inner {
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
  padding: 3rem;
}

.PopUp .PopUp__title {
  font-size: 3.2rem;
  font-weight: bold;
  border-bottom: 0.4rem solid #000000;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.PopUp .PopUp__inner img {
  width: 100%;
  max-height: 40rem;
}

.PopUp .PopUp__inner img.PopUp__imgJa {
  margin: 1rem 0;
}

.PopUp button.PopUp__close {
  cursor: pointer;
  color: #ffffff;
  font-size: 2.6rem;
  background-color: #666666;
  border-radius: 0.5rem;
  text-align: center;
  padding: 2rem 0;
  width: 34.5rem;
  margin: 1.5rem auto 0;
  display: block;
}

.PopUp span.PopUp__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}

.PopUp span.PopUp__close::before,
.PopUp span.PopUp__close::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 100%;
  background-color: #666666;
  border-radius: 0.5rem;
  position: absolute;
  left: 30%;
}
.PopUp span.PopUp__close::before {
  transform: rotate(45deg);
}
.PopUp span.PopUp__close::after {
  transform: rotate(-45deg);
}

/*ヘッダー　タイトルエリア*/
.CartContets__head {
  position: relative;
}

.CartContets__head img {
  width: 100%;
}

/*共通*/

.CartContets__innerBox {
  margin: 0 3rem;
}

.CartContets__innerBox a {
  border-bottom: 0.2rem solid #000000;
  font-weight: bold;
}

.CartContets__secTitel {
  margin: 3rem 0 2.5rem;
  font-size: 2.5rem;
  font-weight: bold;
  background-image: -webkit-linear-gradient(bottom, #fcd03e 1.8rem, transparent 1.8rem);
  background-image: linear-gradient(to top, #fcd03e 1.8rem, transparent 1.8rem);
  position: relative;
}

.CartContets__secTitel span:not(.font--small) {
  color: #e50012;
  font-size: 2.6rem;
  font-weight: normal;
  padding-left: 1em;
}

.CartContets__secTitel .font--small {
  font-size: 3rem;
}

.CartContets__secTitel.error .error {
  color: #e50012;
  font-size: 2rem;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(110%);
  padding-left: 0;
  display: inline-block;
  line-height: 1;
}

.CartContets__secTitel .error {
  display: none;
}

/* 注文選択 */

.HowToOrder__list {
  color: #666666;
  font-size: 2.6rem;
}

.HowToOrder__list label {
  /* padding: 3rem; */
  /* border: 0.2rem solid #999999; */
  /* display: block; */
  /* cursor: pointer; */
}

.HowToOrder__list label p {
  margin-top: 3rem;
}

.HowToOrder__list > li:nth-child(n + 2) {
  margin-top: 2rem;
}

.HowToOrder__list label span {
  display: block;
}

.HowToOrder__list label span.HowToOrder__label {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 2;
  position: relative;
  padding-left: 5.8rem;
  color: #000000;
}

.HowToOrder__list .CircleCheck__label {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  color: #000000;
}

.HowToOrder__list label.active,
.HowToOrder__list label:hover {
  /* border-color: #000000; */
  /* background-color: rgba(243, 199, 62, 0.3); */
}

.HowToOrder__list .HowToOrder__list--small {
  font-size: 2.2rem;
  display: inline;
  color: #000000;
}

.HowToOrder__dexp {
  height: 0rem;
  overflow: hidden;
  transition-duration: 1s;
}

.HowToOrder__dexp p span {
  display: inline;
  font-weight: bold;
}

.HowToOrder__labelMore {
  font-size: 2.8rem;
  font-weight: bold;
  color: #666666;
  text-align: center;
  cursor: pointer;
  padding: 1rem 0 1.5rem;
}
.HowToOrder__labelMore::after {
  content: url("../img/down-icon.svg");
  margin-left: 1rem;
  display: inline-block;
  width: 2.5rem;
}

.HowToOrder__list li.open .HowToOrder__labelMore::after {
  transform: rotate(180deg);
}

.HowToOrder__template {
  text-align: center;
  color: #000000;
  line-height: 2;
}

.HowToOrder__template a {
  padding-bottom: 0.5rem;
  border-bottom: 0.2rem solid #000000;
  font-weight: bold;
}

.HowToOrder__template a::after {
  content: url(../img/arrow.svg);
  margin-left: 2.5rem;
  width: 1.8rem;
  display: inline-block;
  transform: rotate(-90deg);
  display: inline-block;
}

/* 注文の流れ */

.OrderFlow__list {
  font-size: 3.5rem;
}

.OrderFlow__list li {
  text-align: center;
  font-weight: bold;
}

.OrderFlow__list li:nth-child(n + 2)::before {
  content: url(../img/arrow.svg);
  width: 2.5rem;
  height: 3.5rem;
  display: block;
  margin: 2rem auto;
}

.OrderFlow__list .font--small {
  font-size: 2rem;
}

/* デザインを選択する */

.DesignBox__disc {
  font-size: 2.6rem;
  color: #000000;
  line-height: 2;
}

.DesignBox__disc--large {
  font-weight: bold;
}

.DesignBox__firstNav,
.DesignBox__secondNav {
  margin-top: 8.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  margin-bottom: 4rem;
}
.DesignBox__firstNav li {
  flex: 1 0 auto;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 2.5rem 0;
  border: 0.2rem solid #000000;
  border-right-width: 0;
}

.DesignBox__firstNav li:last-child {
  border-right: 0.2rem solid #000000;
}

.DesignBox__firstNav li.active,
.DesignBox__firstNav li:hover {
  background-color: #fcd03e;
  position: relative;
}
/*
.DesignBox__firstNav li:hover::after,
.DesignBox__firstNav li:hover::before,
.DesignBox__firstNav li.active::after,
.DesignBox__firstNav li.active::before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.DesignBox__firstNav li:hover::after,
.DesignBox__firstNav li.active::after {
  border-top: 1.5rem solid #fcd03e;
  border-right: 1rem solid transparent;
  border-bottom: 0rem solid #000;
  border-left: 1rem solid transparent;
  z-index: 2;
}

.DesignBox__firstNav li:hover::before,
.DesignBox__firstNav li.active::before {
  border-top: 1.8rem solid #000;
  border-right: 1.3rem solid transparent;
  border-bottom: 0rem solid #000;
  border-left: 1.3rem solid transparent;
  z-index: 1;
}*/

.DesignBox__secondNav {
  margin: 0;
}

.DesignBox__secondNav li {
  flex: 1 0 auto;
  border: 0.2rem solid #000;
  border-right-width: 0.1rem;
  border-left-width: 0.1rem;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  text-align: center;
  font-size: 3rem;
  padding: 2rem 0;
  border-bottom-width: 0;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  height: 9.2rem;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.DesignBox__secondNav li span {
  text-align: center;
  line-height: 1;
}

.DesignBox__secondNav li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.2rem;
  display: block;
  background-color: #000000;
}

.DesignBox__secondNav li:first-child {
  border-left-width: 0.2rem;
}

.DesignBox__secondNav li:last-child {
  border-right-width: 0.2rem;
}

.DesignBox__secondNav li.active {
  background-color: rgba(252, 208, 62, 0.1);
}

.DesignBox__secondNav li.active::after {
  content: none;
}

.DesignBox__contets,
.DesignBox__contets1 {
  display: none;
}

.DesignBox__contets.active,
.DesignBox__contets1.active {
  display: block;
}

.DesignBox__contets1 {
  background-color: rgba(252, 208, 62, 0.1);
  padding: 3.5rem 2.5rem;
}

.DesignBox__contets1::before {
content: "※画像クリックすると詳細がご覧いただけます\Aデザインは複数お選びいただけます";
white-space: pre;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-bottom: 3rem;
}

.DesignBox__contets1 h4 {
  font-size: 2.8rem;
  border-bottom: 0.4rem solid #000;
  padding-bottom: 1rem;
  font-weight: bold;
}

.DesignBox__contets1 * + h4 {
  margin-top: 5rem;
}

.DesignBox__contets1 li {
  position: relative;
  margin-top: 3rem;
  font-size: 2.6rem;
  min-height: 4.8rem;
  overflow: hidden;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.DesignBox__contets1 li > img {
  width: 100%;
  margin-right: -10%;
  flex: 1 1 auto;
  cursor: pointer;
}

.DesignBox__contets1 li label {
  display: block;
  padding-left: 6.8rem;
  position: relative;
  cursor: pointer;
  margin-right: 2rem;
  flex: 0 0 auto;
  width: 17rem;
}

.DesignBox__contets1 li label::before {
  content: "";
  width: 4.8rem;
  height: 4.8rem;
  border: 0.2rem solid #999999;
  background-color: #ffffff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.DesignBox__contets1 li label.check::before {
  border-color: #000;
  background-color: #fcd03e;
}
.DesignBox__contets1 li label.check::after {
  content: url(../img/check-icon.svg);
  width: 2.8rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(40%, -50%);
}

.DesignBox__contets1 li > img.DesignBox__zoom {
  width: 4rem;
  cursor: pointer;
  right: 0.5rem;
  top: 1rem;
  position: absolute;
  z-index: 10;
}

.DesignBox__footer {
  background-color: rgba(252, 208, 62, 0.1);
  padding: 4rem 0;
  text-align: center;
}

.DesignBox__footer button {
  background-color: #666666;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 2rem;
  display: inline-block;
  width: 35rem;
  cursor: pointer;
  border-radius: 0.5rem;
  font-size: 2.6rem;
}

/* 文字レイアウト */

.FontLayout label {
  display: block;
  padding: 3rem;
  border: 0.2rem solid #999999;
  cursor: pointer;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.FontLayout__img {
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.FontLayout__img > *:first-child {
  margin-right: 3rem;
  -webkit-box-flex: 1 1 40%;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

.FontLayout__img > *:last-child {
  -webkit-box-flex: 1 1 60%;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
}

.FontLayout__img > * img {
  width: 100%;
}

.FontLayout label.active,
.FontLayout label:hover {
  border-color: #000000;
  background-color: rgba(243, 199, 62, 0.3);
}

.FontLayout label:not(:last-of-type) {
  margin-bottom: 3rem;
}

.FontLayout .CircleCheck__label {
  font-size: 3.2rem;
  margin-right: 2.5rem;
}

.FontLayout .FontLayout__img .CircleCheck__label {
  font-size: 2.8rem;
  margin-right: 2.5rem;
  flex: 1 1 49%;
}

.FontLayout .FontLayout__img .CircleCheck__label + span {
  -webkit-box-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

/* 文字入力 */

.Fontinput {
  font-size: 2.8rem;
}

.Fontinput__disc {
  font-weight: bold;
  margin-bottom: 1rem;
}
.Fontinput__disc--slim {
  font-weight: normal;
}

.Fontinput_sample {
  padding: 2rem;
  background-color: #f4f4f4;
  font-size: 2.4rem;
  font-weight: bold;
}

.Fontinput_sample img {
  width: 100%;
}

.Fontinput__list {
  margin-top: 5rem;
  counter-reset: number;
}

.Fontinput__list li {
  padding-left: 6.5rem;
  position: relative;
}

.Fontinput__list li:not(:last-of-type) {
  margin-bottom: calc(3rem + 1em);
}

.Fontinput__list li::before {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  border: 0.2rem solid #000000;
  border-radius: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.Fontinput__list li label {
  display: block;
  font-size: 2.4rem;
  color: #e50012;
  text-align: right;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
}

.Fontinput__list li input[type="text"] {
  border: 0.2rem solid #cccccc;
  border-radius: 0.5rem;
  padding: 3rem 2rem;
  width: 100%;
  font-size: 3.2rem;
}

.Fontinput__list li input[type="text"]::placeholder {
  font-weight: bold;
  color: #cccccc;
}


.Fontinput__text {
  border: 0.2rem solid #cccccc;
  border-radius: 0.5rem;
  padding: 1rem 1rem;
  width: 100%;
  font-size: 2.2rem;
}

.Fontinput__text_half {
border: 0.2rem solid #cccccc;
    border-radius: 0.5rem;
    padding: 1rem 1rem;
    width: 30%;
    font-size: 2.2rem;

}

/* 本数・ナンバリング  */

.Quantity__disc {
  border: 0.1rem solid #000000;
  padding: 3.5rem;
  font-size: 2.6rem;
}

.Quantity__disc h4 {
  border-left: 0.7rem solid #fcd03e;
  padding-left: 1.5rem;
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 3.5rem;
}

.Quantity__disc p + * {
  margin-top: 5rem;
}

.Quantity__disc li {
  margin-bottom: 5rem;
}

.Quantity__list li {
  font-size: 2.4rem;
}

.Quantity__list li + li {
  border-top: #e2e2e2 0.2rem solid;
  margin-top: 4.5rem;
  padding-top: 4.5rem;
}

.Quantity__list li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  margin-bottom: 2rem;
}

.Quantity__thu {
  overflow: hidden;
  display: block;
  flex: 1 1 auto;
  margin-right: 3.5rem;
}

.Quantity__thu img {
  width: 64rem;
}

.Quantity__quantity {
  flex: 1 0 auto;
  text-align: right;
  font-size: 2.8rem;
  font-weight: bold;
}

.Quantity__list input[type="text"] {
  border: 0.2rem solid #cccccc;
  border-radius: 0.5rem;
  padding: 2rem 3rem;
  width: 100%;
  max-width: 23rem;
  margin-left: 2rem;
  font-weight: normal;
  font-size: 3.2rem;
}

.Quantity__Numattention {
  font-size: 2.8rem;
  font-weight: bold;
  margin: 4rem 0;
}

.Quantity__name {
  flex: 1 0 auto;
  font-weight: bold;
}

.Quantity__delete {
  text-decoration: underline;
  display: block;
  cursor: pointer;
}

.Quantity__number {
  text-align: right;
  display: block;
  font-size: 2.2rem;
}

.Quantity__number label {
  position: relative;
  padding-left: 5rem;
}

.Quantity__number input[type="text"] {
  padding: 1.5rem 3rem;
  border-width: 0.2rem;
  margin: 0;
  width: 28rem;
  max-width: 46.5rem;
  margin-left: 2rem;
  font-size: 3.2rem;
}

.Quantity__number label::before {
  content: "";
  border-radius: 0.5rem;
  height: 4rem;
  width: 4rem;
  border: 0.2rem solid #999999;
  display: inline-block;
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.Quantity__number.check label::before {
  border-color: #000000;
  background-color: rgba(243, 199, 62, 1);
}

.Quantity__number.check label::after {
  content: url(../img/check-icon.svg);
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
  width: 2rem;
}

/* 合計 */
.Total {
  border-top: 0.4rem #000000 solid;
  margin-top: 4rem;
  padding: 4rem 3rem;
  background-color: rgba(252, 208, 62, 0.1);
}

.Total__label {
  font-weight: bold;
}

.Total__quantity,
.Total__number,
.option .Total__option {
  font-size: 4rem;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Total__option {
  display: none;
}

.Total__fee {
  font-size: 4.6rem;
  color: #fc634e;
  text-align: right;
}

.Total__fee span {
  font-size: 2.6rem;
  font-weight: bold;
}

.Total__number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 4rem;
}

/* 注意事項 */
.attention {
  font-size: 2.6rem;
}

.attention p + p {
  margin-top: 6rem;
}

/* 使用予定日 */
.Scheduled {
  font-size: 2.8rem;
}

.Scheduled p {
  font-weight: bold;
}

.Scheduled__input {
  text-align: right;
  margin-top: 5.5rem;
}

.Scheduled__input input[type="text"] {
  border: 0.2rem solid #cccccc;
  border-radius: 0.5rem;
  padding: 2rem 3rem;
  width: 100%;
  max-width: 60rem;
  font-weight: bold;
  font-size: 3.2rem;
}

/* カートに入れる */

.submit {
  margin-top: 6rem;
}

.submit button {
  background-color: #fc634e;
  width: 100%;
  padding: 3.5rem 0;
  text-align: center;
  color: #ffffff;
  font-size: 3.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: bold;
}

.submit button::before {
  content: url(../img/cart.svg);
  width: 6rem;
  display: inline-block;
  transform: translateY(0.25em);
}

/*文字入力*/

.Textinput__input {
  border: 0.2rem solid #c7c7c7;
  border-radius: 0.5rem;
  width: 100%;
  margin: 3rem 1rem 0 1rem;
  text-align: center;
  font-size: 3.2rem;
  padding: 2rem 0;
}

.Textinput__input::placeholder {
  color: #838483;
  font-weight: bold;
}

.Textinput__exp {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 3rem 2rem;
}

.Textinput_label {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.Textinput_label span.CircleCheck__label {
  flex: 1 0 auto;
  margin-right: 3rem;
}

.Textinput_label span {
  flex: 1 1 60%;
}

.Textinput_label span img {
  width: 100%;
}

/*バンドのデザインについて*/
.BandDesign {
  font-size: 2.6rem;
  font-weight: bold;
}

.BandDesign h4 {
  margin-bottom: 3rem;
}

.BandDesign h4 + img {
  margin-bottom: 5rem;
  width: 100%;
}

.BandDesign h4 span {
  font-size: 1.8rem;
  font-weight: nomal;
  padding-left: 2rem;
}

.BandDesign .BandDesign__select {
  border: 0.2rem solid #666666;

  margin: 0rem 8rem;
  position: relative;
}

.BandDesign .BandDesign__select::before {
  content: "";
  position: absolute;
  right: 7.5rem;
  top: 0;
  bottom: 0;
  width: 0.15rem;
  background-color: #666666;
}

.BandDesign .BandDesign__select::after {
  content: "";
  width: 0;
  height: 0;
  border: transparent solid 1.6rem;
  border-top-color: #666666;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-25%);
  right: 2rem;
}

.BandDesign .BandDesign__select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 2.5rem 1rem 2.5rem 2.5rem;
  font-size: 3.2rem;
}

/*本数の入力*/
.QuantityInput__exp {
  font-weight: bold;
  font-size: 2.8rem;
  margin-bottom: 4rem;
}

.QuantityInput .Quantity__quantity {
  text-align: center;
}

@media screen and (max-width: 750px) {
  html {
    /*font-size: 31.25%;*/
    font-size: 9px;
  }


  #CartContets .menuBox .title {
    font-size: 4.95rem;
  }

  #CartContets .menuBox .link a {
    font-size: 3.6rem;
  }
  #CartContets .menuBox .linkUl li a {
    font-size: 2.8rem;
  }
  #CartContets .menuBox .textList li a {
    font-size: 3.15rem;
  }

  #CartContets__footer #gFooter .fNavi > li ul li a {
    font-size: 2.8rem;
  }

  #CartContets__footer #gFooter p {
    font-size: 2.6rem;
  }

  .Quantity__list li > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .Quantity__thu {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .Quantity__thu img {
    width: 100%;
  }
}




/*
************************************
Loaders.css  line-scale
************************************
The MIT License (MIT)

Copyright (c) 2016 Connor Atherton

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/