/* 印刷の種類について
----------------------------------------- */

/* アピールボックス */
#contents .appeal {
  background: #D1E8FF;
  background: -webkit-linear-gradient(left top, #fbf929, #fcb934);
  background: linear-gradient(to bottom right, #fbf929, #fcb934);
  border: 3px solid #eba41a;
  padding: 12px 15px 5px;
}

#contents #syurui-ondemand .appeal {
  background: #36ce69;
  background: -webkit-linear-gradient(left top, #fff, #36ce69);
  background: linear-gradient(to bottom right, #fff, #36ce69);
  border: 3px solid #0c9439;
}

#contents .appeal > p:first-child {
  line-height: 1.4em;
  margin-bottom: 10px;
}

#contents .appeal .c42 li {
  background: #fff;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 3px 5px;
}

@media (min-width: 730px) {
  #contents .appeal > p:first-child,
  #contents .appeal .c42 li {
    text-align: center;
  }
  #contents .appeal > p:first-child {
    font-size: 2.8rem;
  }
} /* EO min730 */

@media (max-width: 729px) {
  #contents .appeal > p:first-child {
    font-weight: bold;
  }
} /* EO max729 */


/* フローチャート */
#contents .chart li {
  background: #bdd7ff;
  border-radius: 6px;
  display: table-cell;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
#contents .chart li:before {
  border: 10px solid transparent;
  border-left: 9px solid #e0e0e0;
  box-sizing: border-box;
  height: 20px;
  left: 1px;
  width: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-left: -12px;
  content: "";
  vertical-align: middle;
}
#contents .chart li:first-child:before {
  border: 0;
}
#contents #syurui-ondemand .c42.chart li {
  margin-left: 2.5%;
  width: 23%;
}
#contents #syurui-ondemand .c42.chart li:first-child {
  margin-left: 0;
}
#contents #syurui-ondemand .chart li {
  background: #ffd6d6;
  color: #0089b1;
}
#contents #syurui-ondemand .chart li.hosoku {
  background: #eefbf9;
  border: 1px dashed;
  color: #3cbce1;
}
@media (min-width: 730px) {
  #contents .chart li {
    margin-bottom: 0;
  }
} /* EO min730 */


/* データの入稿方法について
----------------------------------------- */
#contents .soufusaki {
  background: #fff7d6;
  border-bottom: 3px solid #ede5c4;
  border-right: 3px solid #ede5c4;
  display: block;
  margin-bottom: 1em;
  padding: 15px;
  text-decoration: none;
}
#contents .soufusaki p {
  margin-bottom: 0;
}
#contents .soufusaki .email {
  display: inline-block;
  font-size: 0;
}
#contents .soufusaki .email:before {
  content: "info";
  font-size: 3rem;
}
#contents .soufusaki .email:after {
  content: "@es-print.jp";
  font-size: 3rem;
}
#contents #nyuko .btn {
  background: none;
  border-color: #4777d0;
  color: #4777d0;
  display: inline-block;
  width: auto;
}
@media (min-width: 730px) {
  #contents .soufusaki {
    font-size: 1.8rem;
  }
  #contents .soufusaki .img-l + p {
    font-size: 2.4rem;
  }
  #contents .soufusaki .img-l {
    width: 13.93%
  }
} /* EO min730 */
@media (max-width: 729px) {
  #contents .soufusaki .img-l {
    display: none;
  }
  #contents .soufusaki .email:before,
  #contents .soufusaki .email:after {
    font-size: 2rem;
  }
} /* EO max729 */

/* OS・ソフト */
ul.yoko-li {
  list-style:none;
}
ul.yoko-li li.apple {
  background-image:url(/img/data/apple.png);
}
ul.yoko-li li.windows {
  background-image:url(/img/data/windows.png);
}
ul.yoko-li li.autocad{
  background-image:url(/img/data/autocad.png);
}
ul.yoko-li li.jwcad{
  background-image:url(/img/data/jwcad.png);
}
ul.yoko-li li.illustrator{
  background-image:url(/img/data/illustrator.png);
}
ul.yoko-li li.photoshop{
  background-image:url(/img/data/photoshop.png);
}
ul.yoko-li li.indesign{
  background-image:url(/img/data/indesign.png);
}
ul.yoko-li li.pdf{
  background-image:url(/img/data/pdf.png);
}
ul.yoko-li li.word{
  background-image:url(/img/data/word.png);
}
ul.yoko-li li.excel{
  background-image:url(/img/data/excel.png);
}
ul.yoko-li li.powerpoint{
  background-image:url(/img/data/powerpoint.png);
}
ul.yoko-li li {
  background-position:left center;
  background-repeat:no-repeat;
  float:left;
  font-weight:bold;
  line-height:2.5em;
  margin-right:15px;
  padding-left:30px;
}


/* お支払い方法
----------------------------------------- */
@media (min-width: 730px) {
  #contents #noki-shiharai .block-table th,
  #contents #noki-shiharai .block-table td {
    text-align: center;
    width: 50%;
  }
} /* EO min730 */