@charset "UTF-8";
/*----------------------------
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author:  Richard Clark - http: //richclarkdesign.com
----------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: bottom;
background: transparent;
}
img {vertical-align: bottom;}
sup {margin: 0 5px;}
body {line-height: 1.2;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {text-decoration:  line-through;}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {vertical-align: middle;}
html, body {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-size: 13px;
  color: #333;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  -webkit-text-size-adjust: none;
}
img, iframe, object, input[type="image"] {max-width: 100%;}
img, input[type="image"] {
vertical-align: bottom;
}
body {line-height: 1.4;}
ul {list-style: none;}
a {color: #00afcc;}
#container {
  position: relative;
  margin: 0 auto;
  max-width: 640px;
}
.clearfix {zoom:1;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*-------------------------------
header
-------------------------------*/
header {
  width: 100%;
  padding:10px;
  margin:60px 0 10px;
  /*背景画像使用
  background: url(../../../common/img/hdr-bg.png) repeat-x left top;*/
  border-bottom: 8px #00afcc double;
  font-size: 12px;
  box-sizing:border-box;
}
.header-h1 {
  line-height: 1.2;
  font-size:10px;
  color: #444;
  font-weight:normal;
  padding-top: 8px;
}
.header-logo {
  left: 6px;
  top: 70px;
}
.header-nav {
  position:fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index:100;
}
.header-nav ul {
  display: table;
  width: 100%;
  background: #ccc;
}
.header-nav ul li {
  position: relative;
  background: #CCC;
  box-sizing: border-box;
  display: inline-block;
  height: 60px;
  text-align: center;
  width: 33.3333%;
  border: solid 1px #fff;
}
.header-nav ul li.active {background: #00afcc;}
.header-nav ul li.active a,
.header-nav ul li.active a span {color: #fff;}
.header-nav ul li:after {
  content: " ";
  border-right: solid 2px #fff;
  position: absolute;
  top: -2px;
  right: -3px;
  line-height: 60px;
  font-size: 0;
}
.header-nav ul li a {font-weight: bold;}
.header-nav ul li a span {
  position: absolute;
  left: 50%;
  bottom: 0%;
  height: 22px;
  margin-left: -18px;
  line-height: 14px;
  width:36px;
}
.header-nav ul li#nav_btn02 a span {
  margin-left: -30px;
  width:60px;
}
.header-nav ul li.nav-aco:nth-child(1n) a span{
  margin-left: -45px;
  left:50%;
  width:90px;
}
.header-nav ul li.nav-aco:nth-child(2n) a span{
  width:90px;
  height: 28px;
}
.header-nav ul li.nav-aco ul {
  display: none;
  background: #d5d5d5;
  z-index: 999;
  position: relative;
  top: 2px;
  left: -2px;
  width: 204%;
  overflow: hidden;
}
.header-nav ul li.nav-aco:last-child ul {
  top: 2px;
  left: -103%;
  width: 203%;
}
.header-nav ul li.nav-aco ul li {
  background: none;
  width: 100%;
  border: none;
  padding: 5px;
  height: auto;
  background: url(../../../common/img/bg_arrow.png) 5px 30% no-repeat;
  box-sizing: border-box;
}
.header-nav ul li.nav-aco ul li a {
  color: #333;
  line-height: 1.5;
  text-align: left;
  display: block;
  border-bottom: 1px solid #FFF;
  padding: 0  0 5px 10px;
}
.header-nav ul li.nav-aco ul li:last-child a {border: none;}
.header-nav ul li:last-child:after {border: none;}
.header-nav ul li a, .header-nav ul li span {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 12px;
  line-height: 28px;
  height: 100%;
  text-decoration: none;
   /* padding: 5px 0;*/
}
.header-nav ul li a span {display: block;}
@media only screen and (min-width:321px) {
  .header-nav ul li.nav-aco:nth-child(2n) a span{
    margin-left: -45px !important;
    margin-top: -20px !important;
    min-height:28px !important;
    height:28px !important;
  }
}
nav ul li.nav-aco ul li.indexColor{
background: #00afcc;
padding-top: 5px;
margin-bottom: 5px;
}
nav ul li.nav-aco ul li.indexColor a{
margin-bottom: -5px;
}
nav ul li.nav-aco ul.li-course li{
	background-image: none;
}

/*-------------------------------
layout
-------------------------------*/
#main{
  width: 100%;
}
.main-wrap{
  width: 100%;
  margin: 0 auto;
}
.main-contents{
  width: 100%;
  margin: 0 auto;
}
.key-visual{margin-bottom: 15px;}
.main-contents_banner{
  margin: 0 10px 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;
}
#tel-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#tel-btn a {
  display: block;
  z-index: 999;
  padding: 0;
  width: 60px;
  height: 60px;
}
#tel-btn a:hover {
  text-decoration: none;
}
/*-------------------------------
contents-menu
-------------------------------*/
.contents-nav_ttl{
  width: 100%;
  position: relative;
}
.contents-nav_ttl a{
  width: 100%;
  display: block;
  padding:15px 10px;
  background-color: #00afcc;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
}
.contents-nav_ttl:after{
  content: "\f054";
  font-family: FontAwesome;
  font-size: 100%;
  color: #fff;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 10px;
}
.contents-nav li{
  padding: 0;
  border-bottom: 1px solid #d5d5d5;
  line-height: 1.2;
  position: relative;
}
.contents-nav li:after{
  content: "\f054";
  font-family: FontAwesome;
  font-size: 100%;
  color: #00afcc;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 10px;
}
.contents-nav li a{
  width: 100%;
  display: block;
  padding: 15px 10px;
  color: #000;
  text-decoration: none;
  box-sizing: border-box;
}
/*----------------------------
並び替え条件（絞り込み
----------------------------*/

