@import url("/ranking/css/ranking.css");
/* ==========================================================

title : ホームメイトブログ
scope : 月間ランキング

last modify : 319_shimizu WEB1_TASK-13555 賃貸ブログ「全国アクセスランキング」デザイン修正
memo  : 
2019/05/09 linhth 月間ランキング新規作成

========================================================== */

/*週間と色違い*/
#content {
  background: none;
}

#header_in {
  background-image: url(/ranking/image_cmn/bg-header.png);
}

.lead {
  margin-top: 15px;
}

.lead p.seo {
  color: #000;
  font-size: 16px;
  margin: 0 80px;
}

.lead p.data {
  color: #000;
  font-size: 15px;
}

#rankingcontent {
  width: 910px;
}

h2.rankingttl {
  background: #f85687;
  width: 910px;
}

h2.rankingttl:before, h2.rankingttl:after {
  display: none;
}

.tb_ranking {
  margin-bottom: 20px;
  width: 910px;
}

.tb_ranking table {
  border: 2px solid #e1d5c0;
  width: 910px;
  font-weight: bold;
}
.tb_ranking.topten_ranking table {
  border: none;
}
.tb_ranking.topten_ranking table tr{
  border-bottom: 2px solid #e1d5c0;
  border-left: 3px solid #e1d5c0;
  border-right: 3px solid #e1d5c0;
  border-top: 2px solid #e1d5c0;
  width: 910px;
}
.tb_ranking.topten_ranking table tr.rank_head{
  border: none;
}
.tb_ranking.topten_ranking table tr.bg_y{
  border: 3px solid #e1d5c0;
}
.tb_ranking td.area {
  color: #000;
  font-size: 15px;
  width: 128px;
}

.tb_ranking th span {
  background: #f8efde;
  border: none;
  box-shadow: none;
  color: #000;
  font-size: 17px;
  position: relative;
}
.tb_ranking tr.bg_b td {
  background: #faffee;
}
.tb_ranking tr.bg_w td {
  background: #fff;
}

.tb_ranking td.post .post_box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.topten_ranking td.post .post_box span.day {
  bottom: 3px;
  position: absolute;
  right: 0;
}
.topten_ranking td.area {
  font-weight: bold;
}

.topten_ranking td {
  height: 118px;
}
.topten_ranking td.rank {
  background: #faffee;
  text-align: center;
}
.topten_ranking .bg_y td {
  background: none;
}
.topten_ranking .bg_y td.rank {
  padding: 10px 10px 30px;
}

.topten_ranking td.rank img {
  width: 100%;
}
.topten_ranking td.rank span {
  font-size: 20px;
}
.topten_ranking td.shop p > img {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  width: 100%;
}

.topten_ranking td.rank .rank_icon {
  display: block;
  margin: 0 auto 5px;
  width: 81px;
}
.topten_ranking td.rank .left {
  margin-left: -12px;
  width: 52px;
}
.topten_ranking td.rank .arrow {
  display: inline-block;
  width: 20px;
}
.topten_ranking .bg_y td.rank .arrow {
  display: block;
  margin: 0 auto;
  width: 20px;
}

.tb_ranking .under td.rank span {
  font-size: 17px;
}
.tb_ranking .under td.shop > a {
  font-size: 15px;
  font-weight: bold;
  padding-left: 5px;
}

/* 矢印アイコンの注釈追加 */
.arrows_annotation{
  margin: 0 auto 50px;
  width: 910px;
}