@charset "UTF-8";

/*============================================

お見積もりフォーム

estimate.css

============================================*/
.estimate .sub_heading {
  font-size: 1.1rem;
}
.main_form {
  margin: 0 0 30px;
}
.estimate_ttl span {
  display: inline-block;
  padding: 2px 0 2px 24px;
  font-size: 1.4rem;
}

.estimate .main_table th {
  width: 170px;
}
.short_table {
  margin: 0 0 10px;
}
.form_print_btn input {
  position: relative;
  font-size: 1.8rem;
  padding: 10px 60px;
  background: #5fba3b;
}
.delivery_fee {
  padding: 0 0 0 1rem;
  color: #e03f65;
  font-weight: bold;
}

/* 基本選択
------------------------------------------- */
.design_block {
  margin: 0 0 15px;
}
.design_box {
  float: left;
  text-align: center;
}
.design_box_ttl {
  padding: .8rem 0;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 3px 3px 0px 0px;
}
.design_box_main {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0px 0px 3px 3px;
}
.design_box_img img {
  margin: 15px 0;
  width: 100%;
}
.design_detail {
  padding: 8px 0;
}
.design_detail:nth-child(odd) {
  background: #f8f8f8;
}
.design_detail dl {
  overflow: hidden;
  clear: both;
  height: 1%;
}
.design_detail dt {
  float: left;
  clear: left;
  padding: 0 20px 0 25px;
  width: 80px;
  font-weight: bold;
}
.design_detail dd {
  float: left;
  width: 105px;
}
.promo {
  font-size: 1.4rem;
  color: #e4597a;
  font-weight: bold;
}
.design_select_btn {
  padding: 12px 20px;
}
.design_select_btn input[type=radio] {
  display: none;
}
.design_type_btn {
  display: block;
  padding: 5px 0;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: #999;
  border-radius: 3px;
}
.design_type_btn.omakase:hover {
  background-color: #aaa;
}
.design_select_btn input[type=radio]:checked + .design_type_btn {
  background-color: #f84747;
}

/* 台紙選択
------------------------------------------- */
optgroup {
  font-style: normal;
}
.nc_paper_type {
  width: 205px;
}
.nc_paper_number {
  width: 185px;
}
.form_add {
  margin: 0 0 10px;
}
.cross {
  padding: 0 .5rem;
}
#add_area {
  margin: 0 0 15px;
}
#add {
  padding: .7rem 0;
  color: #fff;
  text-align: center;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 3px;
  background: #83b0b6;
}
#add:hover {
  background: #90bac0;
}
#add span {
  padding: 0 0 0 26px;
  background: url(../img/i_plus.png) no-repeat 0 50%;
}
.delete_form {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url(../img/i_delete.png) no-repeat;
}
.add_btn {
  padding: 0 0 15px;
  margin: 0 0 10px;
  border-bottom: 4px double #ddd;
}
.total_area {
  text-align: right;
  line-height: 1.4;
}
.total_area_atc {
  color: #ff6f64;
}
.total_area_number {
  font-weight: bold;
}
.total_area_number span {
  padding: 0 5px 0 10px;
  font-size: 2rem;
}
.d_option_select .check_label {
  width: 478px;
}
.d_option_select .check_label::before {
  width: 480px;
}
.est_error {
  color: #ff2c1c;
}
.estimate_total {
  font-weight: bold;
  font-size: 1.8rem;
}
.d_option_select li {
  float: none;
  width: 140px;
}
.design_atc {
  font-size: 1.2rem;
}
.estimate .radio_btn label {
  padding: 10px 20px;
}
.estimate .radio_btn input[type="radio"]:checked + .switch {
  padding: 10px 10px 10px 30px;
}
.wide_radio_btn label {
  margin-bottom: 12px;
  width: 428px;
}

/* 名刺デザイン */
#namecard .design_box {
  margin-right: 14px;
  width: 232px;
}
#namecard .design_box:last-child {
  margin: 0;
}
#namecard .design_box_ttl {
  background: #03a9f4;
}
#namecard .design_box_img {
  padding: 0 55px;
}
#namecard.estimate .design_detail dt span {
  padding: 0 0 0 15px;
  background: url(../../../namecard/pc/img/common/nc_circle.png) no-repeat 0 50% ;
}

/* 封筒デザイン */
.en_type {
  margin: 0 0 10px;
}
.en_type_ttl {
  margin: 0 0 5px;
  font-size: 1.4rem;
}
.en_type .check_select li {
  width: 108px;
}
.en_type .check_select li:not(:nth-child(4n)) {
  margin-right: 14px;
}
.en_type_select {
  font-size: 1.1rem;
}
.en_type .check_label {
  width: 106px;
  background-color: #f6f7f8;
  background-repeat: no-repeat;
  background-position: 50% 36px;
  background-size: 80px auto;
}
.en_type .check_label::before {
  width: 108px;
}

/* 長3 */
.n3_type .check_label {
  height: 94px;
}
.n3_type .check_label::before {
  height: 96px;
}
.n3_part_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/n3_part_wn.png);
}
.n3_part_w .check_label {
  background-image: url(../../../envelope/pc/img/print/n3_part_w.png);
}
.n3_all_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/n3_all_wn.png);
}
.n3_all_w .check_label {
  background-image: url(../../../envelope/pc/img/print/n3_all_w.png);
}

