@charset "utf-8";
#scl-data-app h2 .st-hikaku-name {
  font-size: 14px;
  font-weight: normal;
  background: none !important;
  height: 20px !important;
  line-height: 20px !important;
  display: block;
}
#scl-data-app #scl-data-info p {
  font-size: 14px;
}
#scl-data-app #scl-data-info ul li {
  font-size: 12px;
  color: #999;
}
#scl-data-app #scl-data-info ul.heigan-nav {
  padding: 0;
  margin: 0 0 10px 1.3em;
  list-style: disc;
}
#scl-data-app #scl-data-info ul.heigan-nav li {
  color: #333;
}
#scl-data-app #scl-data-info ul.heigan-nav li a {
  padding: 7px 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
#scl-data-app .data-app-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: 20px 0;
}
#scl-data-app .data-app-tbl tr:first-child th.data-check form {
  position: relative;
}
#scl-data-app .data-app-tbl tr:first-child th.data-check form:before {
  content: "チェックを入れて比較";
  position: absolute;
  top: -33px;
  right: 0;
  width: 110px;
  font-size: 10px;
  color: #333;
  padding: 3px 7px;
  background: #FBD233;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
}
#scl-data-app .data-app-tbl tr:first-child th.data-check form:after {
  content: "▼";
  position: absolute;
  top: -16px;
  right: 10px;
  color: #FBD233;
}
#scl-data-app .data-app-tbl tr.data-st .data-cate {
  background: #ededed;
}
#scl-data-app .data-app-tbl tr.checked th {
  background: #C3E8F4;
}
#scl-data-app .data-app-tbl tr.checked th.data-name {
  background: #E6F8FF;
}
#scl-data-app .data-app-tbl tr.checked td {
  background: #DBDBDB;
}
#scl-data-app .data-app-tbl tr.checked td.data-check {
  background: #F9A434;
}
#scl-data-app .data-app-tbl th,
#scl-data-app .data-app-tbl td {
  padding: 5px 3px;
  border: 1px #ccc solid;
  text-align: center;
  line-height: 1.3em;
  vertical-align: middle;
}
#scl-data-app .data-app-tbl th {
  background: #E6F8FF;
}
#scl-data-app .data-app-tbl th span {
  font-weight: normal;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
  padding: 0 3px;
  margin-right: 3px;
  background-color: #1896B5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}
#scl-data-app .data-app-tbl th.cate-50 {
  width: 50%;
}
#scl-data-app .data-app-tbl th.data-cate {
  font-weight: bold;
}
#scl-data-app .data-app-tbl th.data-name {
  font-size: 14px;
  font-weight: bold;
}
#scl-data-app .data-app-tbl th.data-name span {
  background-color: transparent;
  color: #999;
}
#scl-data-app .data-app-tbl th.data-name span.txt-new {
  background-color: #E50575;
  color: #fff;
}
#scl-data-app .data-app-tbl th.data-name span.txt-inve {
  background-color: #3EAD8F;
  color: #fff;
}
#scl-data-app .data-app-tbl th.data-check button {
  padding: 0 2px;
  font-size: 12px;
  white-space: normal;
  width: 100%;
}
#scl-data-app .data-app-tbl th.data-check,
#scl-data-app .data-app-tbl th.data-appli,
#scl-data-app .data-app-tbl th.data-entrance {
  background-color: #FBD233;
  font-weight: bold;
}
#scl-data-app .data-app-tbl td.data-check,
#scl-data-app .data-app-tbl td.data-appli,
#scl-data-app .data-app-tbl td.data-entrance {
  background-color: #FFF1C6;
}
#scl-data-app #app-list {
  margin: 33px 0 20px 0;
}
#scl-data-app .data-nav .kana-nav {
  padding: 0;
  margin: 10px 0 0 0;
}
#scl-data-app .data-nav .kana-nav li {
  float: left;
  list-style: none;
  width: 20%;
  padding: 0 0 10px 0;
}
#scl-data-app .data-nav .kana-nav li a {
  display: block;
  width: 70%;
  height: 23px;
  background: #67bae4;
  margin: 0 auto;
  padding: 7px 0 0 0;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#scl-data-app .data-nav .kana-nav li a:hover {
  background: #1C77A5;
}
#scl-data-app #btn-hikaku {
  display: block;
  background: #ff6a9d;
  border: medium none;
  width: 400px;
  padding: 15px 0;
  margin: 0 auto 20px auto;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#scl-data-app #btn-hikaku:hover {
  background: #E50575;
}
#scl-data-app #btn-back {
  display: block;
  background: #ccc;
  border: medium none;
  width: 400px;
  padding: 15px 0;
  margin: 0 auto 20px auto;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#scl-data-app #btn-back:hover {
  background: #B6B6B6;
}
#scl-data-app #app-social iframe {
  margin: 0 !important;
}
#scl-data-app #app-social iframe.twitter-share-button {
  width: 100px!important;
}
#scl-data-app #app-social ul {
  margin: 0;
  padding: 0;
}
#scl-data-app #app-social ul li {
  margin: 0 0 0 10px;
  padding: 0;
  float: right;
  list-style: none;
}
#scl-data-app #app-social ul li#so-gg div {
  width: 70px!important;
}