@charset "utf-8";
/*----------------------header---------------------------------------
.contents .rankingring_side-menu menu ul .current a:before {content: none;}
.contents .side-menu_r menu section{background: url('/images/rank/r2.png') no-repeat 240px center #c2c2c2; display: none;}
.contents {display: none;}

*/

/*サイドメニュー見出し*/


.side-menu_r menu{position: relative; z-index: 1; width: 270px; left:-40px;}

.contents div.side-menu_r {width: 270px; center #c2c2c2; float: left;}
.contents .side-menu_r menu section div.ring{font-weight: bolder; background: url('/images/rank/r2.png') no-repeat 0px center; width:230px; height:25px; border-bottom: 1px solid #c3c3c3; padding: 7px 0px 0px 35px; font-size: 15px; margin: 20px -35px 0px 0px;}
.contents .side-menu_r menu section dt{background: url('/images/rank/c.png') no-repeat 0px center; width:230px; height:25px; border-bottom: 1px solid #c3c3c3; padding: 7px 0px 0px 35px; font-size: 15px; font-weight: bolder; margin: 20px 0px 0px 0px;}
.contents .side-menu_r menu section dd{width:260px; height:30px;  padding: 10px 0px 0px 5px;}
.contents .side-menu_r menu section dd a{text-decoration: none; color:#333; font-size: 16px;}
.contents .side-menu_r menu section dd:hover{background-color: #F08d8d;}
.contents .side-menu_r menu section dd:hover a{color:#FFF; display:block; width:225px; height:30px;}

.contents .side-menu_r menu section dd.selected{background-color: #F08d8d;}
.contents .side-menu_r menu section dd.selected a{color:#FFF;}


/*サイドメニュー見出し
.contents .side-menu_r menu section ul li{padding: 5px 0px 0px 10px;}
.contents .side-menu_r menu section ul li:first-child{padding: 15px 0px 0px 10px;}
*/

.contents .side-menu_r menu section ul{height:120px;}
.contents .side-menu_r menu section ul li{ width:240px; padding: 10px 0px 0px 10px; clear: both;}

.contents .side-menu_r menu section ul li span{
display: none;
}

.contents .side-menu_r menu section ul li a{
  width: 240px;
  height: 50px;
  float: left;
  overflow: hidden;
}
.contents .side-menu_r menu section ul li img{
border: none;
}

/*margin-top: -60px;*/
.contents .side-menu_r menu section ul li a:hover img{
margin-top: -50px;
}

.contents .side-menu_r menu section ul li.current img{
margin-top: -50px;
}


/*
.contents .side-menu_r li.engage{wigth:270px;height:40px; border: 1px solid #F08C8C; border-radius: 15px; margin:5px 0px 5px 0px;}
.contents .side-menu_r li.engage a{font-size: 16px; font-weight: bolder; text-decoration:none ; line-height: 8px; padding:15px 0px 0px 15px;}
.contents .side-menu_r li.engage span.br::before {font-size: 14px; font-weight:normal; text-decoration:none; content:"\A";  white-space: pre; padding:0px 0px 0px 15px;}

.contents .side-menu_r li.marriage{wigth:270px;height:40px; border: 1px solid #3AB7EB; border-radius: 15px;}
.contents .side-menu_r li.set{wigth:270px;height:40px; border: 1px solid #F08C8C; border-radius: 15px;}
*/


/* 左メニュー 
.contents {margin: 30px auto 0; width: 960px;}
.contents.mt0 {margin-top: 0px; padding-top:146px;}
.contents .side-menu_r {float: left; width: 270px;}
.contents .side-menu_r menu {
  margin: 0;
  -webkit-padding-start: 0;
  padding-start: 0; padding:0;
  padding-inline-start: 0px;
}
.contents .side-menu_r menu h2 {font-size: 0; line-height: 0; margin: 0; padding: 0;}
.contents .side-menu_r menu ul li {border-bottom: 1px solid #c3c3c3; padding-left: 1px;}
.contents .side-menu_r menu .img-ver ul li,
.contents .side-menu_r menu .img-ver ul li a {font-size: 0; line-height: 0;}
.contents .side-menu_r menu ul li a {border-left: 7px solid; display: block; margin: 6px 0px 6px 0px;}
.contents .side-menu_r menu img {border: 0;}

.contents .side-menu_r menu ul li a {
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
}

.contents .side-menu_r menu ul li a:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  top: 0;
  z-index: -1;
}

.contents .side-menu_r menu ul .marriage a {border-color: #ff9592;}
.contents .side-menu_r menu ul .engage a {border-color: #8bdefd;}
.contents .side-menu_r menu ul .set a {border-color: #fff9a0;}
.contents .side-menu_r menu ul .area a {border-color: #c497fc;}
.contents .side-menu_r menu ul .basic a {border-color: #ffc295;}
.contents .side-menu_r menu ul .blog a {border-color: #00c7fc;}
.contents .side-menu_r menu ul .ranking a {border-color: #9cfbdc;}

.contents .side-menu_r menu ul .marriage a:before {background: #ff9592;}
.contents .side-menu_r menu ul .engage a:before {background: #8bdefd;}
.contents .side-menu_r menu ul .set a:before {background: #fff9a0;}
.contents .side-menu_r menu ul .area a:before {background: #c497fc;}
.contents .side-menu_r menu ul .basic a:before {background: #ffc295;}
.contents .side-menu_r menu ul .blog a:before {background: #00c7fc;}
.contents .side-menu_r menu ul .ranking a:before {background: #9cfbdc;}

.contents .side-menu_r menu ul li a:hover, 
.contents .side-menu_r menu ul li a:focus, 
.contents .side-menu_r menu ul li a:active {color: #676668;}
.contents .side-menu_r menu ul li a:hover:before, 
.contents .side-menu_r menu ul li a:focus:before, 
.contents .side-menu_r menu ul li a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

.contents .side-menu_r menu .text-ver ul li a {color: #676668; font-size: 21px; letter-spacing: 0.05em; line-height: 1.3; padding: 10px 0 10px 20px; text-decoration: none;}
.contents .side-menu_r menu .text-ver ul li a.bold {font-weight: bold;}

.contents .side-menu_r menu .know {margin-top: 50px;}

.contents .side-menu_r .line-block {margin-top: 15px; }
.contents .side-menu_r .fb-block {margin-top: 15px; }








.contents .side-menu_r menu ul .marriage.current a {background: #ff9592;}
.contents .side-menu_r menu ul .engage.current a {background: #8bdefd;}
.contents .side-menu_r menu ul .set.current a {background: #fff9a0;}
.contents .side-menu_r menu ul .area.current a {background: #c497fc;}
.contents .side-menu_r menu ul .basic.current a {background: #ffc295;}
.contents .side-menu_r menu ul .blog.current a {background: #00c7fc;}
.contents .side-menu_r menu ul .ranking.current a {background: #9cfbdc;}


.contents .side-menu_r menu .sub-class {background-color: #f2f2f2; margin-top: 6px;}
.contents .side-menu_r menu .sub-class dl {border-bottom: 1px solid #bdbdbd; padding-bottom: 5px;}
.contents .side-menu_r menu .sub-class dl dt {color: #676668; font-size: 18px; padding: 10px 0 8px 35px;}
.contents .side-menu_r menu .sub-class dl dd a {color: #676668; display: block; font-size: 14px; padding: 5px 0 4px 45px;}
.contents .side-menu_r menu .sub-class dl dd a:hover {background-color: #c2c2c2;}
.contents .side-menu_r menu .sub-class dl .selected a {background: url('/images/rings/btn_close.gif') no-repeat 240px center #c2c2c2; }


左メニュー ここまで*/











.contents #breadcrumbs {padding-bottom: 10px;}


.contents .brands-ranking-rings .main-column {width: 685px;}


/* results */
.contents .main-column .pager {margin-top: 10px; text-align: center;}
.contents .main-column .pager p,
.contents .main-column .pager ol,
.contents .main-column .pager li {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}

.contents .main-column .pager p,
.contents .main-column .pager li {margin-right: 10px;}
.contents .main-column .pager p.tolast {margin-right: 0px;}

.contents .main-column .pager p a,
.contents .main-column .pager li a {
  border: 2px solid #ff9592; 
  -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
  display: block;
  font-size: 16px;
  line-height:1.2;
  padding:6px 0 5px;
}
.contents .main-column .pager p {width:70px;}
.contents .main-column .pager p a {color: #ff9592; text-decoration: none;}
.contents .main-column .pager li {width:40px;}
.contents .main-column .pager li a {color: #ff9592; text-decoration: none;}
.contents .main-column .pager .current a {background-color: #ff9592; color: #fff;}

.contents .main-column .pager a:hover {background-color: #ffc5c2;}
.contents .main-column .pager .current a:hover {background-color: #ff9592;}

.contents .main-column .pager .disable a {display: none;}

.contents .main-column .search-result p {font-size: 18px;}

.contents .main-column .result-box {border: 1px solid #ccc; margin-top: 10px; padding: 5px 10px; }
.contents .main-column .result-box .ttl {font-size: 16px;}
.contents .main-column .result-box .ttl span {font-size: 13px;}
.contents .main-column .result-box .il-block {margin-top: 10px;}
.contents .main-column .result-box .il-block p {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  margin:0 15px 5px 0;
  vertical-align: middle;
  /zoom: 1;
}
.contents .main-column .result-box .il-block p a {
  background: url('/images/rings/btn_close2.gif') no-repeat right center #ddd;
  color: #676668;
  display: block;
  padding: 3px 28px 3px 7px;
  text-decoration: none;
}

.detail-list .detail-box {margin: 10px 0 0 0;}
.detail-list .detail-box ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}


.detail-list .detail-box ul li {
  float: left;
  margin: 0 2px 2px 0;
  width: 225px;
  border: 1px solid #F0F0F0;
}


.detail-list .detail-box ul li:nth-child(3n) {margin-right: 0;}

.detail-list .detail-box ul li .img {display: block; font-size: 0; overflow: hidden;}
.detail-list .detail-box ul li .img img {
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;

}
.detail-list .detail-box ul li .img img:hover {
  filter: alpha( opacity=90 );
  opacity:0.90;
  -moz-opacity:0.90;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.detail-list .detail-box ul li .name {display: block; margin: 6px 5px 0;}
.detail-list .detail-box ul li .name strong {color: #585858; font-size: 14px; line-height: 1.1;}
.detail-list .detail-box ul li .price {color: #b4b4b4; display: block; font-size: 13px; line-height: 1.25; margin:4px 5px 0;}
.detail-list .detail-box ul li .brand {font-size: 13px; margin:3px 5px 0;}




/* 下部 結婚指輪ランキング */

.contents .main-column .ranking-box {margin: 35px 0 0 0;}

.contents .main-column .ranking-box .detail-box{margin-top: 10px;}
.contents .main-column .ranking-box .detail-box ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}


/*0804 注目のコンテンツ */
/* ランキング タブ 960px*/
.contents .all-column .ranking-tab {margin-left:4px;}
.contents .all-column .ranking-tab ul li {border: 1px solid #ccc; float: left; margin-right: 11px; width: 308px;}
.contents .all-column .ranking-tab ul li.shops {margin-right: 0;}
.contents .all-column .ranking-tab ul li a {color: #000; display: block; font-size: 23px; font-weight:bold; line-height: 1.1; padding: 21px 0 14px 59px; text-decoration: none; width: 249px;}
.contents .all-column .ranking-tab ul li a span {font-size: 18px;}

.contents .all-column .ranking-tab ul .rings a {background: url('/images/rank/parts_rank_tab_ico_rings.gif') no-repeat 20px center;}
.contents .all-column .ranking-tab ul .brands a {background: url('/images/rank/parts_rank_tab_ico_brands.gif') no-repeat 20px center;}
.contents .all-column .ranking-tab ul .shops a {background: url('/images/rank/parts_rank_tab_ico_shops.gif') no-repeat 20px center;}

.contents .all-column .ranking-tab ul .current,
.contents .all-column .ranking-tab ul li:hover {border-color: #ea535e;}
.contents .all-column .ranking-tab ul .current a,
.contents .all-column .ranking-tab ul li a:hover {color: #ea535e; }

.contents .all-column .pref-tab {border-bottom: 2px solid #ccc; margin: 18px 4px 0;}
.contents .all-column .pref-tab ul li {border: 2px solid #ea535e; border-bottom: 0px; float: left; margin-right: 6px; width: 109px;}
.contents .all-column .pref-tab ul li:last-child {margin-right: 0;}
.contents .all-column .pref-tab ul li a {color: #000; display: block; font-size: 17px; line-height: 1.1; padding: 10px 0 8px; text-align: center; text-decoration: none;}
.contents .all-column .pref-tab ul .current a,
.contents .all-column .pref-tab ul li a:hover {color: #fff; background-color: #ea535e;}


/* 人気の指輪ランキング 　685px*/
.contents .all-column .brands-ranking-rings {margin: 50px 0 0 5px; }
.contents .all-column .brands-ranking-rings h2 {border-bottom: 1px solid #fba19f; color: #000; font-size: 33px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0 0 3px 0; color: #f84c52;text-align: center;}
.contents .all-column .brands-ranking-rings .lead {font-size:12px; margin:12px 0px 20px;line-height: 2;}
.contents .all-column .brands-ranking-rings .pickup {margin-top: 15px;}




/* 人気の指輪ランキング */
.detail-list .ringranking ul li dl dd p.clown img{
width: 40px;
}

/*ランキング本体*/
.detail-list .ringrank-box ul li {
  float: left;
  margin: 0 2px 2px 0;
  width: 225px;
  border: 1px solid #F0F0F0;
}

/*結婚婚約・セット・アイコン*/
.detail-list .ringrank-box ul li span.ico img{top:-15px; display: block; font-size: 0; position: relative; z-index:2;}

.detail-list .ringrank-box ul li:nth-child(3n) {margin-right: 0;}

.detail-list .ringrank-box ul li .img {display: block; font-size: 0; overflow: hidden;}
.detail-list .ringrank-box ul li .img img {
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;

}
.detail-list .ringrank-box ul li .img img:hover {
  filter: alpha( opacity=90 );
  opacity:0.90;
  -moz-opacity:0.90;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.detail-list .ringrank-box ul li .name {display: block; margin: 6px 5px 0;}
.detail-list .ringrank-box ul li .name strong {color: #585858; font-size: 14px; line-height: 1.1;}
.detail-list .ringrank-box ul li .price {color: #b4b4b4; display: block; font-size: 13px; line-height: 1.25; margin:4px 5px 10px;}
.detail-list .ringrank-box ul li a.brand {font-size: 13px; margin:0px 5px 0px; display: block;}


.detail-list .ringrank-box ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

/*クラウン*/
.ringrank-box ul li span.clown img{
  position: absolute;
width:40px;
margin:5px;
z-index:2;
}



/*brands　span*/
.ringrank-box ul li span.brands{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.ringrank-box ul li a{
color: #F08d8d;
}


/* 最近見た結婚・婚約指輪 */
.contents .history-rings {margin-top: 50px;}
.contents .history-rings .ttl {border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; }  
.contents .history-rings .ttl .img,
.contents .history-rings .ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .history-rings .ttl .img {font-size: 0; line-height: 0;}
.contents .history-rings .ttl h3 {font-size: 28px; margin: 0; padding: 0 0 0 4px;}

.contents .history-rings .link-box {margin-top: 10px;}
.contents .history-rings .link-box ul {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.contents .history-rings .link-box ul li {border: 1px solid #ccc; background-color: #efefef; float: left; margin-right: 1px; width: 134px;}
.contents .history-rings .link-box ul li:last-child {margin-right: 0;}

.contents .history-rings .link-box ul li .img {position: relative;}
.contents .history-rings .link-box ul li .img a {background-color: #fff; display: block; font-size: 0; overflow: hidden;}
.contents .history-rings .link-box ul li .img .ico {bottom: 0; display: block; font-size: 0; left: 0; position: absolute;}
.contents .history-rings .link-box ul li .img a img {
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.contents .history-rings .link-box ul li .img a:hover img {
  filter: alpha( opacity=90 );
  opacity:0.90;
  -moz-opacity:0.90;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.contents .history-rings .link-box ul li .brand {margin: 3px 10px;}
.contents .history-rings .link-box ul li .ring-name,
.contents .history-rings .link-box ul li .classify {margin: 0 10px;}
.contents .history-rings .link-box ul li .price {color: #f00; margin: 0 10px; padding-bottom: 4px;}



/* 指輪選びの基礎知識 */
.contents .basic-sec {margin-top: 50px;}
.contents .basic-sec .ttl {border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; }
.contents .basic-sec .ttl .img,
.contents .basic-sec .ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .basic-sec .ttl .img {font-size: 0; line-height: 0;}
.contents .basic-sec .ttl h3 {font-size: 28px; margin: 0; padding: 0 0 0 4px;}
.contents .basic-sec .detail {margin-top: 10px;}
.contents .basic-sec .detail ul {margin: 0px;}
.contents .basic-sec .detail ul li {
  border: 2px solid #fad8d8;
  -webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
  float: left;
  margin: 0 0px 6px 5px;
  width: 330px;
}
.contents .basic-sec .detail ul li img {width: 80px;}
.contents .basic-sec .detail ul li span {width: 230px; padding-left: 10px;}
.contents .basic-sec .detail ul li img,
.contents .basic-sec .detail ul li span {color: #666768; display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .basic-sec .detail ul li span em {display: block; font-size: 16px; font-weight: bold; padding-bottom: 4px;}
.contents .basic-sec .detail ul li a:hover span {text-decoration: underline;}
.contents .basic-sec .detail ul li a:hover img {filter: alpha( opacity=90 ); opacity: 0.90; -moz-opacity: 0.90;}



/* 注目のコンテンツ */
.contents .pickup-contents {margin-top: 50px;}
.contents .pickup-contents .ttl {border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; }
.contents .pickup-contents .ttl .img,
.contents .pickup-contents .ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .pickup-contents .ttl .img {font-size: 0; line-height: 0;}
.contents .pickup-contents .ttl h3 {font-size: 28px; margin: 0; padding: 0 0 0 4px;}
.contents .pickup-contents .link-box {margin: 10px 0 0 0px;}
.contents .pickup-contents .link-box ul li {float: left; padding-right: 16px; width: 235px;}
.contents .pickup-contents .link-box ul li a {display: block;}
.contents .pickup-contents .link-box ul li a:hover {filter: alpha( opacity=90 ); opacity: 0.90; -moz-opacity: 0.90;}


/* h2ボタン*/
.contents .history-rings a.btnk{
float: right;
}

.contents .history-rings a.btnk:hover{
opacity: 0.8;
}



/* ピックアップ ボーダー見出し*/

.contents .main-column .ranking-box .ring_rankm { width:100%;
display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;
border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; 
}

.contents .main-column .ranking-box .ring_rankm h3{
font-size: 20px; margin: 0; padding: 0 0 0 4px;
}
.contents .main-column .ranking-box .ring_rankm a{
float:left;  
}

.contents .main-column .ranking-box .detail-box ul li {
  float: left;
  margin: 0 1px 3px 0;
  border: 1px solid #F0F0F0;
  width: 168px;
}

.contents .main-column .ranking-box .detail-box ul li:nth-child(4n) {margin-right:0;}
.contents .main-column .ranking-box .detail-box ul li .img {display: block; font-size: 0; overflow: hidden; position: relative;
z-index:1;}
.contents .main-column .ranking-box .detail-box ul li .img img {
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.contents .main-column .ranking-box .detail-box ul li .img img:hover {
  filter: alpha( opacity=90 );
  opacity:0.90;
  -moz-opacity:0.90;
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.contents .main-column .ranking-box .detail-box ul li .name {display: block; margin: 5px;}
.contents .main-column .ranking-box .detail-box ul li .name strong {color: #585858; font-size: 14px; line-height: 1.1;}
.contents .main-column .ranking-box .detail-box ul li .price {color: #b4b4b4; display: block; font-size: 12px; line-height: 1.25; margin:5px;}






/* トップの切り替えをボタンからタブに
------------------------------------------------------------------------------------------ */
.ranking-index-top {border-bottom: 3px solid #fba19f; padding-top: 146px;}
.ranking-index-top .ranking-tab {margin:20px auto 0; width: 960px;}
.ranking-index-top .ranking-tab ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ranking-index-top .ranking-tab ul li {
  background-color: #fba19f;
  border-left: 3px solid #fba19f;
  border-right: 3px solid #fba19f;
  border-top: 3px solid #fba19f;
  -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  float: left;
  margin:0 0 -3px 36px;
  width: 282px;
}

.ranking-index-top .ranking-tab ul li:hover,
.ranking-index-top .ranking-tab ul .current {background-color: #fff;}

.ranking-index-top .ranking-tab ul li:first-child {margin-left: 12px;}

.ranking-index-top .ranking-tab ul li a {color: #fff; display: block; font-size: 17px; font-weight: bold; padding: 1em 0; text-align: center; text-decoration: none;}
.ranking-index-top .ranking-tab ul li:hover a,
.ranking-index-top .ranking-tab ul .current a {color: #666;}