@charset "Shift_JIS";

#popranking {
    width: 1100px;
    margin: 30px auto 30px;
}

._popranking ._results ._results_items ._item {
    width: 206px;
}
._popranking ._results ._results_items ._item ._seq {
    font-size: 1rem;
    padding: 8px;
    font-weight: bold;
}

#poprankingItem1, 
#poprankingItem2, 
#poprankingItem3 {
    width: 276px;
}
#poprankingItem1 ._seq, 
#poprankingItem2 ._seq, 
#poprankingItem3 ._seq {
    display: none;
}
._popranking ._results ._results_items ._item ._wrap ._title a {
    font-weight: bold;
    color: #444;
}
#poprankingItem1 ._title, 
#poprankingItem2 ._title, 
#poprankingItem3 ._title {
    font-size: 1rem;
    line-height: 1.5;
    height: 60px;
}
#poprankingItem1 ._price, 
#poprankingItem2 ._price, 
#poprankingItem3 ._price {
    padding: 24px 0 12px;
    text-align: right;
}
#poprankingItem1 ._num, 
#poprankingItem2 ._num, 
#poprankingItem3 ._num {
    font-size: 2em;
    font-weight: bold;
    color: #444;
}
._popranking ._results ._results_items ._item:nth-child(1):before {
    content: url(/img/usr/fb/rank1.png);
    position: absolute;
    left: 0;
    transform: scale(0.7);
    z-index: 1;
}
._popranking ._results ._results_items ._item:nth-child(2):before {
    content: url(/img/usr/fb/rank2.png);
    position: absolute;
    left: 0;
    transform: scale(0.7);
    z-index: 1;
}
._popranking ._results ._results_items ._item:nth-child(3):before {
    content: url(/img/usr/fb/rank3.png);
    position: absolute;
    left: 0;
    transform: scale(0.7);
    z-index: 1;
}

._popranking ._results ._results_items ._item ._wrap {
    width: 95%;
}

._popranking ._attributegroup ._attributes ._attribute input {
    width: 15px;
    height: 15px;
}

._popranking ._sortorderselector._sortorderselector_type2 ._sort {
    padding: 1em;
    border: 1px solid #c0342f;
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
}
._sort._current {
    background: #c0342f;
    color: #fff;
    font-weight: bold;
}

._seq {
    text-align: left;
}

._attributegroup_category {
  float: left;
}
._popranking ._sortorderselector ._label {
    display: none;
}

._results ._results_items ._item ._wrap ._title {
  position: relative;
  height: 44px;
  overflow: hidden;
  text-align: justify;
    padding: 10px;
}
._results ._results_items #poprankingItem1 ._wrap ._title:before,
._results ._results_items #poprankingItem1 ._wrap ._title:after {
  position: absolute;  
  background: white;
}
._results ._results poprankingItem1 ._wrap ._title:before {
  content: "...";
  bottom: 0;
  right: 14px;
}
._results ._results_items poprankingItem1 ._wrap ._title:after {
  content: "";
  height: 100%;
  width: 100%;
}

._results ._results_items ._item ._wrap ._title {
  position: relative;
  height: 44px;
  overflow: hidden;
  text-align: justify;
    padding: 10px;
}
._results ._results_items ._item ._wrap ._title:before,
._results ._results_items ._item ._wrap ._title:after {
  position: absolute;  
  background: white;
}
._results ._results ._item ._wrap ._title:before {
  content: "...";
  bottom: 0;
  right: 14px;
}
._results ._results_items ._item ._wrap ._title:after {
  content: "";
  height: 100%;
  width: 100%;
}



/*左カラ��あり*/
._gadget {
    width: 840px;
}

._gadget ._label {
    font-size: 1rem;
    font-weight: bold;
    background: #fff url(../img/icon/ranking_point.png) left center no-repeat;
    padding: 10px 0 10px 26px;
}

._popranking ._gadget ._gadget_items ._item ._wrap ._seq_1 {
    text-align: left;
    color: transparent;
    background-image: url(/img/usr/fb/rank1.png);
    background-repeat: no-repeat;
    background-size: contain;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._seq_2 {
    text-align: left;
    color: transparent;
    background-image: url(/img/usr/fb/rank2.png);
    background-repeat: no-repeat;
    background-size: contain;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._seq_3 {
    text-align: left;
    color: transparent;
    background-image: url(/img/usr/fb/rank3.png);
    background-repeat: no-repeat;
    background-size: contain;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._seq_4 {
    text-align: left;
    /* color: transparent; */
    /* background-image: url(/img/usr/fb/rank4.png); */
    background-repeat: no-repeat;
    background-size: contain;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._seq_5 {
    text-align: left;
    /* color: transparent; */
    /* background-image: url(/img/usr/fb/rank5.png); */
    background-repeat: no-repeat;
    background-size: contain;
}

._popranking ._gadget ._gadget_items ._item ._seq:after {
    content: '��';
}

._popranking ._gadget ._gadget_items ._item ._wrap ._title {
  position: relative;
  height: 44px;
  overflow: hidden;
  text-align: justify;
    padding: 10px;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._title:before,
._popranking ._gadget ._gadget_items ._item ._wrap ._title:after {
  position: absolute;  
  background: white;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._title:before {
  content: "...";
  bottom: 0;
  right: 14px;
}
._popranking ._gadget ._gadget_items ._item ._wrap ._title:after {
  content: "";
  height: 100%;
  width: 100%;
}

.not-just {
  text-align: unset;
}

._popranking ._gadget ._gadget_items ._item ._wrap ._price {
    font-weight: bold;
}

/*静的部��*/
p.recommend_link {
    width: 840px;
    margin-bottom: 30px;
}
p.recommend_link a {
    border: 1px solid #222;
    padding: 10px 0;
    width: 260px;
}
#popranking .recommend_link {
    text-align: right;
    width: 840px;
    margin-bottom: 26px;
}
#popranking .recommend_link a {
    padding: 10px 20px;
    border: none;
}

/* ランキングへのリンク */
div.ranking_link.top_ {
	clear: both;
    margin-bottom: 10px;
}
div.ranking_link.bottom_ {
    margin-bottom: 15px;
}
div.ranking_link {
display:inline-block;
    float: right;
    text-align: center;
    background: #c0342f;
    color: #fff!important;
    font-weight: bold;
    border: 1px solid #c0342f;
    border-radius: 3px;
    padding: 10px;
    white-space: nowrap;
}
div.ranking_link a:link {
    color: #fff!important;
    text-decoration: none;
    font-size: 13px;
}
div.ranking_link a:visited {
    color: #fff!important;
}
div.ranking_link + h2,
div.ranking_link + h3,
div.ranking_link + div,
div.ranking_link + p {
	clear: both;
}

.banner_area img{
	width: 100%;
}