@charset "UTF-8";

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

作成料金 共通

price.css

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

/* プラン
------------------------------------------- */
.plan_mold {
  margin-bottom: 2.6rem;
}
.plan_mold_ttl {
  position: relative;
  display: inline-block;
  padding: 5px 50px 0 22px;
  line-height: 40px;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 3px 0 0 0;
}
.plan_mold_ttl:before {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 0 30px 48px 0;
  content: " ";
  height: 0;
  right: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.plan_mold_main {
  position: relative;
  padding: 30px;
  border-radius: 0 3px 3px 3px;
}
.ld_sentence p:not(:last-child) {
  margin-bottom: 10px;
}
.plan_mold_main_block {
  margin: 0 0 15px;
}
.plan_mold_desc {
  float: left;
  width: 380px;
}
.plan_mold_desc .sentence p,
.pm_desc_wide p {
  margin: 0 0 8px;
}
.set_desc_dent {
  color: #f84747;
  font-size: 1.7rem;
  font-weight: bold;
}
.plan_mold_pic {
  margin: 0 0 20px;
  text-align: center;
}
.plan_mold_detail {
  float: right;
  padding: 5px 0 0;
  width: 234px;
}
.plan_mold_detail dl {
  overflow: hidden;
  clear: both;
  margin: 0 0 10px;
  height: 1%;
}
.plan_mold_detail dt {
  float: left;
  clear: left;
  padding: .3rem 0;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  width: 90px;
}
.plan_mold_detail dd {
  float: left;
  padding: 0 0 0 10px;
  font-size: 1.8rem;
  width: 134px;
}
.plan_mold_detail .asterisk {
  font-size: 1.2rem;
  padding: 0 0 0 4px;
  vertical-align: top;
}
.pm_sell {
  padding: 5px 0;
  margin: 0 0 8px;
  color: #e86e56;
  font-size: 1.5rem;
  text-align: center;
  border: 2px solid #e86e56;
}
.pm_price {
  padding: 5px 0 10px;
  line-height: 1;
  font-size: 2.2rem;
  text-align: center;
}
.pm_price .mont {
  font-size: 4.4rem;
}
.pm_order_btn a {
  padding: 12px 0;
  text-align: center;
}
.price_badge {
  position: absolute;
  right: 10px;
  top: -60px;
}

/* 注意
------------------------------------------- */
.price_notes {
  padding: 15px 20px;
  margin: 0 0 40px;
  border: 1px solid #ff6f64;
  background: #f5f5f5;
}
.price_notes_box:not(:last-child) {
  margin: 0 0 15px;
}
.price_notes_ttl {
  padding: 0 0 0 26px;
  margin: 0 0 10px;
  font-size: 1.4rem;
  background: url(../img/i_attention.png) no-repeat 0 50%;
}

.logo_guide_bnr {
  margin: 0 0 40px;
}

/* オプション
------------------------------------------- */
.price_option {
  margin: 0 0 50px;
}
.price_option .act_ttl {
  margin: 0 0 10px;
}
.option_basic {
  margin: 0 0 15px;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.option_basic th,
.option_basic td {
  padding: 20px 18px;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.option_basic th {
  width: 174px;
  background: #f6f6f6;
}
.option_basic .opt_svc_icon {
  display: inline-block;
  padding: 35px 0 0;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.option_basic .speed { background-image: url(../img/price/i_speed.png);}
.option_basic .add_design { background-image: url(../img/price/i_add_design.png);}
.option_basic .add_delivery { background-image: url(../img/price/i_add_delivery.png);}
.option_basic .add_file { background-image: url(../img/price/i_add_file.png);}
.option_basic .nc_first { background-image: url(../img/price/i_nc_first.png);}
.option_basic .map { background-image: url(../img/price/i_pin.png);}
.option_basic .camera { background-image: url(../img/price/i_camera.png);}
.option_basic .picture { background-image: url(../img/price/i_picture.png);}
.option_basic .bgm { background-image: url(../img/price/i_note.png);}
.option_basic .usb { background-image: url(../img/price/i_usb.png);}
.option_basic .form { background-image: url(../img/price/i_form.png);}
.option_basic .timeline { background-image: url(../img/price/i_timeline.png);}
.option_basic .sp { background-image: url(../img/price/i_sp.png);}

.option_basic .original { background-image: url(../img/price/i_original.png);}
.option_basic .share { background-image: url(../img/price/i_share.png);}
.option_basic .wordpress { background-image: url(../img/price/i_wordpress.png);}
.option_basic .ecommerce { background-image: url(../img/price/i_ecommerce.png);}
.option_basic .seo { background-image: url(../img/price/i_seo.png);}
.option_basic .analytics { background-image: url(../img/price/i_analytics.png);}

.option_basic th .txt_sub {
  font-weight: normal;
}
.option_basic .option_desc {
  text-align: left;
}
.option_basic .option_desc span {
  font-size: 1.1rem;
  line-height: 1.2;
}
.option_basic .option_price {
  width: 76px;
}
.option_list li {
  padding: 0 0 0 1rem;
  margin: 0 0 5px;
  background: url(../img/price/dotted.gif) no-repeat 0 .8rem;
}
.txt_notice {
  color: #e4597a;
}

/* 配送料
------------------------------------------- */
.delivery_price {
  margin: 40px 0 30px;
}
.delivery_price .truck_ico {
  padding: 2px 0 2px 34px;
}
.delivery_block {
  display: table;
  width: 100%;
}
.delivery_block .map {
  display: table-cell;
  width: 20%;
}
.delivery_block .desc {
  display: table-cell;
  width: 80%;
  vertical-align: middle;
}
.delivery_block .desc .even p {
  display: inline-block;
  vertical-align: middle;
}
.delivery_block .desc .even_txt {
  display: block;
  line-height: 1.2;
  font-size: 2rem;
  letter-spacing: 2px;
}
.delivery_block .desc .except {
  font-size: 1.1rem;
}

.delivery_block .desc .price { padding-left: .6em;}

.delivery_block .desc .num { font-size: 4rem;}
.delivery_block .desc .unit { font-size: 2rem;}
.delivery_block .desc .tax { font-size: 1.2rem;}

.delivery_block .asterisk {
  font-size: 1.2rem;
}
.delivery_block .asterisk li::before {
  padding-right: .2em;
  content: "※";
}
.delivery_block .asterisk li:not(:last-child) {
  margin-bottom: .2em;
}