@charset "Shift_JIS";
/* CSS Document */

div.StyleT_Item_ {position:relative;}
.rank_ {margin:-.5em 0 1em;}
.rank_ span {display:block;background:#aaa;color:#fff;width:30px;line-height:30px;font-size:12px;border-radius:50%;text-align:center;margin:0 auto;}

.rank_.rank01 span,
.rank_.rank02 span,
.rank_.rank03 span {text-indent: 100%;white-space: nowrap;overflow: hidden;width:auto;background:none;background-repeat:no-repeat;background-position:center;background-size:cover;width: 40px;height: 40px;display:block;border-radius:0;}
.rank_.rank01 span {background-image:url(../img/common/rank_icon01.png) ;}
.rank_.rank02 span {background-image:url(../img/common/rank_icon02.png) ;}
.rank_.rank03 span {background-image:url(../img/common/rank_icon03.png) ;}

@media screen and (min-width:375px) {
}

@media screen and (min-width:568px) {
}

@media screen and (min-width:768px) {
div.StyleT_Item_ {padding-left: 60px;}
.rank_ {margin: 0;position: absolute;left: 0;top: 55px;}
}

@media screen and (min-width:1024px) {
div.StyleT_Item_ {padding-left: 0;}
.rank_ {margin: 0;position: relative;left: 0;top: 0;height:50px;padding-top: 8px;}
.rank_.rank01,
.rank_.rank02,
.rank_.rank03 {padding-top:0;}
}

@media screen and (min-width:1280px) {
}
@media screen and (min-width:1600px) {
}

@media screen and (max-height:880px) {
}