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

/* 追従メニュー */
.brands .cmenu {margin: 35px auto 88px; width: 960px;}
.brands .cmenu h2 {font-size: 33px; line-height: 1.1; margin: 0; padding: 0 0 0;}
.brands .cmenu h2 .ruby {color: #b4b4b4; display: block; margin-top: 15px;}

.brands #bmenu {background-color: #fff; height: 52px; padding: 35px 0 0; top: 264px; width: 960px; z-index: 999;}
.brands #bmenu .brand_menu { position: absolute; width: 960px;}
.brands #bmenu .brand_menu li {
  border: 1px solid #666768; 
  -webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  float: left;
  font-size: 16px;
  line-height:1.2;
  margin: 0 3px -1px;
  text-align: center;
  width: 152px;
}

.brands #bmenu .brand_menu li a {
  box-shadow: 0 0 1px transparent;
  color: #373737;
  display: block;
  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;
  padding: 1em 0;
  position: relative;
  text-decoration: none;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.brands #bmenu .brand_menu li a:before {
  background: #badc9c;
  -webkit-border-radius: 11px 11px 0px 0px / 11px 11px 0px 0px;
  -moz-border-radius: 11px 11px 0px 0px / 11px 11px 0px 0px;
  border-radius: 11px 11px 0px 0px / 11px 11px 0px 0px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: -1;
}
.brands #bmenu .brand_menu li a:hover:before, 
.brands #bmenu .brand_menu li a:focus:before, 
.brands #bmenu .brand_menu li a:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.brands.main-cont {margin: 0 auto; width: 960px;}

