@charset "utf-8";
/*----------------------header---------------------------------------*/

.contents .side-menu menu ul .current a:before {content: none;}
.contents .side-menu menu ul .marriage.current a {background: #FF75AB;;}
.contents .side-menu menu ul .engage.current a {background: #4CBDEA;}
.contents .side-menu menu ul .set.current a {background: #F9CE00;}
.contents .side-menu menu ul .area.current a {background: #c497fc;}
.contents .side-menu menu ul .basic.current a {background: #ffc295;}
.contents .side-menu menu ul .blog.current a {background: #00c7fc;}
.contents .side-menu menu ul .ranking.current a {background: #9cfbdc;}


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

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


.ringsM .contents .main-column,
.ringsE .contents .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 #fdc4b6;
  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 5px 10px 0;
  width: 225px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.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 .ring_name_container{
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.detail-list .detail-box ul li .name {display: block; margin: 6px 5px 0;text-decoration:none;color: #585858; font-size: 15px; font-weight:bold;min-height:48px;}
.detail-list .detail-box ul li .price {text-decoration:none; color: #7f7f7f; display: block; font-size: 13px; line-height: 1.25; margin:10px 5px 0;}
.detail-list .detail-box ul li .brand {text-decoration:none; color: #7f7f7f;display: block; font-size: 13px; margin:5px 5px 0;}

/* .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 h3 {border-bottom: 2px solid #fb9a97; font-size:22px; line-height: 1.1; margin: 0; padding: 0 0 10px;}

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

.contents .main-column .ranking-marriage .detail-box{margin-top: 10px;}
.contents .main-column .ranking-marriage .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;
}
.contents .main-column .ranking-marriage .detail-box ul li {
  float: left;
  margin: 0 3px 3px 0;
  width: 169px;
}
.contents .main-column .ranking-marriage .detail-box ul li:nth-child(4n) {margin-right:0;}
.contents .main-column .ranking-marriage .detail-box ul li .img {display: block; font-size: 0; overflow: hidden;}
.contents .main-column .ranking-marriage .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-marriage .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-marriage .detail-box ul li .name {display: block; margin-top: 6px;}
.contents .main-column .ranking-marriage .detail-box ul li .name strong {color: #585858; font-size: 14px; line-height: 1.1;}
.contents .main-column .ranking-marriage .detail-box ul li .price {color: #b4b4b4; display: block; font-size: 12px; line-height: 1.25; margin-top:4px;}



/* リングガイド 
----------------------------------------------------------------------------------- */
.ring-guide {margin: 25px auto 0; width: 960px;}
.ring-guide .cmenu h2 {font-size: 28px; margin: 0; padding:0;}

.ring-guide .cmenu h2,
.ring-guide .header h3,
.ring-guide .header .price {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif; line-height: 1.1;}

.ring-guide .header {margin-top: 20px;}
.ring-guide .header .img-side {float: left; font-size: 0; line-height: 0; width: 400px;}

.ring-guide .header .txt-side {float: right; width: 450px;}
.ring-guide .header h3 {font-size: 26px; margin: 0; padding:0;}
.ring-guide .header .price {font-size: 20px; margin-top: 15px;}
.ring-guide .header .txt-side .btn-side {margin-top: 15px;}
.ring-guide .header .txt-side .btn-side .btn-l {float: left; font-size: 0; line-height: 0; width: 195px;}
.ring-guide .header .txt-side .btn-side .btn-r {float: right; font-size: 0; line-height: 0; width: 250px;}

.ring-guide .header .txt-side .main-text {margin-top: 20px; }
.ring-guide .header .txt-side .attention {margin-top: 12px; }

.ring-guide .header .txt-side .detail { border-top:1px dotted #000; margin-top: 25px; padding-top:25px;}
.ring-guide .header .txt-side .detail dl {padding-bottom: 10px;}
.ring-guide .header .txt-side .detail dl dt,
.ring-guide .header .txt-side .detail dl dd {display: inline;}

.ring-guide .header .txt-side .ico-block {margin-top: 20px;}
.ring-guide .header .txt-side .ico-block p.market,
.ring-guide .header .txt-side .ico-block p.material,
.ring-guide .header .txt-side .ico-block p img,
.ring-guide .header .txt-side .ico-block p span {display: -moz-inline-box; display: inline-block; /display: inline; padding-right: 7px; vertical-align: middle; /zoom: 1;}

.ring-guide .header .txt-side .ico-block p.mail {margin-top: 12px;}
.ring-guide .header .txt-side .ico-block p a span {text-decoration: underline;}


/* 製品一覧 */
.ring-guide .product-area {margin-top: 20px; padding-bottom: 20px;}
.ring-guide .product-area .detail-sec h4 {border-bottom: 1px solid #fba19e; color: #585858; font-size: 24px; line-height: 1.1;  margin: 30px 0 0; padding: 0 0 5px;}
.ring-guide .product-area .detail-sec .il-block {margin-top: 20px;}
.ring-guide .product-area .detail-sec .il-block .ring-dtl {display: -moz-inline-box; display: inline-block; /display: inline; padding-right: 12px; vertical-align: top; width: 231px; /zoom: 1;}
.ring-guide .product-area .detail-sec .il-block .ring-dtl:last-child {padding-right: 0px;}
.ring-guide .product-area .detail-sec .il-block .ring-dtl .img {font-size: 0; height: 231px; line-height:0; overflow: hidden; width: 231px;}
.ring-guide .product-area .detail-sec .il-block .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;
}
.ring-guide .product-area .detail-sec .il-block .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);
}
.ring-guide .product-area .detail-sec .il-block .ring-dtl .name {margin-top: 5px;}
.ring-guide .product-area .detail-sec .il-block .ring-dtl .name strong {color: #585858; font-size: 17px; line-height: 1.1;}
.ring-guide .product-area .detail-sec .il-block .ring-dtl .price {color: #b4b4b4; font-size: 14px; line-height: 1.25;}

.ring-guide .more-btn {border: 1px solid #fba19e; font-size: 16px; margin-top: 5px; text-align: center;}
.ring-guide .more-btn a {color: #fb9a97; display: block; font-size: 16px; font-weight: bold; padding: 0.6em 0; text-decoration: none;}
.ring-guide .more-btn a:hover {background-color: #fffafa; text-decoration: underline;}