.sort-box {
    text-align:center;
    padding: 0.5em 1em;
    margin: 2em 10px;
    background: #fff8dc;
    border: dashed 2px #a9a9a9;/*点線*/
}
.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:100%;
    margin-left: -0.5em;
}
.sort-box p:not(.sub):not(.list) {
    font-size:160%;
}
.sort-box p.list {
    font-size:165%;
}
@media screen and (max-width: 400px)  {
  .sort-box p {
      font-size: 4vw;
  }
  .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;
  }
  .sort-box p.list{
      font-size:5vw !important;
  }
}
body#page .sort-box p span:before {
    content: "\A";
    white-space: pre;
}

/*-------------------------------
footer
-------------------------------*/
footer{
  width: 100%;
  /*背景画像使用
  background: url(../../../common/img/fdr-bg.png) repeat-x left top;*/
  border-top: 4px #00afcc double;
  font-size: 12px;
  margin: 30px 0 0;
  padding: 0;
}
footer .inner p{
padding: 0 0 20px;
color: #000;
text-align: center;
}
.footer_info-btn{
  display: table;
  width: 100%;
  margin: 15px auto;
  padding: 0 10px;
  box-sizing: border-box;
}
.footer_info-btn li{
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  width: 50%;
  box-sizing: border-box;
}
.footer_info-btn li a{
  line-height: 50px;
  color: #00afcc;
}
/*-------------------------------
buttom
-------------------------------*/
a.btn{
  /* display: block; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  line-height: 50px;
  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,
.btn-detail:active{
  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:hover,
.btn-site:active{
  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%);
}
.btn-info{
  background: -ms-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
  background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%);
  border: 1px solid #ccc;
  font-size:16px;
}
.btn-info:hover,
.btn-info:active{
  background: -ms-linear-gradient(top,  #eaeaea 0%, #ffffff 100%);
  background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%);
}
/*----------------------------
top page
----------------------------*/
.index-catch{
  margin: 0 10px 15px;
  padding: 10px;
  background-color: #fef6df;
  border-radius: 6px;
}
.index-read_text{
  margin: 0 10px 15px;
  border: 1px solid #d5d5d5;
/*  padding: 10px 10px 0;*/
  padding: 10px;
}
.index-read_text p {
line-height: 1.8;
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: 20px 0;}
.index-ranking-table-ttl{
  display: table;
  width: 100%;
  padding: 10px 10px 10px 50px ;
  /*縦ストライプの場合は画像名を「pattern-vertical.png」
  　横ストライプの場合は画像名を「pattern-horizontal.png」
  　斜めストライプの場合画像名を「pattern-angled-stripe.png」*/
  background: url(../../../common/img/pattern-vertical.png), -ms-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../../../common/img/pattern-vertical.png), -moz-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../../../common/img/pattern-vertical.png), -o-linear-gradient(top, #FFF 0%, #fce896 100%) ;
  background: url(../../../common/img/pattern-vertical.png), -webkit-linear-gradient(top, #FFF 0%, #fce896 100%);
  background: url(../../../common/img/pattern-vertical.png), linear-gradient(top, #FFF 0%, #fce896 100%);
  position:relative;
  box-sizing: border-box;
  margin-bottom:10px;
}
.index-ranking-table-ttl h2{
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 14px;
  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: 52px;
  height: 50px;
  background: url(../../../common/img/index-ranking-table-h2.png) no-repeat left top;
  background-size: 52px 50px;
  margin-top: -25px;
  left: 10px;
  top: 50%;
}
.index-ranking-table table{
  margin: 0 10px 15px;
  font-size: 16px;
}
.index-ranking-table table thead th:first-child,
.index-ranking-table table tbody th{
      width: 19%;
  background-color: #fef6df;
  }
.index-ranking-table table th,
.index-ranking-table table td{
  padding: 5px;
  border: 1px solid #ccc;
width: 27%;
}
.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-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;}
.index-ranking-table .kome-text{
  margin: 0 10px;
}
.index-ranking-table table td a.btn.btn-site {
  line-height: 1.1em;
  height: auto;
  display: inline-block;
  padding: 14px 0;
  font-size: 15px;
  width: 100%;
}
@media screen and (max-width:450px) {
.index-ranking-table table td a.btn.btn-site {
font-size: 3.5vw;
}
}
/*----------------------------
ranking page
----------------------------*/
.ranking-section{
  border-top: 1px solid #CCC;
  padding-top: 5px;
  margin-bottom: 20px;
}
.ranking-section_ttl{
  display: table;
}
.ranking-section_ttl h2{
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.2;
}
.ranking-section_ttl h2 span,
.ranking-section_ttl h2 a{
  display: block;
  color: #00afcc;
}
.ranking-section h2.ranking_item-name{
  padding: 10px 10px 10px 55px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 40px 32px;
}
.ranking-section h2.icon-rank01{background-image: url(../../../common/img/rank01-icon.png);}
.ranking-section h2.icon-rank02{background-image: url(../../../common/img/rank02-icon.png);}
.ranking-section h2.icon-rank03{background-image: url(../../../common/img/rank03-icon.png);}
.ranking-section h2.icon-rank04{background-image: url(../../../common/img/rank04-icon.png);}
.ranking-section h2.icon-rank05{background-image: url(../../../common/img/rank05-icon.png);}
.ranking-section h2.icon-rank06{background-image: url(../../../common/img/rank06-icon.png);}
.ranking-section h2.icon-rank07{background-image: url(../../../common/img/rank07-icon.png);}
.ranking-section h2.icon-rank08{background-image: url(../../../common/img/rank08-icon.png);}
.ranking-section h2.icon-rank09{background-image: url(../../../common/img/rank09-icon.png);}
.ranking-section h2.icon-rank10{background-image: url(../../../common/img/rank10-icon.png);}
.ranking-section h2.icon-none{padding: 10px;}
.ranking-section_inner{
  padding:10px 10px 0;
}
.ranking-section_main{margin-bottom: 15px;}
.ranking-section_main-cap{
  width: 280px;
  margin: 0 auto 10px;
  /*border: 1px solid #ccc;*/
  box-sizing: border-box;
}
.ranking-section_main-catch{
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px;
}
.ranking-section_main-catch h3{
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #00afcc;
}
.ranking-section_main-check li{
  padding-left: 22px;
  background: url(../../../common/img/icon-check.png) no-repeat left top;
  margin-bottom:5px;
  font-weight: bold;
  font-size:15px;
}
.ranking-section_main-check li:last-child{
  margin-bottom: 0;
}
.ranking-section_action-btn{
  display: table;
  width: 100%;
  margin: 15px auto;
}
.ranking-section_action-btn li{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding:0 5px;
}
.ranking-section_action-btn.col2 li{
  width: 50%;
  box-sizing: border-box;
}
.ranking-section_action-btn.col2 li a{
  line-height: 1.2;
  padding: 5px 0;
}
.table-scroll{
  margin-bottom: 15px;
}
.ranking-section_table{
  width: 100%;
}
.ranking-section_table th{
  width: 50%;
  background-color: #fef6df;
}
.ranking-section_table td{
  width: 50%;
}
.ranking-section_table th,
.ranking-section_table td{
  padding:10px;
  border: 1px solid #ccc;
}
.ranking-section_campaign{margin-bottom: 15px;}
.ranking-section_campaign h3{
  background-color: #00a0e9;
  color: #fff;
  font-size: 16px;
  padding: 5px;
  margin: 0 -10px 10px;
}
.ranking-section_campaign h3:before{
  content: "\f005";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.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: 5px;
  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: 0 0 10px 1em;
}
.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: 16px;
  padding: 5px;
  margin: 0 -10px 10px;
}
.ranking-section_point h3:before{
  content: "\f058";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.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: 100px;
  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: 16px;
  padding: 5px;
  margin: 0 -10px 10px;
}
.ranking-section_voice h3:before{
  content: "\f086";
  font-family: FontAwesome;
  font-size: 100%;
  margin-right: 4px;
  color: #fff600;
}
.ranking-section_voice .voice-box li{
  padding: 10px;
  margin: 10px 0 0 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.ranking-section_voice .voice-box li:last-child{margin-bottom: 0;}
.ranking-section_voice .voice-box li h4{
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
}
.ranking-section_voice .voice-box li .voice-box_text{
  display: table;
}
.ranking-section_voice .voice-box li .voice-box_text img{
  width: 56px;
  display: table-cell;
  vertical-align: top;
}
.ranking-section_voice .voice-box li .voice-box_text p{
  width: 83%;
  display: table-cell;
  text-align: justify;
  padding-left: 10px;
  box-sizing: border-box;
}
.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,
.link-more-no1{
  overflow: hidden;
  margin: 0 auto 20px;
}
.link-more a,
.link-more-no1 a{
  margin: 0 auto ;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #0e4cca;
  font-weight: bold;
  text-decoration: underline;
  font-size: 30px;
}
.ranking01-detail-banner{margin-bottom:15px;}
/*----------------------------
ranking_no5.html
----------------------------*/
.ranking_no5_html_ttl{
  background-color: #00afcc;
  color: #fff;
  padding: 10px;
  font-size: 17px;
}
.ranking-section_main.ranking_no5_html{
  display: table;
  width: 100%;
}
.ranking-section_main.ranking_no5_html .ranking-section_main-cap{
  display: table-cell;
  width: 50%;
  margin: 0 auto 10px;
  border: none;
  text-align: center;
}
.ranking-section_main.ranking_no5_html .ranking-section_main-cap img{
  width: 170px;
  /*border: 1px solid #ccc;*/
  box-sizing: border-box;
}
.ranking-section_main.ranking_no5_html .ranking-section_main-catch{
  display: table-cell;
  vertical-align: top;
  width: 50%;
  border: none;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.ranking-section_main.ranking_no5_html .ranking-section_main-catch h3{
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.ranking-section_main.ranking_no5_html .ranking-section_action-btn{
  display: table;
  width: 100%;
  margin: 15px auto;
}
.ranking-section_main.ranking_no5_html .ranking-section_action-btn li{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding:0;
}
.ranking-section_main.ranking_no5_html .ranking-section_action-btn li a{
  line-height: 1.2;
  padding: 5px 0;
}
.rank-tel-box{
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #c40312;
  display: block;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  margin: 0 5px 15px;
  padding: 5px 10px 3px 22px;
  border-radius: 6px;
  box-sizing: border-box;
  color: #000;
  text-align: center;
}
.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: -10px;
  padding: 0;
  width: 14px;
  height: 20px;
  top: 50%;
  left: -20px;
  background: url(../../../common/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{
  background-color: #00afcc;
  color: #fff;
  padding: 15px 10px;
  font-size: 15px;
}
.contents-section_inner,
.info-section_inner{
  padding:10px 10px 0;
}
.contents-section_list{
  margin: 15px 0;
}
.contents-section_list li{
  border-bottom: none;
  padding: 0 0 10px;
}
.contents-section_list li a{
  display: block;
  padding-left: 12px;
  color: #000;
}
.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;
}
.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: 14px;
  font-weight: bold;
  color: #000;
  border-bottom: 2px dotted #d5d5d5;
}
.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: 100px;
  margin: 0 0 10px 10px;
}
.pagination{
  text-align: center;
}
.pagination-list{
  display: inline-block;
  padding: 0;
  margin: 8px;
}
.pagination li{
  display: inline;
}
.pagination li:first-child a{
  border-radius: 6px 0 0 6px;
}
.pagination li:last-child a{
  border-radius: 0 6px 6px 0;
}
.pagination li a{
  transition: background-color .3s;
  border: 1px solid #ddd;
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.pagination li.active a{
  background-color: #00afcc;
  color: white;
  border: 1px solid #00afcc;
}
.pagination *:before,
.pagination *:after{
  box-sizing: inherit;
}
.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: 14px;
  margin-bottom: 5px;
  color: #00afcc;
}
.info-section_about-dl dd{
  margin: 0 0 15px 10px;
}
/* table more */
.table-more {
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.table-more .close a, .table-more .open a {
  display: block;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  background-color: #aaa;
  color: #fff;
}
/*----------------------------
check.php
----------------------------*/
/*----------------------------
hikaku table
----------------------------*/
.form-bg{
  margin: 0 10px;
}
.title-container01{
  margin: 0 auto;
}
.contents_ttl{
  padding: 8px 10px;
  margin:0 -10px 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color:#fff;
  background-color:#ff9000;
  position: relative;
}
.contents_ttl span{
  display: block;
  text-align: center;
  color:#fff;
}
.contents_ttl:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -10px;
  border-color: #ff9000;
  border-style: solid;
  border-width: 10px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.t_table {
  width: 100%;
  margin-bottom:10px;
}
.t_table th{
  display: block;
  background-color:#00afcc;
  padding: 8px;
  border-radius: 6px;
  text-align: left;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}
.t_table td{
  display: block;
  padding: 10px 0;
  font-size:14px;
}
.t_table td select{
  border-radius: 8px;
  padding: 7px 10px;
  font-size:14px;
  border:1px solid #ccc;
}
.t_table ul{overflow:hidden;}
.t_table ul.col4 li,
.t_table div.col4 > div{
  float:left;
  width:50%;
  box-sizing: border-box;
}
.t_table ul.col2 li,
.t_table div.col2 > div{
  float:left;
  width:100%;
  box-sizing: border-box;
}
/*-------------------------
チェックボックス　ボタン化
--------------------------*/
div.check-group{
  width: 100%;
}
div.check-group input[type=checkbox] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
div.check-group div {
  cursor: pointer;
  padding: 6px 3px;
  float: left;
  border: solid 1px #C0D61B;
  margin-left: -1px;
background: #fbffd6; /* Old browsers */
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: -ms-linear-gradient(top,  #fbffd6 0%,#d0f473 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbffd6 0%,#d0f473 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffd6', endColorstr='#d0f473',GradientType=0 ); /* IE6-9 */
  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:13px;
  font-weight:bold;
}
div.check-group.blue div {
  cursor: pointer;
  padding: 6px 3px;
  float: left;
  border: solid 1px #509FC9;
  margin-left: -1px;
background: #e8f8ff; /* Old browsers */
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: -ms-linear-gradient(top,  #e8f8ff 0%,#92d6ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e8f8ff 0%,#92d6ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f8ff', endColorstr='#92d6ef',GradientType=0 ); /* IE6-9 */
  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:13px;
  font-weight:bold;
}
div.check-group.orange div {
  cursor: pointer;
  padding: 6px 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: -ms-linear-gradient(top,  #fcf3d4 0%,#fce479 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcf3d4 0%,#fce479 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3d4', endColorstr='#fce479',GradientType=0 ); /* IE6-9 */
  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:13px;
  font-weight:bold;
}
div.check-group.red div {
  cursor: pointer;
  padding: 6px 3px;
  float: left;
  border: solid 1px #FF915E;
  margin-left: -1px;
background: #ffe3dd; /* Old browsers */
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: -ms-linear-gradient(top,  #ffe3dd 0%,#ffc5aa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe3dd 0%,#ffc5aa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3dd', endColorstr='#ffc5aa',GradientType=0 ); /* IE6-9 */
  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:13px;
  font-weight:bold;
}

div.check-group.col4 div{
  width:48%;
}
div.check-group.col4 div.fs-s{
  font-size: 13px;
  letter-spacing: -1px;
}
@media screen and (max-width:320px){
  div.check-group.col4 div.fs-s{
    font-size: 12px;
  }
}
div.check-group.col4 div:nth-child(even){
  margin-right: 0;
}
div.check-group.col4 div.wide{
  width:100%;
}
div.check-group.col2 div{
  width:100%;
}

#more-table{
  display: none;
}
#accodionBtn01,
#accodionBtn02{
  width: 90%;
  margin: 5px auto 15px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #858585;
  color: #fff;
  padding: 15px 10px 15px 5px;
  font-size: 16px;
  text-align: center;
  display: none;
}
#accodionBtn01.active,
#accodionBtn02.active{
  display: block;
}
.form-search-btn{
  width: 90%;
  display: block;
  text-decoration: none;
  margin: 0 auto 20px;
  border-radius: 10px;
  background-color: #858585;
  color: #fff;
  padding: 12px 10px 12px 5px;
  text-align: center;
  box-shadow:0px 4px 4px 0px rgba(171,171,171,0.5);
  -moz-box-shadow:0px 4px 4px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow:0px 4px 4px 0px rgba(171,171,171,0.5);
  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-weight: bold;
  letter-spacing: 2px;
  font-size:20px;
}
.form-search-btn span{
  position: relative;
}
.form-search-btn span:after{content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -6px;
}
.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: #fff;
}
table.tablesorter thead{
  width: 100%;
}
table.tablesorter thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  background-color: #fff;
}
table.tablesorter thead tr th{
  width: 25%;
  box-sizing: border-box;
  border-collapse:separate;
  background-color: #feead1;
  font-size: 12px;
  padding: 8px 0;
  border-radius: 16px;
  border: 4px solid #fff;
}
table.tablesorter thead tr .header {
  height: 90px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  text-align: center;
  position: relative;
}
table.tablesorter thead tr .header span.sorter{
  white-space: nowrap;
}
table.tablesorter thead tr .header .header-sort-btn{
  position: absolute;
  bottom: 8px;
  text-align: center;
  width: 100%;
}
table.tablesorter thead tr .header a{
  color:#ff6600;
  display: inline-block !important;
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
}
@media screen and (max-width:320px){
  table.tablesorter thead tr .header a{
    padding: 4px 7px;
  }
}
table.tablesorter thead tr .companyName {
background: #ffebb6;
}
table.tablesorter tbody{
  border-bottom: #9F9C97 1px solid;
  width: 100%;
  font-size: 14px;
}
table.tablesorter tbody tr {
  display: block;
  border-top: #9F9C97 1px solid;
  padding: 5% 8%;
}
table.tablesorter tbody tr td {
  display: block;
  padding: 8px 0;
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-bottom: #C2C0AF 1px solid;
  border-left: 0;
}
table.tablesorter tbody tr td:nth-child(5) br{display: none;}
table.tablesorter tbody tr td:nth-child(1){
  display: block;
  text-align: center;
  color: #00afcc;
  font-weight: 600;
  font-size: 17px;
  padding: 0 0 20px;
}
table.tablesorter tbody tr td:nth-child(1) img{
  margin-top:5px;
}
table.tablesorter tbody tr td:nth-child(2),
table.tablesorter tbody tr td:nth-child(3),
table.tablesorter tbody tr td:nth-child(4),
table.tablesorter tbody tr td:nth-child(5){
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
table.tablesorter tbody tr td:last-child{
  border-bottom: none;
}
table.tablesorter tbody tr td div{
  text-align: right;
}
table.tablesorter tbody tr td div em{
  font-size:11px;
  font-style: normal;
}
table.tablesorter tbody tr td span{
  width: 30%;
}
@media screen and (max-width:320px){
  table.tablesorter tbody tr td span{
    width: 25%;
  }
}
table.tablesorter tbody tr td.data_menu5 div br{display: none;}
table.tablesorter tbody tr td a.btn-more{
  width: 100%;
  display: block;
  text-decoration: none;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #858585;
  color: #fff;
  padding: 10px;
  text-align: center;
  box-shadow: 0px 4px 4px 0px rgba(171,171,171,0.5);
  -moz-box-shadow: 0px 4px 4px 0px rgba(171,171,171,0.5);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(171,171,171,0.5);
  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-weight: bold;
  letter-spacing: 1px;
  font-size: 16px;
  box-sizing: border-box;
}
/* dataTable
---------------------------------------------------------*/
#dataTable {
margin-bottom: 20px;
}
#dataTable table.tablesorter:nth-child(even) tbody tr,
#dataTable table.tablesorter tbody.first-myTables tr{
  background-color: #fffeef !important;
}
#dataTable table.tablesorter:nth-child(odd) tbody tr{
  background-color: #fff;
}
#dataTable table.tablesorter tbody{
  border-bottom: none;
}
/*----------------------------
調整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: "※";
}
em{font-style: normal !important;}
table td.va_m {
	vertical-align: middle;
}

/* ================================================== */
/* 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: left;
}
.afi-att p {
    margin: 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.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;}