/* ヘッダー部 */
.brands .header {padding-top: 13px;}
.brands .header .lead strong {color: #585858; font-size: 20px;}
/*
.brands .header h3 {font-size: 0; line-height: 0; margin-top: 15px; }
*/
.brands .header .main-image {font-size: 0; line-height: 0; margin-top: 15px; }
.brands .header .exp-text {color: #585858; font-size: 18px; margin-top: 15px;}

.brands .header .attr-sec {margin-top: 15px;}
.brands .header .attr-sec .attr {float: left; width: 505px;}
.brands .header .attr-sec .attr p {display: -moz-inline-box; display: inline-block; /display: inline; font-size: 0; padding:0 6px 7px 0; vertical-align: top; /zoom: 1;}
.brands .header .attr-sec .btn-side {float: right; width: 450px;}
.brands .header .attr-sec .btn-side .btn-l {float: left; font-size: 0; line-height: 0; width: 195px;}
.brands .header .attr-sec .btn-side .btn-r {float: right; font-size: 0; line-height: 0; width: 250px;}
.brands .header .attr-sec .alR {text-align: right;}
.brands .header .attr-sec .alR a {color: #666768; text-decoration: none;}
.brands .header .attr-sec .alR a:hover {text-decoration: underline;}


.brands h3 {border-bottom: 2px solid #fb9a97; font-size: 28px; line-height: 1.1; margin: 0; padding: 0 0 10px;}


/* ブランドのこだわり */
.brands .point-area {margin-top: 20px;}
.brands .point-area .detail-sec {border-bottom: 1px dotted #666768; margin-top: 20px; padding-bottom: 20px;}
.brands .point-area .detail-sec:last-child {border-bottom: 1px solid #666768;}
.brands .point-area .detail-sec .txt-side {float: left; width: 462px;}
.brands .point-area .detail-sec .txt-side h4 {color: #585858; font-size: 26px; line-height: 1.1;  margin: 0; padding: 0;}
.brands .point-area .detail-sec .txt-side .main-txt {color: #585858; font-size: 14px; margin-top: 20px;}
.brands .point-area .detail-sec .ph-side {float: right; max-width: 430px;}


/* 製品一覧 */
.brands .product-area {margin-top: 20px;}
.brands .product-area .detail-sec h5 {color: #585858; font-size: 26px; line-height: 1.1;  margin: 20px 0 0; padding: 0;}
.brands .product-area .detail-sec .il-block {margin-top: 20px;}
.brands .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;}
.brands .product-area .detail-sec .il-block .ring-dtl:last-child {padding-right: 0px;}
.brands .product-area .detail-sec .il-block .ring-dtl .img {font-size: 0; height: 231px; line-height:0; overflow: hidden; width: 231px;}
.brands .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;
}
.brands .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);
}
.brands .product-area .detail-sec .il-block .ring-dtl .name {margin-top: 5px;}
.brands .product-area .detail-sec .il-block .ring-dtl .name strong {color: #585858; font-size: 17px; line-height: 1.1;}
.brands .product-area .detail-sec .il-block .ring-dtl .price {color: #b4b4b4; font-size: 14px; line-height: 1.25;}

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


/* 取り扱い店舗 */
.brands .mr5 {margin-right: 5px;}
.brands .b_shoplist {margin-top: 40px;}
.brands .b_shoplist .b_slist {width: 930px; margin: 20px auto; background: url('/images/brand/shopbg.gif') repeat scroll 0 0; padding: 10px 0px 0;}
.brands .b_shoplist .b_tdfk {overflow: hidden; padding-bottom: 10px;}
.brands .b_shoplist .b_tdfkli {float: left; width: 110px; margin-left: 5px; min-height: 50px; }
.brands .b_shoplist .b_tdfk .b_tdfkli .btdfk {background: #000000; color: #FFFFFF; display: block; padding: 5px; margin: 0 0 0 5px; text-shadow: 1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000; width: 95px;}

.brands .b_shoplist .b_tdfk .b_tdfkli.area-hokkaido .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-tohoku .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kanto .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-chubu .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kinki .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-shikoku .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-chugoku .btdfk {background: #f88;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kyushu .btdfk {background: #f88;}

.brands .b_shoplist .b_tdfk ul {margin-left: 5px;}
.brands .b_shoplist .b_tdfk li{padding: 1px 0;}
.brands .b_shoplist .b_tdfk li a {background: url('/images/brand/icon.png') no-repeat scroll 0 6px; color: #333333; display: block; padding: 3px 5px 3px 15px; text-decoration: none; width: 85px;}
.brands .b_shoplist .b_tdfk li a:hover {}

.brands .b_shoplist .b_tdfk .b_tdfkli .li_scroll {cursor: pointer;}

.brands .b_shoplist .b_tdfk .b_tdfkli.area-hokkaido .li_scroll a:hover {background: #bfddf0;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-tohoku .li_scroll a:hover {background: #d8ede1;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kanto .li_scroll a:hover {background: #fce9e7;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-chubu .li_scroll a:hover {background: #e4f0d1;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kinki .li_scroll a:hover {background: #c1eaf2;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-shikoku .li_scroll a:hover {background: #fbecbb;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-chugoku .li_scroll a:hover {background: #f8e0b8;}
.brands .b_shoplist .b_tdfk .b_tdfkli.area-kyushu .li_scroll a:hover {background: #f7bbba;}


.brands .b_shoplist .b_st {color: #817f7f; font-weight: bold; font-size: 14px; margin: 15px 20px; padding-top: 15px;}

.brands .b_shoplist .bs_list {overflow: hidden;}
.brands .b_shoplist .bs_list dl {float: left; height: 235px; margin: 10px 0 0 35px; overflow: hidden; width: 142px;}
.brands .b_shoplist .bs_list dl dt {height: 15px; margin-bottom: 2px;}
.brands .b_shoplist .bs_list dl dt img {display: block; float: left;}
.brands .b_shoplist .bs_list dd {margin-top: 3px;}
.brands .b_shoplist .bs_list dd img {border: 1px solid #ffffff; display: block; height: 92px; width: 140px;}
.brands .b_shoplist .bs_list dd p {color: #333333; font-size: 10px; margin-top: 4px; text-align: left;}
.brands .b_shoplist .scb {margin-top: 20px; text-align: center;}


/* フェア情報 */
.brands .fair-info {margin-top: 20px;}
.brands .fair-info .fair-detail {background: url('/images/brand/bg_fair-info.gif') repeat left top; margin-top: 10px;  padding: 24px;}
.brands .fair-info .fair-detail .inner-box {background-color: #fff; border: 5px solid #fff1ff; padding: 15px;}
.brands .fair-info .fair-detail .inner-box h5 {color: #585858; font-size: 26px; margin: 0; padding: 0;}
.brands .fair-info .fair-detail .inner-box .clearfix {margin-top: 15px;}
.brands .fair-info .fair-detail .inner-box .img-side {float: left; font-size: 0; line-height: 0; width: 286px;}
.brands .fair-info .fair-detail .inner-box .txt-side {float: right; width: 560px;}
.brands .fair-info .fair-detail .inner-box .txt-side .date {color: #b4b4b4; font-size:14px; line-height: 1.25;}
.brands .fair-info .fair-detail .inner-box .txt-side .main-txt {color: #585858; font-size:15px; line-height: 1.8; margin-top: 12px;}
.brands .fair-info .fair-detail .inner-box .reserv-btn {margin: 10px auto 0; text-align: center; width: 280px;}


/* 新着情報 */
.brands .b_news {margin-top: 20px;}
.brands .b_news .detail-sec {margin: 10px 30px 0;}
.brands .b_news .detail-sec .detail {border-bottom: 1px dotted #585858; margin-top: 20px;  padding: 0 10px 20px;}
.brands .b_news .detail-sec .detail .ttl {}
.brands .b_news .detail-sec .detail .ttl .date {color: #bfbfbf; font-size: 15px; }
.brands .b_news .detail-sec .detail .ttl a {color: #0066a5; font-size: 20px; text-decoration: none;}
.brands .b_news .detail-sec .detail .ttl a:hover {text-decoration: underline;}
.brands .b_news .detail-sec .detail .main-txt {font-size: 13px; margin-top: 10px;}
.brands .b_news .more-btn {margin-top: 10px;}



/* 購入者の声 */
.brands .b_voice {margin-top: 20px;}
.brands .b_voice .clearfix {margin:10px 0 0 25px;}
.brands .b_voice .detail {float: left; padding-right:5px; width: 300px;}
.brands .b_voice .detail a {display: block; dont-size: 0; line-height: 0; overflow: hidden;}
.brands .b_voice .detail 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;
}
.brands .b_voice .detail a:hover 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);
}

.b_voice .pager {margin-top: 20px; text-align: center;}
.b_voice .pager p,
.b_voice .pager ol,
.b_voice .pager li {display: -moz-inline-box; display: inline-block; /display: inline; vertical-align: middle; /zoom: 1;}

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

.b_voice .pager p a,
.b_voice .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;
}
.b_voice .pager p {width:70px;}
.b_voice .pager p a {color: #ff9592; text-decoration: none;}
.b_voice .pager li {width:40px;}
.b_voice .pager li a {color: #ff9592; text-decoration: none;}
.b_voice .pager .current a {background-color: #ff9592; color: #fff;}

.b_voice .pager a:hover {background-color: #ffc5c2;}
.b_voice .pager .current a:hover {background-color: #ff9592;}

.b_voice .pager .disable a {display: none;}