@charset "UTF-8";
/********************************************************
  https://cloudpack.jp/service/option/fileserver.html ページ用の.scssファイルです。
  1. import           -> モジュール的なCSSの読み込み
  2. settings         -> この.scss内で定義する変数やミックスイン
  3. contents (pc/sp) -> PC/SPで共通で適用させるスタイル
  4. contents (sp)    -> SPのみで適用させるスタイル
  *********************************************************/
/****************************
  import
*****************************/
/****************************
  settings
*****************************/
/****************************
  contents (pc/sp)
*****************************/
#main article#clp-WafCharm .wafcharm_price_table.serTable {
  overflow-x: auto;
}
#main article#clp-WafCharm .wafcharm_price_table table {
  border: 0;
  width: 100%;
  border-collapse: collapse;
}
#main article#clp-WafCharm .wafcharm_price_table table tr th, #main article#clp-WafCharm .wafcharm_price_table table tr td {
  border: 0;
  color: #333;
}
#main article#clp-WafCharm .wafcharm_price_table table tr th {
  background: #fa785a;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  border-right: #fff 2px solid;
}
#main article#clp-WafCharm .wafcharm_price_table table tr th:last-child {
  border-right: 0;
}
#main article#clp-WafCharm .wafcharm_price_table table tr td {
  border-top: #fdbeaf 1px solid;
  border-bottom: #fdbeaf 1px solid;
  border-right: #fa785a 2px solid;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
#main article#clp-WafCharm .wafcharm_price_table table tr td span.large {
  font-size: 20px;
  font-weight: bold;
}
#main article#clp-WafCharm .wafcharm_price_table table tr td span.small {
  font-size: 12px;
}
#main article#clp-WafCharm .wafcharm_price_table table tr td:nth-child(1) {
  background: #ffd3c7;
}
#main article#clp-WafCharm .wafcharm_price_table table tr td:last-child {
  border-right: 0;
}
#main article#clp-WafCharm .wafcharm_price_table table tr.focus_bg td:nth-child(1) {
  background: #ffd3c7;
}
#main article#clp-WafCharm .wafcharm_price_table table tr.focus_bg td:nth-child(n + 2) {
  background: rgba(255, 211, 199, 0.3);
}
#main article#clp-WafCharm .wafcharm_price_table table tr.focus_border td {
  border-top: #fa785a 2px solid;
  border-bottom: #fa785a 2px solid;
}
#main article#clp-WafCharm .serviceNote {
  margin-top: 30px;
  border: #fdbeaf 1px solid;
  padding: 20px;
  box-sizing: border-box;
}
#main article#clp-WafCharm .serviceNote h4 {
  color: #333;
  font-weight: bold;
}
#main article#clp-WafCharm .serviceNote ul {
  margin-top: .25em;
  padding-left: 1.4em;
  list-style-type: disc;
}
#main article#clp-WafCharm .serviceNote ul li {
  color: #333;
  margin-top: .25em;
}
#main article#clp-WafCharm .serviceNote ul li:last-child {
  margin-bottom: 0;
}

/****************************
  contents (sp)
*****************************/
@media (max-width: 600px) {
  #container #main article#clp-WafCharm .wafcharm_price_table.serTable {
    overflow-x: scroll;
  }
  #container #main article#clp-WafCharm .wafcharm_price_table table {
    width: 800px;
  }
  #container #main article#clp-WafCharm .serviceNote {
    margin-top: 25px;
    padding: 15px;
  }
}

/*# sourceMappingURL=wafcharm.css.map */