/*---------------------------------
rank
-----------------------------------*/
section#ranking {clear: both;position: relative;}
.rank_box {display: flex;padding: 32px 32px 0;justify-content: center;}
.rank_box dl {padding: 0 12px;width: 200px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;transition:0.2s;}
.rank_box._top dl {width: 230px;padding: 0 12px;}
.rank_box dl div {font-size: 18px;color: #401f1f;line-height: 42px;z-index: 1;position: static;margin-bottom: 4px;background: none;width: unset;height: unset;text-align: left;}
.rank_box dl div._gold::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._silver::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._bronze::before {content: '';background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -4px;}
.rank_box dl div._gold {padding-left: 1.55em;background: none;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._gold span {color: #401f1f;font-size: 21px;}
.rank_box dl div._silver {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._silver span {color: #401f1f;font-size: 21px;}
.rank_box dl div._bronze {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._bronze span {color: #401f1f;font-size: 21px;}
.rank_box._bottom dl {padding: 0 17px;}
.rank_box._bottom dl div {font-size: 28px;background: none;width: unset;height: unset;text-align: left;}
.rank_box dl div span {font-family: 'Noto Serif JP', serif;line-height: 1;font-size: 21px;color: #252525;position: static;}
.rank_box .item_img {position: relative;}
.rank_box._bottom {padding-top: 0;}
.rank_box._bottom dl dd.item_img {margin: 24px 0 0;}
.rank_box dl dd.item_name {color: #252525;margin-top: 8px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 13px;line-height: 1.3;}
.rank_box dl dd.price {color: #252525;}
.rank_box a:hover {text-decoration: none;}
.rank_box dl:hover{opacity:0.8;}
.rank_box img{width:100%;height:auto;}

/*---------------------------------
rank other
-----------------------------------*/
.rank_box.other_rank{display:flex;flex-wrap:wrap;padding:0 20px;margin-top:32px;}
.rank_box.other_rank a{transition:0.2s;}
.rank_box.other_rank a:hover{opacity:0.8;text-decoration: none;}
.rank_box.other_rank dl{width:174px;padding:0 5px;margin: 0 0 32px;}