@charset "utf-8";

/* ぱんくず */
#breadcrumbs {color: #666666; font-size: 90%; margin: 0 auto; width: 960px;}
#breadcrumbs a {font-size: 14px; color: #585858;}
#breadcrumbs a:hover {color: #787878;}


/* カラム分けなし */
.contents .all-column {margin-top: 20px; width: 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;}

/* 人気ショップランキング */
.contents .all-column .shop-ranking-main {margin: 50px 0 0 5px; }
.contents .all-column .shop-ranking-main h2 {border-bottom: 1px solid #fba19e; color: #f84c52; font-size: 33px; font-weight: normal; line-height: 1.1; margin: 0px; padding: 0 0 3px 0; text-align: center;}
.contents .all-column .shop-ranking-main .lead {margin-top: 12px;}
.contents .all-column .shop-ranking-main  .pickup {margin-top: 15px;}
.contents .all-column .shop-ranking-main  .pickup .clearfix 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 .all-column .shop-ranking-main .pickup h3 {color: #a39e9e; font-size: 19px; font-weight: bold; line-height: 1.1; margin: 30px 0px 0px 0px ; padding: 0 0 3px 0;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul {margin-top: 11px;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li {border: 1px solid #ccc; float: left; margin-right: 10px; width: 228px;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li:last-child {margin-right: 0;}

.contents .all-column .shop-ranking-main .pickup .clearfix ul li h4 {margin: 0; padding: 10px;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li h4 a {color: #a39e9e; display: block; font-size: 14.5px; font-weight: normal; height: 2.6em; line-height: 1.3; text-decoration: none;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li h4 a:hover {text-decoration: underline;}

.contents .all-column .shop-ranking-main .pickup .clearfix ul li .img {font-size: 0; line-height: 0; width: 100%;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li .img a:hover {filter: alpha( opacity=75 ); opacity: 0.75; -moz-opacity: 0.75;}
.contents .all-column .shop-ranking-main .pickup .clearfix ul li .txt {font-size: 14px; height: 2.6em; line-height: 1.3; margin: 5px 6px 10px;}
.contents .all-column .shop-ranking-main .pickup {border-bottom: 2px dotted #e5e5e5; padding-bottom: 20px; width: 950px;}



/* ランキング本体 */
.contents .all-column .shop-ranking-main .ranking-detail {border-bottom: 2px dotted #e5e5e5; margin: 20px -5px 0; padding-bottom: 20px; width: 960px;}

.contents .all-column .shop-ranking-main .ranking-detail ol {
  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 .all-column .shop-ranking-main .ranking-detail ol li {border: 1px solid #f0f0f0; float: left; margin-right: 10px; width: 473px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li:nth-child(2n) {margin-right: 0;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl {padding: 5px 0 4px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl .clown,
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl .clown {padding: 0 9px; width: 45px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl h3 {color: #000; font-size: 18px; font-weight: normal; line-height: 1.3; margin: 0px; padding: 0 0 0 3px; width: 392px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl a:hover .clown img {filter: alpha( opacity=75 ); opacity: 0.75; -moz-opacity: 0.75;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .rank-ttl a:hover h3 {text-decoration: underline;}

.contents .all-column .shop-ranking-main .ranking-detail ol li .detail {padding: 0 9px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .pic {float: left; font-size: 0; line-height: 0; width: 200px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .pic a:hover img {filter: alpha( opacity=75 ); opacity: 0.75; -moz-opacity: 0.75;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .txt {float: right; width: 242px; height: 200px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .txt .ttl {height: 3em; line-height: 1.5;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .txt .comment {height: 4.5em; line-height: 1.5; margin-top: 3px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .txt .station {margin-top: 8px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .detail .txt .car {height: 3em; line-height: 1.5; margin-top: 3px;}

.contents .all-column .shop-ranking-main .ranking-detail ol li .attr {margin: 6px -1px 0;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .attr ul {font-size: 0; line-height: 0;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .attr ul li {border: 0px; display: inline; font-size: 0; line-height: 0; margin: 0; float: none;width: 95px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .attr ul li img {font-size: 0; line-height: 0;}

.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec {margin: 9px 9px 0; padding-bottom: 9px;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .detail-link {float: left;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .hp-link,
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .reserve-link {float: right;}

.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .detail-link,
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .hp-link,
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .reserve-link {width: 220px;}

.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .detail-link a,
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .hp-link a,
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .reserve-link a {
  border: 2px solid #ea535e;
  -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;
  color: #ea535e;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 0 10px;
  text-align: center;
  text-decoration: none;
  width: 214px;
}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .hp-link a {
  background-color: #ea535e;
  color: #fff;
}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .reserve-link a {
  background-color: #00b3e0;
  border-color: #00b3e0;
  color: #fff;
}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .detail-link a:hover {background-color: #fff0f0;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .hp-link a:hover {background-color: #fb646f;}
.contents .all-column .shop-ranking-main .ranking-detail ol li .btnSec .reserve-link a:hover {background-color: #1cbfe8;}



/* ピックアップブランドランキング */
.contents .all-column .pickup-brand-rank {margin-top: 50px;}
.contents .all-column .pickup-brand-rank .ttl {border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; text-align: center;}

.contents .all-column .pickup-brand-rank .ttl .img,
.contents .all-column .pickup-brand-rank .ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .all-column .pickup-brand-rank .ttl .img {font-size: 0; line-height: 0;}
.contents .all-column .pickup-brand-rank .ttl h3 {font-size: 28px; margin: 0px; padding: 0 0 0 4px;}

.contents .all-column .pickup-brand-rank .link-box {margin: 0 0 0;}
.contents .all-column .pickup-brand-rank .link-box ul li {border: 1px solid #e4e4e4; float:left; margin: 10px 10px 0 0; width: 311px; }
.contents .all-column .pickup-brand-rank .link-box ul li:nth-child(3n) {margin-right: 0;}
.contents .all-column .pickup-brand-rank .link-box ul li a {background: url('/images/brand/pic_pickup_clown.gif') no-repeat 10px center; color: #2c1318; display: block; font-size: 18px; padding: 10px 0 10px 57px; text-decoration: none; width: 254px;}
.contents .all-column .pickup-brand-rank .link-box ul li a:hover {filter: alpha( opacity=75 ); opacity: 0.75; -moz-opacity: 0.75; text-decoration: underline;}


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

.contents .all-column .history-rings .link-box {margin-top: 10px;}
.contents .all-column .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 .all-column .history-rings .link-box ul li {border: 1px solid #ccc; background-color: #efefef; float: left; margin-right: 2px; width: 188px;}
.contents .all-column .history-rings .link-box ul li:last-child {margin-right: 0;}

.contents .all-column .history-rings .link-box ul li .img {position: relative;}
.contents .all-column .history-rings .link-box ul li .img a {background-color: #fff; display: block; font-size: 0; overflow: hidden;}
.contents .all-column .history-rings .link-box ul li .img .ico {bottom: 0; display: block; font-size: 0; left: 0; position: absolute;}
.contents .all-column .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 .all-column .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 .all-column .history-rings .link-box ul li .brand {margin: 3px 10px;}
.contents .all-column .history-rings .link-box ul li .ring-name,
.contents .all-column .history-rings .link-box ul li .classify {margin: 0 10px;}
.contents .all-column .history-rings .link-box ul li .price {color: #f00; margin: 0 10px; padding-bottom: 4px;}



/* 指輪選びの基礎知識 */
.contents .all-column .basic-sec {margin-top: 50px;}

.contents .all-column .basic-sec .ttl {border-bottom: 6px solid #e4e4e4; margin: 0; padding: 0 0 3px 0; text-align: center;}
.contents .all-column .basic-sec .ttl .img,
.contents .all-column .basic-sec .ttl h3 {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .all-column .basic-sec .ttl .img {font-size: 0; line-height: 0;}
.contents .all-column .basic-sec .ttl h3 {font-size: 28px; margin: 0; padding: 0 0 0 4px;}
.contents .all-column .basic-sec .detail {margin-top: 10px;}
.contents .all-column .basic-sec .detail ul {margin: 0 0 0 150px;}
.contents .all-column .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 3px 6px;
  width: 320px;
}
.contents .all-column .basic-sec .detail ul li img {width: 80px;}
.contents .all-column .basic-sec .detail ul li span {width: 230px; padding-left: 10px;}
.contents .all-column .basic-sec .detail ul li img,
.contents .all-column .basic-sec .detail ul li span {color: #666768; display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}
.contents .all-column .basic-sec .detail ul li span em {display: block; font-size: 16px; font-weight: bold; padding-bottom: 4px;}
.contents .all-column .basic-sec .detail ul li a:hover span {text-decoration: underline;}
.contents .all-column .basic-sec .detail ul li a:hover img {filter: alpha( opacity=90 ); opacity: 0.90; -moz-opacity: 0.90;}

/* 注目のコンテンツ */
.contents .all-column .pickup-contents {margin-top: 50px;}

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