@charset "UTF-8";
/*----------------------------
initialize
----------------------------*/
.ranking-section_main .ranking-section_action-btn{
  display: table;
  width: 376px;
  margin: 0 0 15px -10px;
  float: right;
}
.ranking-section_main .ranking-section_action-btn li{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding:0 0 0 10px;
}
body {
  margin:0;
  padding:0;
  font-size: 14px;
  line-height: 1.4;
  color:#333;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h1,h2,h3,h4,h5 {margin: 0;font-size: 12px;}
p {margin: 0;}
ul,ol,li {
  list-style: none;
  margin: 0;
  padding: 0;
}
img{vertical-align: top;}
dl,dt,dd {margin: 0;padding: 0;}
img {border:0;}
a img {vertical-align: bottom;}
a:link {color: #0a72ff;text-decoration: none;}
a:visited  {color: #0a72ff;text-decoration: none;}
a:hover,a:active,a:focus {color: #0a72ff;text-decoration: underline;}
form{margin: 0;padding: 0;}
label{cursor: pointer;}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
/*-------------------------------
header
-------------------------------*/
header{
  width: 100%;
  /*背景画像使用
  background: url(../img/hdr-bg.png) repeat-x left top;*/
  border-top: 8px #00afcc double;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.header-wrap{
  width: 900px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}
.header-h1{
  width: 400px;
  float: left;
  font-weight: normal;
}
.header-logo{
  float: left;
  width: auto;
  margin-right: 15px;
}
.header-nav{
  width: 75px;
  float: right;
  margin-top: 15px;
}
/*-------------------------------
layout
-------------------------------*/
#main{
  width: 100%;
}
.main-wrap{
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}
.side-nav{
  float: left;
  width: 230px;
}
.main-contents{
  width: 640px;
  float: right;
}
.key-visual{margin-bottom: 15px;}
.main-contents_banner{margin-bottom: 15px;}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #000;
  opacity: 0.3;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}
#pageTop a i:before{
  left: 50%;
  margin-left: -0.5em;
  margin-bottom: -0.5em;
}
/*-------------------------------
side-menu
-------------------------------*/
.side-banner a{display: block;}
.side-banner img{
  width:230px;
  height: auto;
}
.side-nav_ttl{margin-top: 15px;}
.side-nav-contents li,
.contents-section_list li{
  padding: 10px 0;
  border-bottom: 2px dotted #d5d5d5;
  line-height: 1.2;
}
.side-nav-ranking li{
  padding: 15px 0;
  border-bottom: 2px dotted #d5d5d5;
  line-height: 1.2;
}
.side-nav-contents li:last-child,
.side-nav-ranking li:last-child,
.contents-section_list li:last-child{
  border-bottom: none;
}
.side-nav-contents li a,
.side-nav-ranking.icon-arrow li a,
.header-nav li a,
.contents-section_list li a{
  display: block;
  padding-left: 12px;
  color: #000;
}
.side-nav-contents li a:before,
.side-nav-ranking.icon-arrow li a:before,
.header-nav li a:before,
.contents-section_list li a:before{
  content: "\f0da";/*シンプルな▶︎アイコン*/
  /*content: "\f0a9";●の中に→アイコン*/
  /*content: "\f152";□の中に▶︎アイコン*/
  /*content: "\f061";→アイコン*/
  font-family: FontAwesome;
  font-size: 100%;
  color: #00afcc;
  display: inline-block;
  vertical-align: middle;
  text-indent: -0.6em;
}
.side-nav-ranking li a{
  font-size: 16px;
  font-weight: bold;
  color: #00afcc;
  display: block;
}
/*-商品のキャプチャを表示させたい時:icon-cap,
   順位画像を表示させたい時:icon-number,
   商品のキャプチャ、順位画像を表示させない時:icon-arrow */
.side-nav-ranking.icon-cap li a{
  position: relative;
  padding-left: 45px;
}
.side-nav-ranking.icon-cap li a:before{
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  margin-top: -20px;
  top: 50%;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
.side-nav-ranking.icon-cap li.rank01 a:before{background-image: url(../img/item-cap01.png);}
.side-nav-ranking.icon-cap li.rank02 a:before{background-image: url(../img/item-cap02.png);}
.side-nav-ranking.icon-cap li.rank03 a:before{background-image: url(../img/item-cap03.png);}
.side-nav-ranking.icon-cap li.rank04 a:before{background-image: url(../img/item-cap04.png);}
.side-nav-ranking.icon-cap li.rank05 a:before{background-image: url(../img/item-cap05.png);}
.side-nav-ranking.icon-cap li.rank06 a:before{background-image: url(../img/item-cap06.png);}
.side-nav-ranking.icon-cap li.rank07 a:before{background-image: url(../img/item-cap07.png);}
.side-nav-ranking.icon-cap li.rank08 a:before{background-image: url(../img/item-cap08.png);}
.side-nav-ranking.icon-cap li.rank09 a:before{background-image: url(../img/item-cap09.png);}
.side-nav-ranking.icon-cap li.rank10 a:before{background-image: url(../img/item-cap10.png);}
.side-nav-ranking.icon-number li a{
  position: relative;
  padding-left: 40px;
}
.side-nav-ranking.icon-number li a:before{
  content: "";
  position: absolute;
  width: 35px;
  height: 25px;
  left: 0;
  margin-top: -12px;
  top: 50%;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 35px 25px;
}
.side-nav-ranking.icon-number li.rank01 a:before{background-image: url(../img/side-icon-rank01.png);}
.side-nav-ranking.icon-number li.rank02 a:before{background-image: url(../img/side-icon-rank02.png);}
.side-nav-ranking.icon-number li.rank03 a:before{background-image: url(../img/side-icon-rank03.png);}
.side-nav-ranking.icon-number li.rank04 a:before{background-image: url(../img/side-icon-rank04.png);}
.side-nav-ranking.icon-number li.rank05 a:before{background-image: url(../img/side-icon-rank05.png);}
.side-nav-ranking.icon-number li.rank06 a:before{background-image: url(../img/side-icon-rank06.png);}
.side-nav-ranking.icon-number li.rank07 a:before{background-image: url(../img/side-icon-rank07.png);}
.side-nav-ranking.icon-number li.rank08 a:before{background-image: url(../img/side-icon-rank08.png);}
.side-nav-ranking.icon-number li.rank09 a:before{background-image: url(../img/side-icon-rank09.png);}
.side-nav-ranking.icon-number li.rank10 a:before{background-image: url(../img/side-icon-rank10.png);}
/*-------------------------------
footer
-------------------------------*/
footer{
  width: 100%;
  /*背景画像使用
  background: url(../img/fdr-bg.png) repeat-x left top;*/
  border-top: 4px #00afcc double;
  font-size: 12px;
  margin: 30px 0 0;
  padding: 15px 0 0;
}
.footer-wrap{
  width: 920px;
  margin: 0 auto;
}
.footer-nav{
  display: table;
  width: 100%;
}
.footer-nav_sitemap{
  width: 25%;
  padding:0 10px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}
.footer-nav_sitemap a{
  display: block;
  padding-left: 12px;
  color: #000;
}
.footer-nav_sitemap a:before{
  content: "\f0da";/*シンプルな▶︎アイコン*/
  /*content: "\f0a9";●の中に→アイコン*/
  /*content: "\f152";□の中に▶︎アイコン*/
  /*content: "\f061";→アイコン*/
  font-family: FontAwesome;
  font-size: 100%;
  color: #00afcc;
  display: inline-block;
  vertical-align: middle;
  text-indent: -0.6em;
}
.footer-nav_sitemap.contents-link ul{
  margin-left:10px;
}
.footer-nav_sitemap.contents-link li:first-child ,
.footer-nav_sitemap.contents-link li.footer-nav-title {
  margin-left: -10px;
}
.copy-right{
  width: 100%;
  padding: 5px 0;
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #00afcc;
}
.footer-nav_sitemap .rank01,
.footer-nav_sitemap .rank02,
.footer-nav_sitemap .rank03,
.footer-nav_sitemap .rank04,
.footer-nav_sitemap .rank05,
.footer-nav_sitemap .rank06,
.footer-nav_sitemap .rank07,
.footer-nav_sitemap .rank08,
.footer-nav_sitemap .rank09,
.footer-nav_sitemap .rank10{
  margin-left: 10px;
}
/*----------------------------
top page
----------------------------*/
.index-catch{
  margin-bottom: 0;
}
.index-read{
  border: 1px solid #ccc;
  padding: 13px 15px 0;
  margin-bottom: 20px;
}
.index-read-inner{
  display: table;
}
.index-read_img{
  width: 140px;
  height: 140px;
  padding-right: 15px;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.index-read_ttl{
  font-size: 16px;
  font-weight: bold;
  color: #00afcc;
}
.index-read_text{
  width: 100%;
}
.index-read_text p {
line-height: 1.5;
padding-top: 10px;
}
.index-read_text p:first-child {
padding:0 0 10px 0;
border-bottom: #00afcc dotted 4px;
}
.index-read_text p b {
background: #fff27f;
}
.index-read_text-check{
  margin: 15px 0;
}
.index-read_text-check li{margin-bottom: 5px;}
.index-read_text-check li:last-child{margin-bottom: 0;}
.index-read_text-check li:before{
  content: "\f005";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #ffb200;
}
.index-ranking-table{margin: 0 0 10px;}
.index-ranking-table-ttl{
  display: table;
  width: 100%;
  height: 100px;
  padding-left: 50px ;
  /*縦ストライプの場合は画像名を「pattern-vertical.png」
  　横ストライプの場合は画像名を「pattern-horizontal.png」
  　斜めストライプの場合画像名を「pattern-angled-stripe.png」*/
  background: url(../img/pattern-vertical.png), -ms-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../img/pattern-vertical.png), -moz-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../img/pattern-vertical.png), -o-linear-gradient(top, #FFF 0%, #fce896 100%) ;
  background: url(../img/pattern-vertical.png), -webkit-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../img/pattern-vertical.png), linear-gradient(top, #FFF 0%, #fce896 100%);
  position:relative;
  box-sizing: border-box;
}
.index-ranking-table-ttl h2{
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 22px;
  text-shadow: 1px 1px 2px #fff;
  text-align: center;
}
.index-ranking-table h2 span{
  color: #F00;
}
.index-ranking-table h2:before{
  content: "";
  position: absolute;
  width: 104px;
  height: 100px;
  background: url(../img/index-ranking-table-h2.png) no-repeat left top;
  margin-top: -50px;
  left: 15px;
  top:50%;
}
.index-ranking-table table{
  margin-bottom: 15px;
  font-size: 13px;
}
.index-ranking-table table thead th:first-child,
.index-ranking-table table tbody th{
  width: 80px;
  background-color: #fef6df;
  }
.index-ranking-table table th,
.index-ranking-table table td{
  padding: 5px;
  border: 1px solid #ccc;
}
.index-ranking-table table th{
  text-align: center;
  vertical-align: middle;
}
.index-ranking-table table td{
  text-align: center;
  vertical-align: top;
}
.index-ranking-table table .item-name{
  font-size: 14px;
  font-weight: bold;
}
.annotation-list{
  list-style: none;
  padding-left: 2em;
  margin-left: 1em;
  margin-bottom: 8%;
}
.annotation-list li{
  text-indent: -2em;
}
.index-ranking-table table td span{display: block;}
.index-ranking-table table td img{margin: 5px 0;}
.index-ranking-table table td p{text-align: left;}
.index-ranking-table table td.bg-value01{background-color: #fee5e5;}
.table-scroll {
  height: 200px;
  overflow-y: auto;
  margin: 20px 0;
}
/*----------------------------
ranking page
----------------------------*/
.ranking-section{
  margin-bottom: 20px;
}
.ranking-section_ttl{
  display: table;
  background: url(../img/ranking-section-h2.png) no-repeat left top;
  width: 100%;
  height: 87px;
  border-radius: 10px 10px 0 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.ranking-section_ttl h2{
  display: table-cell;
  vertical-align: middle;
  font-size: 26px;
  line-height: 1.2;
}
.ranking-section_ttl h2 span,
.ranking-section_ttl h2 a{
  display: block;
  text-decoration: none;
  color: #000;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
               #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.ranking-section h2.ranking_item-name{
  padding-left: 100px;
  background-position: 5px center;
  background-repeat: no-repeat;
}
.ranking-section h2.icon-rank01{background-image: url(../img/rank01-icon.png);}
.ranking-section h2.icon-rank02{background-image: url(../img/rank02-icon.png);}
.ranking-section h2.icon-rank03{background-image: url(../img/rank03-icon.png);}
.ranking-section h2.icon-rank04{background: url(../img/rank04-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank05{background: url(../img/rank05-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank06{background: url(../img/rank06-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank07{background: url(../img/rank07-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank08{background: url(../img/rank08-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank09{background: url(../img/rank09-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-rank10{background: url(../img/rank10-icon.png) no-repeat 5px 10px}
.ranking-section h2.icon-none{padding: 0 15px;}
.ranking-section_inner{
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding:15px 15px 0;
}
.ranking-section_main{overflow: hidden;}
.ranking-section_main-cap{
  width: 220px;
  height: auto;
  float: left;
  /*border: 1px solid #ccc;*/
  box-sizing: border-box;
}
.ranking-section_main-catch{
  width: 376px;
  float: right;
}
.ranking-section_main-catch h3{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #00afcc;
}
.ranking-section_main-check{
  margin-bottom:15px;
}
.ranking-section_main-check li{
  padding-left: 22px;
  background: url(../img/icon-check.png) no-repeat left top;
  margin-bottom:5px;
  font-weight: bold;
  font-size:16px;
}
.ranking-section_main-check li:last-child{
  margin-bottom: 0;
}
.ranking-section_action-btn{
  display: table;
  width: 386px;
  margin: 15px auto;
}
.ranking-section_action-btn li{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding:0 0 0 10px;
}
.ranking-section_action-btn.col2 li{
  width: 50%;
  box-sizing: border-box;
}
.ranking-section_action-btn.col2 li a{
  line-height: 1.2;
  padding: 8px 0;
}
.ranking01-detail-banner{margin-bottom:15px;}
a.btn{
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow:0px 2px 2px 0px rgba(171,171,171,0.3);
  -moz-box-shadow:0px 2px 2px 0px rgba(171,171,171,0.3);
  -webkit-box-shadow:0px 2px 2px 0px rgba(171,171,171,0.3);
  text-decoration:none;
}
.btn-detail{
  background: -ms-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top,  #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom,  #ffb65e 0%,#ff6a00 100%);
  border: 1px solid #d55a03;
  font-size:18px;
}
.btn-detail:hover{
  background: -ms-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -moz-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -o-linear-gradient(top, #ff6a00 0%, #ffb65e 100%);
  background: -webkit-linear-gradient(top,  #ff6a00 0%,#ffb65e 100%);
  background: linear-gradient(to bottom,  #ff6a00 0%,#ffb65e 100%);
}
.btn-site{
  background: -ms-linear-gradient(top,  #fa5353 0%, #ea0000 100%);
  background: -moz-linear-gradient(top,  #fa5353 0%, #ea0000 100%);
  background: -o-linear-gradient(top, #fa5353 0%, #ea0000 100%);
  background: -webkit-linear-gradient(top,  #fa5353 0%,#ea0000 100%);
  background: linear-gradient(to bottom,  #fa5353 0%,#ea0000 100%);
  border: 1px solid #c60101;
  font-size:18px;
}
.btn-site.wide{
  font-size:22px;
}
.btn-site:hover{
  background: -ms-linear-gradient(top,  #ea0000 0%, #fa5353 100%);
  background: -moz-linear-gradient(top,  #ea0000 0%, #fa5353 100%);
  background: -o-linear-gradient(top, #ea0000 0%, #fa5353 100%);
  background: -webkit-linear-gradient(top,  #ea0000 0%,#fa5353 100%);
  background: linear-gradient(to bottom,  #ea0000 0%,#fa5353 100%);
}
.ranking-section_table{
  width: 100%;
}
.ranking-section_table th{
  width: 33.333%;
  background-color: #fef6df;
}
.ranking-section_table th,
.ranking-section_table td{
  padding:10px;
  border: 1px solid #ccc;
}
.ranking-section_table td{
  text-align: center;
}
.ranking-section_campaign{margin-bottom: 15px;}
.ranking-section_campaign h3{
  background-color: #00a0e9;
  color: #fff;
  font-size: 18px;
  padding: 10px;
}
.ranking-section_campaign h3:before{
  content: "\f005";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.ranking-section_campaign .inner{
  padding: 10px;
  border: 1px solid #00a0e9;
}
.ranking-section_campaign dl dt{
  font-weight: bold;
  color: #000;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.ranking-section_campaign dl dt{
  margin-bottom: 10px;
  color: #000;
}
.ranking-section_campaign dl dt:before{
  content: "\f111";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #00a0e9;
}
.ranking-section_campaign dl dd{margin-bottom: 10px;}
.ranking-section_campaign dl dd:last-child{margin-bottom: 0;}
.ranking-section_point{margin-bottom: 15px;}
.ranking-section_point h3{
  background-color: #718cc7;
  color: #fff;
  font-size: 18px;
  padding: 10px;
}
.ranking-section_point h3:before{
  content: "\f058";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.ranking-section_point .inner{
  padding: 10px;
  border: 1px solid #718cc7;
}
.ranking-section_point dl dt{
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}
.ranking-section_point dl dt:before{
  content: "\f111";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #718cc7;
}
.ranking-section_point dl dd{
  overflo: hidden;
  margin-bottom: 20px;
}
.ranking-section_point dl dd img{
  width: 150px;
  float: right;
  margin: 0 0 10px 10px;
}
.ranking-section_point dl dd p{margin-bottom:15px;}
.ranking-section_point dl dd p:last-child{margin-bottom:0;}
.ranking-section_point dl dd:last-child{margin-bottom: 0;}
.ranking-section_voice{margin-bottom: 15px;}
.ranking-section_voice h3{
  background-color: #ff9000;
  color: #fff;
  font-size: 18px;
  padding: 10px;
}
.ranking-section_voice h3:before{
  content: "\f086";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.ranking-section_voice .inner{
  height: 400px;
  overflow-y: scroll;
  border: 1px solid #ff9000;
  box-sizing: border-box;
}
.ranking-section_voice-read{
  padding:10px;
}
.ranking-section_voice .inner.height700{height: 700px;}
.ranking-section_voice .inner.scrollnone{height: auto;overflow: auto;}
.ranking-section_voice .voice-box li{
  padding: 10px;
}
.ranking-section_voice .voice-box li:nth-child(odd){
  background-color: #fff7e2;
}
.ranking-section_voice .voice-box li:nth-child(even){
  background-color: #fff;
}
.ranking-section_voice .voice-box li:last-child{margin-bottom: 0;}
.ranking-section_voice .voice-box li h4{
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 15px;
}
.ranking-section_voice .voice-box li .voice-box_text{
  display: table;
}
.ranking-section_voice .voice-box li .voice-box_text img{
  width: 56px;
  padding-right: 10px;
  display: table-cell;
  vertical-align: top;
}
.ranking-section_voice .voice-box li .voice-box_text p{
  width: 100%;
  display: table-cell;
  text-align: justify;
  vertical-align: top;
}
.ranking-section_voice dl dt{
  margin-bottom: 10px;
  color: #000;
}
.ranking-section_voice dl dt:before{
  content: "\f111";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #ffb400;
}
.ranking-section_voice dl dd{
  overflo: hidden;
  margin-bottom: 20px;
}
.ranking-section_voice dl dd img{
  width: 150px;
  float: right;
  margin: 0 0 10px 10px;
}
.ranking-section_voice dl dd p{margin-bottom:15px;}
.ranking-section_voice dl dd p:last-child{margin-bottom:0;}
.ranking-section_voice dl dd:last-child{margin-bottom: 0;}
.link-more {
  overflow: hidden;
  margin: 0 auto 20px;
}
.link-more a {
  margin: 0 auto ;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #0e4cca;
  font-weight: bold;
  text-decoration: underline;
  font-size: 30px;
}

.rank-tel-box{
  width: 368px;
  float: right;
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #ccc;
  display: block;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  margin: 0 0 15px;
  padding: 5px 10px 3px 22px;
  box-sizing: border-box;
  text-align: center;
  pointer-events:none;
  color: #000 !important;
}
.rank-tel-box p span {
  color: #c40312;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
}
.rank-tel-box p span:before {
  content: '';
  position: absolute;
  margin-top: -9px;
  padding: 0;
  width: 14px;
  height: 20px;
  top: 50%;
  left: -20px;
  background: url(../img/icon-phone.png) no-repeat 0 0;
  background-size: 14px 20px;
}
/*----------------------------
contents/info page
----------------------------*/
.contents-section,
.info-section{
  margin-bottom: 20px;
}
.contents-section_ttl,
.info-section_ttl{
  display: table;
  background: url(../img/ranking-section-h2.png) no-repeat left center;
  width: 640px;
  height: 67px;
  margin: 0 auto;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.contents-section_ttl h2,
.info-section_ttl h2{
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
               #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.contents-section_inner,
.info-section_inner{
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding:15px 15px 0;
}
.contents-section_list{
  margin: 15px 0;
}
.contents-section_list li{
  border-bottom: none;
  padding: 0 0 10px;
}
.contents-section_list li:last-child{
  padding-bottom: 0;
}
.contents-section_inner h3,
.info-section_inner h3{
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  border-bottom: 2px dotted #fdd1e0;
}
.contents-section_inner h3:before{
  content: "\f02d";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #00afcc;
}
.info-section_inner h3:before{
  content: "\f150";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #00afcc;
}
.contents-section_inner p,
.info-section_inner p{
  margin-bottom: 20px;
}
.contents-section_box{
  overflow: hidden;
}
.contents-section_box img{
  float: right;
  width: 150px;
  margin: 0 0 10px 10px;
}
.info-section_box table{
  margin-bottom: 15px;
}
.info-section_box table th{
  width: 30%;
  padding: 10px;
  font-size: 13px;
  line-height: 1.2em;
  font-weight: normal;
  background-color: #F4F1EB;
  color: #625023;
  border: 1px solid #ccc6b5;
}
.info-section_box table td{
  font-size: 0.7em;
  line-height: 1.2em;
  font-weight: normal;
  text-align: center;
  color: #625023;
  border: 1px solid #ccc6b5;
}
.info-section_about-dl dt{
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
  color: #00afcc;
}
.info-section_about-dl dd{
  margin: 0 0 15px 10px;
}
/* ================================================== */
/* Custom scrollbar
/* ================================================== */

/* basic style */
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container{ /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/* vertical scrollbar */
.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
  width: 20px;
  height: 100%;
  margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
  position: relative;
  width: 20px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/* transitions */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/* scrollbar colors, opacity and backgrounds */
  .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

  .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

  .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  .mCustomScrollBox:hover > .mCSB_scrollTools,
  .mCustomScrollBox:hover ~ .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

  .mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.15);
    filter: "alpha(opacity=15)"; -ms-filter: "alpha(opacity=15)";
  }

  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.45);
    filter: "alpha(opacity=45)"; -ms-filter: "alpha(opacity=45)";
  }

  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #00afcc;
    filter: "alpha(opacity=55)"; -ms-filter: "alpha(opacity=55)";
  }
  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #00afcc;
    filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)";
  }

  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight{
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
  }

  .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; }
  .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; }
  .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; }
  .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; }

  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover,
  .mCSB_scrollTools .mCSB_buttonLeft:hover,
  .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

  .mCSB_scrollTools .mCSB_buttonUp:active,
  .mCSB_scrollTools .mCSB_buttonDown:active,
  .mCSB_scrollTools .mCSB_buttonLeft:active,
  .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/*----------------------------
並び替え条件（絞り込み
----------------------------*/

.sort-box {
    text-align:center;
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff8dc;
    border: dashed 2px #a9a9a9;/*点線*/
}
body#page .sort-box {
    width: 90%;
    margin: auto;
}
.sort-box p {
    font-size:120%;
    margin: 0;
    padding: 0;
}
.sort-box p.sub {
    text-align: inherit;
    font-size:140%;
}
.sort-box p:not(.sub):not(.list) {
    text-align: inherit;
    font-size:160%;
    margin-left: -0.5em;
}
body#page .sort-box p:not(.sub):not(.list) {
    font-size:160%;
}
body#page .sort-box p.list {
    font-size:140%;
}
@media screen and (max-width: 400px)  {
  body#page .sort-box p {
      font-size: 4vw;
  }
  body#page .sort-box p:not(.sub):not(.list) {
      font-size:5.3vw;
  }
  .sort-box p.sub , .sort-box p.list{
      text-align: inherit;
      font-size:4.5vw !important;
  }
}
body#page .sort-box p span:before {
    content: "\A";
    white-space: pre;
}

/*----------------------------
Google検索機能CSS
----------------------------*/
a.btn-refine{
  width: 360px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
p.btn-result-more{
  display: block;
  height: 30px;
  width: 180px;
  margin: 0 auto 5px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  box-sizing: border-box;
  text-decoration:none;
  background: -ms-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top,  #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom,  #ffb65e 0%,#ff6a00 100%);
  border: 1px solid #d55a03;
  font-size: 14px;
}
p.btn-result-more:hover{
  background: -ms-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -moz-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -o-linear-gradient(top, #ff6a00 0%, #ffb65e 100%);
  background: -webkit-linear-gradient(top,  #ff6a00 0%,#ffb65e 100%);
  background: linear-gradient(to bottom,  #ff6a00 0%,#ffb65e 100%);
  text-decoration: none;
}
.check-refine-area{
  width: 900px;
  margin: 0 auto 30px;
}
.check-refine_form{
  position: relative;
}
.check-refine_back-btn{
  position: absolute;
  left: 0px;
  top: 190px;
}
.check-refine_rank-btn{
  position: absolute;
  right: 0px;
  top: 190px;
}
.check-refine_back-btn a,
.check-refine_rank-btn a{
  display: block;
  height: 50px;
  width: 120px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  box-sizing: border-box;
  text-decoration:none;
  background: -ms-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -moz-linear-gradient(top,  #ffb65e 0%, #ff6a00 100%);
  background: -o-linear-gradient(top, #ffb65e 0%, #ff6a00 100%);
  background: -webkit-linear-gradient(top,  #ffb65e 0%,#ff6a00 100%);
  background: linear-gradient(to bottom,  #ffb65e 0%,#ff6a00 100%);
  border: 1px solid #d55a03;
  font-size: 14px;
  padding: 8px 0;
}
.check-refine_back-btn a:hover,
.check-refine_rank-btn a:hover{
  background: -ms-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -moz-linear-gradient(top,  #ff6a00 0%, #ffb65e 100%);
  background: -o-linear-gradient(top, #ff6a00 0%, #ffb65e 100%);
  background: -webkit-linear-gradient(top,  #ff6a00 0%,#ffb65e 100%);
  background: linear-gradient(to bottom,  #ff6a00 0%,#ffb65e 100%);
}
.check-result-area{
  margin:0 auto 10px;
}
.check-result_banner{
  width: 640px;
  margin: 0 auto 20px;
}
.contents-section_ttl.refine-ttl{
  width: 640px;
  height: 50px;
  margin: 0 auto;
  text-align :center;
}
.check-refine-table {
  border-left: 1px solid #aaa;
  width: 640px;
  margin:0 auto 15px;
  color: #000;
  /*text-shadow: -1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;*/
}
.check-refine-table th{background-color:#eee;width:100px;}
.check-refine-table th{
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 7px;
  font-size:13px;
}
.check-refine-table td{
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 7px 7px 0 7px;
  font-size:13px;
}
.check-refine-table ul{overflow:hidden;}
.check-refine-table ul.col2 li{
  float:left;
  width:220px;
}
.check-refine-table ul.col4 li{
  float:left;
  width:134px;
}
.check-refine-table ul li.wide{
  width:210px;
  height:auto;
  padding:0;
  margin:0 10px 0 0;
}
.col2a-2-container{
  width:100%;
  margin:0 auto 10px;
}

/*チェックボックス　ボタン化*/
div.check-group input[type=checkbox] {
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
div.check-group div {
  cursor: pointer;
  padding: 3px 3px;
  float: left;
  border: solid 1px #C0D61B;
  margin-left: -1px;
  background: -moz-linear-gradient(top,  #fbffd6 0%, #d0f473 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbffd6), color-stop(100%,#d0f473)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #fbffd6 0%,#d0f473 100%); /* W3C */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  margin:0 8px 8px 0;
  box-shadow:inset 1px 1px 1px #fff;
  text-align:left;
  color:#000;
  font-size:14px;
  font-weight:bold;
}
div.check-group.blue div {
  cursor: pointer;
  padding: 3px 3px;
  float: left;
  border: solid 1px #509FC9;
  margin-left: -1px;
  background: -moz-linear-gradient(top,  #e8f8ff 0%, #92d6ef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f8ff), color-stop(100%,#92d6ef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #e8f8ff 0%,#92d6ef 100%); /* W3C */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  margin:0 8px 8px 0;
  box-shadow:inset 1px 1px 1px #fff;
  text-align:left;
  color:#000;
  font-size:14px;
  font-weight:bold;
}
div.check-group.orange div {
  cursor: pointer;
  padding: 3px 3px;
  float: left;
  border: solid 1px #D6B14D;
  margin-left: -1px;
  background: #fcf3d4; /* Old browsers */
  background: -moz-linear-gradient(top,  #fcf3d4 0%, #fce479 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf3d4), color-stop(100%,#fce479)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #fcf3d4 0%,#fce479 100%); /* W3C */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  margin:0 8px 8px 0;
  box-shadow:inset 1px 1px 1px #fff;
  text-align:left;
  color:#000;
  font-size:14px;
  font-weight:bold;
}
div.check-group.red div {
  cursor: pointer;
  padding: 3px 3px;
  float: left;
  border: solid 1px #FF915E;
  margin-left: -1px;
  background: -moz-linear-gradient(top,  #ffe3dd 0%, #ffc5aa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3dd), color-stop(100%,#ffc5aa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom,  #ffe3dd 0%,#ffc5aa 100%); /* W3C */
  text-shadow: 0px 0px 0px #fff;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  margin:0 8px 8px 0;
  box-shadow:inset 1px 1px 1px #fff;
  text-align:left;
  color:#000;
  font-size:14px;
  font-weight:bold;
}
div.check-group.col4 div{width:160px;}
div.check-group.col4 div.wide{width:340px;}
div.check-group.col2 div{width:235px;}
/* テキスト選択時の色を透明 */
div.check-group label::-moz-selection,
div.check-group label::selection {background: transparent;}
.hikakuTable table{border-collapse:collapse;}
.hikakuTable .textLeft{text-align:left;}
.hikakuTable p.textCenter{
  text-align:center;
  padding:0px;
  margin:0px;
}
.hikakuTable table tr th,.hikakuTable table tr td{
  padding:5px;
  border:solid 1px #ccc;
  font-size:85%;
  text-align: center;
}
.hikakuTable table tr th{background:#2996be;}
.hikakuTable table tr.attention{background:#a4d6ff;}

/*check.php*/
table.tablesorter {
  background-color: #CDCDCD;
  border-left: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
}
table.tablesorter th,
table.tablesorter td {
  border-right: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
  font-size: 12px;
  padding:5px;
}
table.tablesorter thead tr th{
  padding: 4px;
  background-color: #d6d6d6;
}
table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  text-align: center;
  vertical-align:bottom;
}
table.tablesorter thead tr .header span.sorter{white-space: nowrap;}
table.tablesorter thead tr .header span.sorter img{margin:0 2px;}
table.tablesorter thead tr .header a{color:#575757;}
table.tablesorter thead tr .companyName {background: #fcccd3;}
table.tablesorter tbody th{background-color:#fff;}
table.tablesorter tbody th a:hover{text-decoration: none;}
table.tablesorter tbody th a img:hover{opacity: 0.6;}
table.tablesorter tbody td {
  color: #3D3D3D;
  padding: 4px;
  background-color: #FFF;
  vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
  background-color:#fde6be;
  vertical-align: middle;
}
table.tablesorter td.textLeft {
  background: #fff;
  padding:10px;
  font-size:13px;
}
table tr td.data_menu3{width:60px !important;}
table tr td.data_menu4{width:75px !important;}
table tr td.data_menu5{width:78px !important;}
table tr td.data_menu6{width:50px !important;}
table tr td.data_menu7{width:50px !important;}
table tr td.data_menu8{width:60px !important;}
table tr td.data_menu9{width:120px !important;}
table tr td.data_menu10{width:80px !important;}
table tr td.data_menu11{width:110px !important;}

/* dataTable*/
#dataTable {
margin-bottom: 20px;
}
table.tablesorter td h3{color:#fda701 !important;margin-bottom:10px;font-size:20px;}
table.tablesorter td ul.check_ul li {
margin-bottom: 5px;
font-weight: bold;
padding-left: 22px;
line-height: 1.7;
font-size: 15px;
background: url('../img/icon-check.png') no-repeat left top;
}
table.tablesorter{
  margin-top:10px;
}
table tr th.bgbeige,table tr td.bgbeige{
  background:#fdfedb;
}
table.tablesorter tr th img{
  margin:5px 2px 10px 2px;
}
/*----------------------------
調整css
----------------------------*/
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.fs_ss{font-size:70%;}
.fs_s{font-size:80%;}
.fs_m{font-size:120%;}
.fs_l{font-size:140%;}
.fs_ll{font-size:160%;}
.fs_lll{font-size:200%;}
.fs_12{font-size:12px !important;}
.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}
.fs_19{font-size:19px !important;}
.fs_20{font-size:20px !important;}
.fs_21{font-size:21px !important;}
.fs_22{font-size:22px !important;}
.fs_23{font-size:23px !important;}
.fs_24{font-size:24px !important;}
.fs_25{font-size:25px !important;}
.fc_red{color:#F00 !important;}
.fc_black{color:#000 !important;}
.fc_pink{color:#F06 !important;}
.fw_b{font-weight:bold !important;}
.fw_n{font-weight:normal !important;}
.clear{clear:both !important;}
.bg_marker{background-color:#fff667;color:#000;padding:0 3px;}
.overf_h{overflow:hidden !important;}
.f_lL{float:left !important;}
.f_lR{float:right !important;}
.t_ac{text-align:center !important;}
.t_al{text-align:left !important;}
.t_ar{text-align:right !important;}
ul.t_indent li,
p.t_indent{
  margin-left: 1em;
  text-indent: -1em;
}
ul.kome-text > li,
p.kome-text{
  margin-left: 1em;
  text-indent: -1em;
}
ul.kome-text > li:before,
p.kome-text:before{
  content: "※";
}
.dis-inblo{display: inline-block !important;}
em{font-style: normal !important;}

/*----------------------------
更新日のスクリプト部分
----------------------------*/
.datatext{
	text-align: right;
	font-size: 85%;
	margin-top: 6px;}

/* ================================================== */
/* Table info用
/* ================================================== */
.info_main table {
    margin: 10px 0 15px 0;
    width: 100%;
}
.info_main tbody tr th,
.info_main tbody tr td {
    padding: 12px 20px 10px 20px;
    border: 1px solid #E97733;
    text-align: left;
}
.info_main tbody tr th {
    width: 20%;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: normal;
    background-color: #FFF570;
    color: #E97733;
}
.info_main tbody tr td {
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: normal;
    text-align: center;
    color: #E97733;
}

.small {
font-size:80%;
font-style:normal;
}


/**アフィ文言**/
.afi-att {
    max-width: 992px;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}
.afi-att p {
    margin: 0 10px;
    font-size: 14px;
    font-weight: bold;
}