/* 洋長3 */
.y3_type .check_label {
  height: 102px;
}
.y3_type .check_label::before {
  height: 104px;
}
.y3_part_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/y3_part_wn.png);
}
.y3_part_w .check_label {
  background-image: url(../../../envelope/pc/img/print/y3_part_w.png);
}
.y3_all_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/y3_all_wn.png);
}
.y3_all_w .check_label {
  background-image: url(../../../envelope/pc/img/print/y3_all_w.png);
}

/* 角2 */
.k2_type .check_label {
  height: 168px;
}
.k2_type .check_label::before {
  height: 170px;
}
.k2_part_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/k2_part_wn.png);
}
.k2_part_w .check_label {
  background-image: url(../../../envelope/pc/img/print/k2_part_w.png);
}
.k2_all_wn .check_label {
  background-image: url(../../../envelope/pc/img/print/k2_all_wn.png);
}
.k2_all_w .check_label {
  background-image: url(../../../envelope/pc/img/print/k2_all_w.png);
}
.k2_part_w .check_label {
  background-color: #fff;
}
.k2_part_w .check_label::before {
  border: none;
}
.en_type_h {
  font-weight: bold;
}
.en_number:not(:last-child) {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px  solid #ddd;
}

/* ショップカード・診察券デザイン */
#shopcard .design_box {
  margin-right: 13px;
  width: 150px;
}
#shopcard .design_box:last-child {
  margin: 0;
}
#shopcard .design_box_ttl {
  background: #fa8200;
}
#shopcard .design_box_img {
  height: 72px;
  margin: 0 0 20px;
  padding: 0 25px;
}

/* ウェブサイト */
#web .design_box {
  margin-right: 18px;
  width: 230px;
}
#web .design_box:last-child {
  margin: 0;
}
#web .design_box_ttl {
  background: #fa3296;
}
#web .design_box_img {
  height: 120px;
  margin: 0 0 20px;
  padding: 0 28px;
}
#web .design_detail {
  padding: 5px 0;
}
.kodawari_inquiry a {
  display: block;
  padding: 8px 0;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  background-color: #3bb2c6;
}
.kd_em {
  color: #e4597a;
  font-weight: bold;
}

/* パンフレットデザイン */
#pamphlet .design_box {
  margin-right: 13px;
  width: 150px;
}
#pamphlet .design_box:last-child {
  margin: 0;
}
#pamphlet .design_box_ttl {
  background: #fa463c;
}
#pamphlet .design_box_img {
  height: 100px;
  margin: 0 0 20px;
  padding: 0 48px;
}
#pamphlet .design_detail {
  padding: 5px 0;
}

/* ポケットホルダーデザイン */
#folder .design_box {
  margin-right: 14px;
  width: 232px;
}
#folder .design_box:last-child {
  margin: 0;
}
#folder .design_box_ttl {
  background: #a064fa;
}
#folder .poket_box_ttl {
  padding: 10px 0 0;
  background: none;
  border-radius: 3px 3px 0px 0px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#folder .design_box_img {
  height: 90px;
  margin: 0 0 20px;
  padding: 0 15px;
}
#folder .design_detail {
  padding: 5px 0;
}
#folder.estimate .design_detail dt span {
  padding: 0 0 0 15px;
  background: url(../../../folder/pc/img/common/folder_circle.png) no-repeat 0 50% ;
}
#folder .poket_box_img {
  height: 100px;
  margin: 0 0 20px;
  padding: 0 40px;
}
#folder .poket_box_img img {
  margin: 15px 0;
  width: 100%;
}
.folder_poket_btn {
  display: block;
  padding: 5px 0;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  background-color: #999;
  border-radius: 3px;
}
.folder_poket_btn:hover {
  background-color: #aaa;
}
.design_select_btn input[type=radio]:checked + .folder_poket_btn {
  background-color: #f84747;
}

/* モーションロゴ */
#motion .design_box {
  margin-right: 14px;
  width: 232px;
}
#motion .design_box:last-child {
  margin: 0;
}
#motion .design_box_ttl {
  background: #6bbf2e;
}
#motion.estimate .design_detail {
  padding: 8px 10px;
  text-align: left;
}
#motion.estimate .design_detail .detail_price {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
#motion.estimate .design_detail .detail_price .num {
  font-size: 3rem;
}
#motion.estimate .design_detail dt {
  padding: 0;
  width: 7em;
}
#motion.estimate .design_detail dd {
  font-size: 93%;
}
#motion.estimate .design_detail dd .origin {
  color: #e4597a;
  font-weight: bold;
}
#motion.estimate .design_detail dt span {
  padding: 0 0 0 15px;
  background: url(../../../motion/pc/img/common/motion_circle.png) no-repeat 0 50% ;
}
.option_heading {
  margin-bottom: 10px;
}
.option_heading .price {
  font-size: 1.5rem;
  font-weight: bold;
}
.size_selectton {
  display: none;
  margin-top: 20px;
}
.size_selectton .check_select li:not(:nth-child(4n)) {
  margin-right: 0;
}
.size_selectton .check_select li:not(:nth-child(3n)) {
  margin-right: 10px;
}
.add_size_etc {
  margin-top: 10px;
}
.add_size_num {
  margin: 0 .6em;
  width: 80px;
}

.option_hero {
  display: none;
}
.option_hero.view {
  display: block;
}
.option_row {
  margin-bottom: 10px;
}
.option_col {
  display: inline-block;
}
.option_col:nth-child(n + 3) {
  margin-top: 6px;
}
.size_selectton.view {
  display: block;
}

.add_size_etc {
  display: none;
}
.add_size_etc.view {
  display: block;
}