@charset "UTF-8";

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

ショップカード・診察券HOME

home_shopcard.css

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

/* 実績スライド */
.records_block li {
  float: left;
  margin: 0 0 16px;
  width: 226px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
}
.records_block li:not(:nth-child(3n)) {
  margin: 0 16px 16px 0;
}
.records_block li a {
  display: block;
  padding: 4px 10px;
}
.records_block li img {
  width: 100%;
}

/* ステップ */
.home_step_ttl .service_step_ico {
  border-top: 3px solid #fa8200;
}
.step1_ttl span {
  padding: 0 0 0 66px;
  background: url(../../../_common/pc/img/dtp_step1.png) no-repeat 0 50%;
}
.step2_ttl span {
  padding: 0 0 0 65px;
  background: url(../../../_common/pc/img/dtp_step2.png) no-repeat 0 50%;
}
.step3_ttl {
  color: #e9a407;
  font-size: 1.5rem;
  line-height: 1.2;
}
.step3_ttl span {
  padding: 0 0 0 62px;
  background: url(../../../_common/pc/img/dtp_step3.png) no-repeat 0 50%;
}
.step_box_btn .card_c_arw {
  padding: 0 18px 0 0;
  background: url(../../../_common/pc/img/card_c_arw.png) no-repeat 100% 50%;
}

/* プラン */
#shopcard .service_plan_box {
  width: 100%;
}
#shopcard .plan_box_ttl {
  height: 47px;
}
#shopcard .plan_box_main {
  padding: 0 3px;
}
.plan_box_item_wrap {
  padding: 0 0 0 50%;
  background: #fff url(../img/contents/shop_plan.jpg) no-repeat 70px 50%;
}
.plan_box_ttl {
  background: #fa8200;
}
.card_design_plan .plan_box_ttl .card_design_icon {
  padding: 0 0 0 35px;
  background: url(../img/contents/i_shop_plan.png) no-repeat 0 50%;
}

#shopcard .plan_box_item {
  border-left: 1px solid #ccc;
}
#shopcard .plan_box_item li {
  padding: 15px 0;
}
.nc_side_plan .plan_box_item {
  background: #fff url(../../../namecard/pc/img/contents/nc_side_plan.png) no-repeat 50% 22px;
}
.nc_both_plan .plan_box_item {
  background: #fff url(../../../namecard/pc/img/contents/nc_both_plan.png) no-repeat 50% 22px;
}
.service_plan_link li .shop_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/card_c_arw.png) no-repeat 100% 50%;
}

/* カードサイズ */
.card_size {
  margin: 0 0 40px;
}
.card_type {
  margin: 0 0 20px;
}
.card_type .card_std_ttl {
  margin: 0 0 10px;
}
.card_type_size {
  float: left;
  width: 395px;
  height: 90px;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.card_type_size th,
.card_type_size td {
  padding: 10px 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.card_type_size th {
  padding: 20px;
  width: 80px;
  background: #f8f8f8;
}
.card_type_size td li {
  float: left;
  width: 40%;
  padding: 4px 0 4px 10px;
  background: url(../img/contents/card_square.gif) no-repeat 0 50%;
}
.card_type_block .card_type_pic {
  float: right;
  width: 297px;
}
.card_size_btn {
  text-align: right;
}
.card_size_btn .card_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/card_c_arw.png) no-repeat 100% 50%;
}