@charset "utf-8";

.ringsM .contents .all-column .rings-ranking-rings h2 {border-bottom: 1px solid #fba19f; font-size: 33px; font-weight: normal; line-height:1.1; margin: 0; padding: 0 10px 3px 10px;color: #f84c52;text-align: center;}
.ringsM .contents .all-column .rings-ranking-rings .lead {line-height: 2; margin-top: 10px;}

.ringsM .contents .all-column .rings-ranking-rings .today-pickup {margin-top: 25px;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup h3 {font-size: 17px; line-height: 1.1; margin: 0; padding: 0;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box { margin-top: 10px;
  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;
}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box {background-color: #ffe7e7;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl { margin-left: 15px; padding: 15px 0; width: 174px;}

.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .img {background-color: #fff; font-size: 0; height: 174px; line-height:0; overflow: hidden; width: 174px;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .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;
}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .img img:hover {
  filter: alpha( opacity=90 );
  opacity: 0.90;
  -moz-opacity: 0.90;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .name {margin-top: 8px;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .name strong {color: #585858; font-size: 14px; line-height: 1.1;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .list-box .ring-dtl .price {color: #b4b4b4; font-size: 12px; line-height: 1.25;}

.ringsM .contents .all-column .rings-ranking-rings .today-pickup .more-btn {border: 1px solid #fba19e; font-size: 16px; margin-top: 10px; text-align: center;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .more-btn a {color: #fb9a97; display: block; font-size: 16px; font-weight: bold; padding: 0.6em 0; text-decoration: none;}
.ringsM .contents .all-column .rings-ranking-rings .today-pickup .more-btn a:hover {background-color: #fffafa; text-decoration: underline;}




.contents .side-menu_r {float: left; width: 270px;}
.contents .side-menu_r menu {margin: 0; padding: 0; position: relative; width: 270px; z-index: 1;}
.contents .side-menu_r menu section .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 0px 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 .selected {background-color: #F08d8d;}
.contents .side-menu_r menu section .selected a {color:#FFF;}
.contents .side-menu_r menu section ul {height:120px;}
.contents .side-menu_r menu section ul li { padding: 10px 0px 0px 10px; clear: both; width:240px; }
.contents .side-menu_r menu section ul li span {display: none;}
.contents .side-menu_r menu section ul li a{float: left; height: 50px; overflow: hidden; width: 240px;}
.contents .side-menu_r menu section ul li img {border: none;}
.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;}

.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl {margin-top: 27px;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl h3 {border-bottom: 1px solid #fba19f; font-size: 17px; line-height: 1.1;margin: 0; padding: 0 5px 3px;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list {border: 1px solid #a1a1a1; border-bottom: 0; border-right: 0; margin-top: 10px;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list.single {border: 0;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list 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;
}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li {
  border: 1px solid #a1a1a1;
  border-left: 0;
  border-top: 0; 
  width: calc(50% - 1px);
}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list.single li {border: 1px solid #a1a1a1;}

.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a {display: block; letter-spacing
: -.4em;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a:hover {background-color: #ffe4e4;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a span {display: -moz-inline-box; display: inline-block; /display: inline; letter-spacing: normal; vertical-align: middle; /zoom: 1;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a .img {font-size: 0; line-height: 0; overflow: hidden; width: 62px;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a .txt {color: #666; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; max-width: 251px; padding: 0 0 0 10px;}
.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a:hover .txt {text-decoration: underline;}

.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a .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;
*/
}

.ringsM .contents .all-column .rings-ranking-rings .main-column .ranking-dtl .dtl-list ul li a:hover .img img {
/*
  filter: alpha( opacity=90 );
  opacity: 0.90;
  -moz-opacity: 0.90;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
*/
}