@charset "UTF-8";
/* --------------------------------
	Common style:phone;
    ※追加分のみ上書き。基本cssはstyle.cssに記載
-------------------------------- */
/* --------------------------------
	共通parts
-------------------------------- */
h2.t-print::before {
  content: url("../img/original/print_pink.png");
  height: 25px;
  padding: 10px 8px 0 0;
  vertical-align: middle;
  width: 15px;
}
h2.t-cut::before {
  content: url("../img/original/cut_pink.png");
  height: 25px;
  padding: 10px 8px 0 0;
  vertical-align: middle;
  width: 15px;
}
h2.t-tie::before {
  content: url("../img/original/tie_pink.png");
  height: 25px;
  padding: 10px 8px 0 0;
  vertical-align: middle;
  width: 15px;
}
.ec-cartRole__progress .is-complete .ec-progress__label {
  color: #34BABE !important;
}
.ec-cartRole__progress .ec-progress__item .ec-progress__label {
  color: #525263 !important;
}
.ec-progress .is-complete .ec-progress__number {
  background: #34BABE !important;
}
.ec-progress .is-complete .ec-progress__label {
  color: #34BABE !important;
}
.dl_table dt {
  background: #e1f4f5 !important;
}
#cart_box__flow_state li {
  font-size: 1.1rem;
}
#cart_box__flow_state .active {
  color: #34BABE;
}
#cart_box__flow_state .active span {
  background: #34BABE;
}
.ec-select select {
  width: 100%;
}
.ec-input input {
  display: inline;
}
.ec-input select {
  display: inline-block;
  background-color: #f8f8f8;
}
input, select, textarea {
  margin-bottom: 5px;
}
/*-----------------------------------
estimate
-------------------------------------*/
/*カラー*/
input#estimate_number_size {
  width: 200px !important;
}
input#estimate_hope_amount_maki,
input#estimate_hope_amount_m {
  width: 100px;
  margin-right: 10px;
}
/*cm*/
input#estimate_hope_length_a_1,
input#estimate_hope_length_a_2,
input#estimate_hope_length_a_3 {
  width: 90px;
  margin-right: 10px;
}
/*selectカラー*/
select#estimate_hope_color_1,
select#estimate_hope_color_2,
select#estimate_hope_color_3 {
  width: 200px;
  margin-right: 10px;
}
/*本数*/
input#estimate_hope_amount_1,
input#estimate_hope_amount_2,
input#estimate_hope_amount_3,
input#estimate_hope_amount {
  width: 80px;
  margin-right: 10px;
}
.checkbox {
  float: none !important;
}
/*textarea:備考*/
#estimate_note {
  height: 100px;
}
#estimate_customer_address_pref, .checkbox {
  float: left;
  margin: 0 10px 14px 0;
}
.print-data {
  margin: 2rem auto;
  padding: 15px;
  border: 1px solid #777;
  text-align: center;
}
input#estimate_customer_island_flg {
  width: 15px;
}
p.topline {
  margin: 15px auto 10px;
  padding: 10px 0 0;
  border-top: 1px dotted #ccc;
}
.link-question {
  margin-top: 1rem;
  text-align: left;
}
.printsample {
  overflow: hidden;
  zoom: 1;
}
.printsample p.samplefig {
  float: left;
  width: 100px;
  margin-right: 10px;
}
.thanks-no dl {
  margin: 0 auto 2rem;
  width: 90% !important;
  padding: 0;
  border: 3px solid #de5d50;
  font-size: 16px;
  font-size: 1.6rem;
}
.thanks-no dt {
  padding: 4px 10px;
  background: #de5d50;
  color: #fff;
}
.thanks-no dd {
  padding: 4px 10px;
  color: #de5d50;
  font-weight: bold;
}
#cut dd {
  position: relative;
}
#cut dd .cut-fig {
  margin: 0 auto;
  position: static;
  width: 90%;
  text-align: center;
  font-size: 15px;
}
#cut dd .cut-fig img {
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 10px;
}
a#btn-moji {
  color: #f5568b;
}
a#btn-moji img {
  border: 1px solid #ccc;
}
/*=============================================================================

    Media Query:PC

=============================================================================*/
.thanks-no dl {
  width: 60%;
}
@media only screen and (min-width: 768px) {
  #cut dd .cut-fig {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 230px;
    text-align: center;
    font-size: 12px;
  }

  #cut dd .cut-fig img {
    border: 1px solid #ccc;
    width: 100%;
  }

  input#estimate_hope_amount_maki,
input#estimate_hope_amount_m {
    width: 80px;
    margin-right: 10px;
  }

  .maki {
    width: 20%;
  }
}
/*# sourceMappingURL=estimate.css.map */