@charset "UTF-8";

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

1ウェブサイトHOME

common_web.css

============================================*/
.plan_ico {
  display: inline-block;
  padding-left: 2.2em;
  line-height: 24px;
}
.omakase_icon {
  background:url(../img/common/i_omakase.png) no-repeat 0 50%;
}
.kodawari_icon {
  background:url(../img/common/i_kodawari.png) no-repeat 0 50%;
}
.domain_bnr {
  margin-bottom: 40px;
}

/* 印刷料金 */
.completion {
  margin: 0 0 40px;
}
.completion_list {
  margin: 0 0 20px;
}
.completion_box {
  float: left;
  padding: 4px;
  margin: 0;
  width: 216px;
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background: #fff;
}
.completion_box:not(:last-child) {
  margin: 0 16px 0 0;
}
.completion_inner {
  padding: 0 20px 150px;
  background: #fffbf3;
}
.completion_name {
  display: inline-block;
  padding: 12px 0;
  margin: -5px 0 0;
  color: #fa463c;
  width: 100%;
  font-size: 1.7rem;
  line-height: 1;
  border-top: 4px solid #fa463c;
  border-bottom: 1px dashed #a6a39e;
}
.page4_print .completion_inner {
  background: #fffbf3 url(../img/contents/4p_print.png) no-repeat 50% 90px;
}
.page8_print .completion_inner {
  background: #fffbf3 url(../img/contents/8p_print.png) no-repeat 50% 90px;
}
.page16_print .completion_inner {
  background: #fffbf3 url(../img/contents/16p_print.png) no-repeat 50% 90px;
}
.completion_btn {
  text-align: right;
}
.completion_btn .pam_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/pam_c_arw.png) no-repeat 100% 50%;
}

.srv_lede {
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 1.6rem;
}
.web_srv {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.web_srv .detail ul {
  margin-bottom: 8px;
  width: 340px;
  display: flex;
  flex-wrap: wrap;
}
.web_srv .detail li {
  display: flex;
  padding: 6px 0;
  color: #fa3296;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin-bottom: 8px;
  width: 166px;
  font-size: 1.2rem;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 3px;
  border: 2px solid #fa3296;
}
.web_srv .detail li.full_width{
  width:100%;
  background-color:#fa3296;
  color:#fff;
}
.web_srv .detail li:nth-child(even) {
  margin-right: 8px;
}
.web_srv .thumb {
  width: 350px;
}
.web_srv .thumb img {
  width: 100%;
  height: auto;
}
.web_srv .msg {
  font-size: 1.6rem;
}
.srv_thumb_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.srv_thumb_list li {
  width: 48%;
}
.srv_thumb_list li:not(:last-child) {
  margin-right: 4%;
}
.srv_thumb_list li img {
  width: 100%;
  height: auto;
}
.web_srv .control {
  text-align: center;
  width: 320px;
}
.web_srv .control .msg {
  margin-bottom: 10px;
}
.web_srv .control .order_btn {
  font-size: 1.6rem;
}

.estimate-plan .desc .em {
  display: block;
  font-size: 2rem;
  font-weight: bold;
}
.estimate-plan .order_btn {
  text-align: center;
  font-size: 2rem;
}