@charset "utf-8"; /*
16px基準文字サイズ対応表
10px  62.5%
11px  68.75%
12px  75%
13px  81.25%
14px  87.5%
15px  93.75%
16px  100%
17px  106.25%
18px  112.5%
19px  118.75%
20px  125%
21px  131.25%
22px  137.5%
23px  143.75%
24px  150%
25px  156.25%
26px  162.5%
*/

/* ----------------------------------------------------------------------- */
/* ranking */
/* ----------------------------------------------------------------------- */
/*ttl*/
#ranking-list .ttl {
    margin: 0 0 15px;
    padding: 7px 0;
    position: relative;
}
#ranking-list .ttl h2 {
    padding: 4px 0 4px 10px;
    font-size:125%;
    border-left: 3px solid #c5c5c5;
}
#ranking-list .ttl h2 span {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 10px;
    vertical-align: middle;
}
#ranking-list .ttl ul {
    position: absolute;
    right: 0;
    top:0;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#ranking-list .ttl ul li {
    float: right;
}
#ranking-list .ttl ul li a {
    display: inline-block;
    padding: 12px 15px;
    text-decoration: none;
    line-height: 1;
}
#ranking-list .ttl ul li a:hover,
#ranking-list .ttl ul li.on a {
    background: #424242;
    color: #ffffff;
}

/*list*/
#ranking-list ul.list li {
    margin: 0 0 15px;
}
#ranking-list ul.list li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    background: #FFFFFF;
    border:1px solid #dddddd;
    min-height: 210px;
}
#ranking-list ul.list li a:hover {
    border:1px solid #f92b77;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#ranking-list ul.list li a img {
    vertical-align: bottom;
}
#ranking-list ul.list li a .rank-status {
    width: 78px;
    float: left;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
#ranking-list ul.list li a .rank-status h3 {
    padding: 12px 0;
    text-align: center;
    background: #f92b77;
    color: #ffffff;
    font-size:187.5%;
    line-height: 1;
}
#ranking-list ul.list li a .rank-status h3 span {
    display: block;
    margin: 0 0 7px;
    font-size: 40%;
}

#ranking-list ul.list li a .rank-status dl {
    padding: 15px 0;
    background: #e3e3e3;
    text-align: center;
}
#ranking-list ul.list li a .rank-status dl dt {
    margin: 0 0 5px;
}
#ranking-list ul.list li a .rank-status dl dd {
    line-height: 1;
}
#ranking-list ul.list li a .rank-status p {
    padding: 15px 0;
    text-align: center;
    color: #f92b77;
}

#ranking-list ul.list li a .rank-detail {
    padding: 15px;
    float: right;
    width: 389px;
}
#ranking-list ul.list li a .rank-detail .profile {
    /*overflow: hidden;*/
}
#ranking-list ul.list li a .rank-detail .profile p.thumb {
    float: left;
}
#ranking-list ul.list li a .rank-detail .profile dl {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 0 45px;
}
#ranking-list ul.list li a .rank-detail .profile dl dt {
    margin: 1px 0 3px;
    font-size: 87.5%;
    line-height: 1;
    color: #f92b77;
    font-weight: bold;
}
#ranking-list ul.list li a .rank-detail .profile dl dd.time {
    font-size: 68.75%;
}
#ranking-list ul.list li a .rank-detail .profile dl dd.time em {
    display: inline-block;
    *display: inline;  
    *zoom: 1;
    margin: 0 0 0 10px;
}
#ranking-list ul.list li a .rank-detail .profile dl dd.user-info {
    position: absolute;
    right: -16px;
    top: -16px;
}
#ranking-list ul.list li a .rank-detail .article p.text {
    width: 389px;
    margin: 0 0 8px;
    font-size: 87.5%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#ranking-list ul.list li a .rank-detail .article p.text.long {
    text-overflow: clip;
    white-space:normal;
    max-height: 260px;
}
#ranking-list ul.list li a .rank-detail .article .article-img {
    overflow: hidden;
    width: 390px;
    /*height: 390px;*/
    max-height: 390px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#ranking-list ul.list li.rank-delete {
    padding: 10px 0;
    text-align: center;
    background: #FFFFFF;
    border:1px solid #dddddd;
    font-size: 87.5%;
    line-height: 1;
}
#ranking-list ul.list li.rank-none-data {
    padding: 175px 0 15px;
    text-align: center;
    background: url(../../img/pc/error_img.png) top center #ffffff no-repeat;
    border:1px solid #dddddd;
    font-size: 87.5%;
    line-height: 1;
}
#ranking-list ul.list li p.error {
    padding: 10px 0;
    text-align: center;
    background: #FFFFFF;
    border:1px solid #dddddd;
    font-size: 87.5%;
    line-height: 1;
}
#ranking-list .read-more {
  text-align: center;
}
#ranking-list .read-more a {
  padding: 7px 0;
  display: block;
  font-size: 87.5%;
  text-decoration: none;
  color: #333333;
  background: #FFFFFF;
  border:1px solid #dddddd;
}
#ranking-list .read-more a:hover{
  background: #e1e1e1;
}
#ranking-list .read-more a em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 3px 0 0;
  vertical-align: bottom;
  width: 19px;
  height: 22px;
  background:url(/aqb/web/img/pc/icon_read_more.png) left center no-repeat;
}

#ranking-list .loader {
    display: none;
    padding: 7px 0;
    text-align: center;
    background: #FFFFFF;
    border:1px solid #dddddd;
}
#ranking-list .loader img {
    vertical-align: bottom;
}