@charset "utf-8";
/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE: PC トップページ 【L4】
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
あとで移植
----------------------------------------------------------------------------*/
/* /contents/css/pc/common-header.css */
.wrapperUnderGnav:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  transition: opacity .2s, visibility .2s;
  opacity: 0;
  visibility: hidden;
}
/*----------------------------------------------------------------------------
 共通設定
----------------------------------------------------------------------------*/
*{
  box-sizing:border-box;
}
*:focus {
  outline: none;
}
#header_top{
  padding: 0;
  margin: 0;
}
#container-top {
  overflow:hidden;
  padding-top: 56px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* h2　テキストタイトル */
#container-top h2 {
  font-size:28px;
  font-weight:normal;
  color:#222;
  line-height:100%;
  text-align: left;
  padding:10px 0 8px 0;
  border:none;
}
#container-top a {
  text-decoration:none;
  color:#222;
}
#container-top a:hover {
  color:#ed6d0f;
}
#container-top .link_block a {
  font-size:12px;
  color:#ed6d0f;
  text-decoration: underline;
}
#container-top .link_block a:hover {
  text-decoration: none;
}
.clear:after, .clearfix:after {
  display: block;
  content: "";
  clear: both; 
}
/*----------------------------------------------------------------------------
 left-col
----------------------------------------------------------------------------*/
#left-col {
  width:164px;
  float:left;
  margin-right:25px;
}
#left-col #left_category, #left-col #shop {
  margin-bottom:32px;
}
#left-col #brand {
  padding-bottom:5px;
}
/* left_list */
#left_list h2 {
  padding:0 0 8px;
}
#left_list ul {
  margin: 15px 0;
  border-bottom: 1px solid #ededed;
}
#left_list ul:last-child {
  border-bottom: none;
}
#left_list li {
  line-height:100%;
  padding:0 0 20px;
}
#left_list li a {
  display:block;
}
#left_list li .icon_sale {
  color: #e60012;
}
#left_list li .icon_coupon {
  color: #c73153;
}
/* left_list アイコン */
a.icon_pre, a.icon_new, a.icon_brand, a.icon_ranking, a.icon_wide, a.icon_big, a.icon_sale, a.icon_coupon {
  padding: 2px 0 2px 27px;
  margin: -2px 0;
}
a.icon_big span, a.icon_wide span {
  font-size:10px;
  color:#747474;
}
#left_list .icon_pre {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -4px no-repeat;
}
#left_list .icon_new {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -24px no-repeat;
}
#left_list .icon_brand {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -44px no-repeat;
}
#left_list .icon_ranking {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -64px no-repeat;
}
#left_list .icon_big {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -219px no-repeat;
}
#left_list .icon_wide {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -201px no-repeat;
}
#left_list .icon_sale {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -303px no-repeat;
}
#left_list .icon_coupon {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -323px no-repeat;
}
#left_list a.icon_pre:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -104px no-repeat;
}
#left_list a.icon_new:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -124px no-repeat;
}
#left_list a.icon_brand:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -144px no-repeat;
}
#left_list a.icon_ranking:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -164px no-repeat;
}
#left_list a.icon_big:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -273px no-repeat;
}
#left_list a.icon_wide:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -255px no-repeat;
}
#left_list a.icon_sale:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -343px no-repeat;
}
#left_list a.icon_coupon:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/top/icon_left_list_1603_2.png) 0 -363px no-repeat;
}
/* left_category */
#left_category h3 {
  font-weight:bold;
  font-size:15px;
  margin:10px 0 5px;
  line-height:100%;
}
#left_category h3.ladies {
  color:#e50050;
}
#left_category h3.mens {
  color:#1262b2;
  margin-top: 15px;
}
#left_category h3.girls {
  color:#ee1e85;
}
#left_category h3.boys {
  color:#1d8ad6;
}
#left_category h3.sports {
  color:#009a85;
}
#left_category h3.home_fashion {
  color:#ff5200;
}
#left_category dd {
  border-top:1px solid #ededed;
}
#left_category dl {
  border-bottom:1px solid #ededed;
}
#left_category dl:first-child {
  border:none;
}
#left_category dl.bd {
  border-bottom:1px solid #d6d6d6
}
#left_category dt a {
  padding:12px 0;
  display: block;
}
#left_category dd a {
  padding:12px 0 12px 14px;
  display: block;
}
#left_category h3 {
  font-weight: normal;
  border-bottom: 1px solid #ededed;
  margin-bottom:0;
  padding-bottom:10px;
  margin-top:35px;
}
#left_category h3.ladies {
  margin-top:10px;
}
#left_category h3.mens {
  margin-top:35px;
}
#left_banner {
  margin-bottom: 31px;
}
#left_banner li {
  margin-bottom: 18px;
}
#left_banner li:last-child {
  margin-bottom: 0;
}

#left_list ul {
  padding:5px 0 10px 0;
  margin:5px 0 5px 0;
}
#left_list li {
  font-size:13px;
  margin:0;
  padding:0
}
#left_list li a {
  color:#666;
  padding:10px 0;
  margin:0;
  cursor:pointer;
}
#left_list a.icon_brand, #left_list a.icon_brand:hover, #left_list a.icon_ranking, #left_list a.icon_ranking:hover, #left_list a.icon_new, #left_list a.icon_new:hover, #left_list a.icon_sale, #left_list a.icon_sale:hover, #left_list a.icon_coupon, #left_list a.icon_coupon:hover, #left_list a.icon_big, #left_list a.icon_big:hover, #left_list a.icon_wide, #left_list a.icon_wide:hover {
  background:none;
  padding-left:0;
}
#left_list a.icon_ranking, 
#left_list a.icon_ranking:hover,
#left_list a.icon_sale:hover,
#left_list a.icon_coupon:hover{
    background:#f5f5f5;
  }
#left_list a.icon_sale, #left_list a.icon_sale:hover, #left_list a.icon_coupon, #left_list a.icon_coupon:hover, #left_list a.icon_locolet, #left_list a.icon_locolet:hover {
  color:#e60012;
}
#left_list h2 {
  padding-bottom:5px;
}
#left_list h2,
#left_category h2,
#brand h2,
#left_list h2,
#left_brand h2 {
  font-size:18px;
  border-bottom:none;
  font-weight:normal;
}
#left_brand h2{
  margin-bottom:4px;
}
#left_category {
  margin:32px 0;
}
#left_category dl.bd {
  border:none;
}
#left_category dt a {
  color: #333;
}
#left_category dd a {
  color: #666;
}
#left_list ul:last-child {
  border-bottom: 1px solid #ededed;
}
#left_list ul a:hover {
  color:#666;
  background: #f5f5f5 ;
}
#left_list ul .over_btn a:hover {
  color:#666;
  background: url(//sc3.locondo.jp/contents/img/pc/icon_over.png) 100% 50% no-repeat #f5f5f5;
}
#left-col #left_list a,
#left-col #left_category a{
  padding-left:5px;
}
#left-col #left_category dd a{
  padding-left:12px;
}
.lgcTop #left-col #left_category dd a{
  padding-left:5px;
}

/*レフト下部バナーエリア*/
.employee{margin-top:20px;}
.employee li{margin-top:0px;}

/* レフトナビホバー */  
  #left_category dt a:hover {
  background: #f5f5f5;
  color:#333;
}
#left_category .over_btn dt a:hover {
  background: url(//sc3.locondo.jp/contents/img/pc/icon_over.png) 100% 50% no-repeat #f5f5f5;
  color:#333;
}
#left_category dd a:hover {
  background:#f5f5f5;
  color:#666;
  
}
#left_category dd.over_block a:hover {
  background:#fff;
  color:#666;
}
/* アプリ導線 */ 
#appbnr{
  margin-top:30px;
  background:#f6f6f6;
}
#container-top #appbnr h2{
  padding:0;
  border:none;
}
#appbnr ul{
  text-align:center;
  padding-bottom: 12px;
}
#appbnr ul li{
  display:inline;
  
}
#appbnr ul li a{
  display: inline;
}
/* MANGO導線 */ 
#mangobnr{
  margin-top:30px;
}
#mangobnr a{
  padding:0;
  border:none;
}
/* インテリア導線 */
.leftCol_bnr{
  margin-top:30px;
  width:164px;
}
.leftCol_bnr img{
  width:100%;
}
/* department */
.departmentTop #left_category h3 {
  margin-top:16px;
  font-family: classico-urw,'Classico URW';
  font-weight:500;
  letter-spacing:.05em;
}
.departmentTop #left_category h3:nth-of-type(2){
  margin-top:32px;
}
/* department ブランド*/
#left_brand .brandList {
  font-size:0;
  line-height:1;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}
#left_brand .brandList .brandList_item{
  display:inline-block;
  width:81px;
  height:81px;
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
}
#left_brand .brandList_item a{
  display:inline-block;
  position:relative;
  width:100%;
  height:100%;
}
#left_brand .brandList_item img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:auto;
}


/*----------------------------------------------------------------------------
TCB
----------------------------------------------------------------------------*/

.tcb,.tcb-main{
  width: 100%;
  min-height:460px;
  margin: 0px auto;
}

.slider li{
  width: 100%;
}
.slider .tcb-main-contents{
  width: 1000px;
  margin: 0 auto;
  display: table;
}
.tcb-main-contents:after {
  display: block;
  content: "";
  clear: both; 
}
.slider .tcb-main-contents a{
  text-decoration: none;
}
.slider .tcb-main-contents a:hover{
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}
.slider .campaign-info img{
   width: auto;
  }
.slick-initialized{
  opacity: 1;
  padding: 0 !important;
}
#tcb-thumb_banner {
  width: 1000px;
  min-width: 1000px;
  margin: 10px auto;
  overflow: hidden;
}
#tcb-thumb_banner li{
  overflow: hidden;
  padding: 0;

}
#tcb-thumb_banner li img{
  filter:brightness(70%);
}
#tcb-thumb_banner li:hover img{
  opacity: 0.6;
}
.thmub-innner{
  box-sizing: border-box;
  margin :12px;
  cursor: pointer;
  text-align: center;
}

#tcb-thumb_banner img{
  width: 100%;
  height: auto;
}

#tcb-thumb_banner li.slick-current img{
  filter:brightness(100%);
  outline: none;
}
#tcb-thumb_banner li.slick-current img:focus,.thumb li.slick-current img{
  outline: none;
}

.tcb-main-img{
  display: table-cell;
  overflow: hidden;
}
.tcb-main-img span, .tcb-main-img a{
  display: block;
  width: 690px;
  height: 460px;
  overflow: hidden;
}
.tcb-main-img img{
  height: 100%;
  width: auto;
}

.tcb-main-img.tcb-top-last span,
.tcb-main-img.tcb-top-first span,
.lcb-main-img.lcb-top-last span,
.lcb-main-img.lcb-top-first span,
.dcb-main-img.dcb-top-last span,
.dcb-main-img.dcb-top-first span,
.gcb-main-img.gcb-top-last span,
.gcb-main-img.gcb-top-first span{
  width: 1000px;
  height: 460px;
}
.tcb-main-img.tcb-top-last span img,
.tcb-main-img.tcb-top-first span img,
.lcb-main-img.lcb-top-last span img,
.lcb-main-img.lcb-top-first span img,
.dcb-main-img.dcb-top-last span img,
.dcb-main-img.dcb-top-first span img,
.gcb-main-img.gcb-top-last span img,
.gcb-main-img.gcb-top-first span img{
  height: auto;
  width: 100%;
}

.tcb-main-img a:hover{   
  opacity: 0.8;
  }
.tcb-campaign-info{
  width: 310px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 14px 0 20px;
  background-color:rgba(255, 255, 255, .2);
}

.tcb-campaign-info img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
}
#tcb-main_banner{
  position: relative;
  margin: 0;
  overflow: hidden;
}

.tcb-campaign-brandname,
.dcb-campaign-brandname,
.gcb-campaign-brandname{
  font-size: 20px;
  font-family: classico-urw,'Classico URW','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;;
  font-weight: 500;
  letter-spacing: .02em;
}
#topTcb .tcb-campaign-catchcopy,
.dcb-campaign-catchcopy,
.gcb-campaign-catchcopy{
  font-size: 25.5px;
  margin: 20px 0;
  line-height: 1.4;
  font-family: classico-urw,'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  font-weight: bold;
  font-feature-settings : "palt" 1;
}
#topTcb .tcb-campaign-copy,
.dcb-campaign-copy,
.gcb-campaign-copy{
  font-size: 18px;
  line-height: 1.4;
  color: #DD0000;
  font-weight: bold;
}
.dcb-campaign-copy{
  color: #C7B07D;
}
#topTcb .btn_view{
  text-align:left;
  width:140px; 
  margin: 28px 0 0 0;
  display:none;
}
#topTcb .btn_view a{
  display:block;
  font-size: 14px;
  border: 1px solid #222;
  border-radius:20px;
  text-align:center;
  padding:8px ;

}
#topTcb .btn_view a:hover{
  opacity: 0.7;
  text-decoration: none;
  color: #222;
}
#topTcb .btn_view a:after {
  content: '';
  display:inline-block;
  margin :0 0 0 4px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  width:8px;
  height:8px;
  transform:rotate(45deg);
}
  
.tcb-campaign-info.dark .tcb-campaign-brandname,
.gcb-campaign-info.dark .gcb-campaign-brandname{
  color: #fff;
}
#topTcb .tcb-campaign-info.dark .tcb-campaign-catchcopy,
#topTcb .gcb-campaign-info.dark .gcb-campaign-catchcopy{
  color: #fff;
}
#topTcb .tcb-campaign-info.dark .tcb-campaign-copy,
#topTcb .gcb-campaign-info.dark .gcb-campaign-copy{
  color: #FF3333;
}
#topTcb .tcb-campaign-info.dark .btn_view a{
  border: 1px solid #fff;
  color: #fff;
}
#topTcb .tcb-campaign-info.dark .btn_view a:hover{
  color: #fff;
}
#topTcb .tcb-campaign-info.dark .btn_view a:after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}


/*----------------------------------------------------------------------------
 center-col
----------------------------------------------------------------------------*/
#center-col {
  width:804px;
  float:left;
}

/* category_ranking */
/*ランキングtab*/

#tab_top span {
  cursor:pointer;
  padding:8px 12px;;
  color:#999999;
  font-size: 13px;
}
#tab_top span:hover {
  color:#666;
}
#tab_top span.select {
  color:#333;
}
.rank_tab_title .arw_link{
  margin-left: 12px;
  font-size: 13px;
}
.rank_tab_title .arw_link:after{
  content: '';
  display:inline-block;
  margin :0 0 0 4px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  width:6px;
  height:6px;
  transform:rotate(45deg);
}

#category_ranking {
  margin-bottom:15px;
  float:left;
}
.rank_title {
  overflow:hidden;
}

#tab {
  float:left;
  display:table;
  table-layout: fixed;
  width:100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
#tab li {
  display:table-cell;
  text-align:center;
  font-size:12px;
  color:#222;
  cursor:pointer;
  border:1px solid #d6d6d6;
  background:#fafafa;
  padding:8px 0;
}
#tab li.select {
  background:#fff;
  border-bottom:none;
}
.ranking-block-group{
  position:relative;
}
#category_ranking .ranking_contents.none {
  opacity:0;
  visibility:hidden;
  position:absolute;
}
#category_ranking .ranking_contents {
  width:804px;
  margin:0 auto;
  overflow:hidden;
  opacity:1;
  visibility:visible;
  transition-duration:.2s;
}
.rank_subtitle {
  overflow:hidden;
  background:#fafafa;
  padding:15px;
  margin:0 0 20px 0;
}
.rank_subtitle h3 {
  font-size: 14px;
  color:#222;
  float:left;
  margin-bottom:0;
  padding:0;
}
.ranking_contents h4 {
  color:#747474;
  margin-bottom: 12px;
}
.ranking_contents h4.ranking_subtitle {
  color:#222;
  margin: 20px 0;
  font-size:14px;
}
#container-top .rank_subtitle a {
  float:right;
  text-align:right;
  color:#ed6d0f;
  text-decoration: underline;
}
#container-top .rank_subtitle a:hover {
  text-decoration: none;
}
.rank_loading{
  text-align: center; 
  padding:0 0 20px 0;
}
.ranking {
  overflow:hidden;
  margin-right:0;
  margin-bottom:0px;
  border-bottom:none;
}
/*price brand_name*/
.ranking li span.price {
  color:#222 !important;
  font-size:13px;
  font-weight:normal;
  padding:0 4px;
  line-height:140%;
  display:block;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.ranking li span.brand_name{
  color:#888 !important;
  font-size: 11px;
  line-height:140%;
  padding: 4px 2px 0 4px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking li span.special_price{
  color:#ed143d !important;
}
.ranking_contents .btn_view{
  margin-top: 0;

}
/* コーデ */
#coordinate ul {
  width:100%;
  overflow:hidden;
  margin-top:15px;
}
#coordinate li {
  float:left;
  width:200px;
  margin-right: 1px;
}
#coordinate li img {
  width: 200px;
  height: auto;
}
#coordinate li p {
  font-size:13px;
  color:#666;
  padding-top:5px;
}
#coordinate li p.magazine_caption{
  color:#999;
}
/* TOPICS */
#topics_recommend li{
width: 268px;
display: inline-block;
float: left;
}
#topics_recommend li a{
  display: table;
  width: 100%;
  margin: 0 0 24px 0;
}
#topics_recommend li img{
  display: table-cell;
  width: 116px;
  height: auto;
}
#topics_recommend li p{
  display: table-cell;
  vertical-align: middle;
  padding: 12px;
  word-break: break-all;
}


/*----------------------------------------------------------------------------
上書きしていく分
----------------------------------------------------------------------------*/


.btn_view{
  text-align: center;
  margin: 24px 0 32px 0;
  letter-spacing: 0.05em;
  font-size: 11px;
  line-height:22px;
}
.btn_view a{
  display:block;
  border: 1px solid #222;
  border-radius:12px;
  text-align:center;
  padding:0 8px ;

}
.btn_view a:hover{
  opacity: 0.7;
  text-decoration: none;
  color: #222;
}
.btn_view a:after {
  content: '';
  display:inline-block;
  margin :0 0 0 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width:6px;
  height:6px;
  transform:rotate(45deg);
}

#container-top .btn_view a{
  padding: 2px 6px;
  width: 120px;
  background: #000;
  color: #fff;
  border-radius: 20px;
  display: inline-block;
}
.departmentTop #container-top .btn_view a{
  background: #C7B07D;
  color: #000;
  border:none;
}
.departmentTop #container-top .btn_view a:after{
  border-color:#000;
}
.lgcTop #container-top .btn_view a{
  color: #FF8FAF;
}
.lgcTop #container-top .btn_view a:after{
  border-color:#FF8FAF;
}

#left-col {
  margin-right: 32px;
}


#center-col {
  width: 804px;
}
#item_history {
  width: 100%;
  float: none;
  margin: 0 0 32px 0;
}
.locoletTop #item_history,
.departmentTop #item_history,
.lgcTop #item_history {
  margin: 0 0 60px 0;
}
#item_history h2{
  text-align: center;
  margin: 0 0 24px 0;
  padding: 0;
  font-family: classico-urw , 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}
#item_history #rec_info{
  display:block;
  color:#999;
  font-size:11px;
}
#item_history ul {
  margin-right: 0;
  margin-left: 0;
}
#item_history li{
  float: left;
  width: 79px;
  position: relative;
  margin: 0 1px 0 0;
}
#item_history li img {
  width: 79px;
  height: auto;
  margin: 0px;
}

#category_ranking {
  width: 100%;
  float: none;
  border-top: 1px solid #eee;
  padding: 24px 0 0 0;
}
.locoletTop #category_ranking,
.departmentTop #category_ranking,
.lgcTop #category_ranking{
  padding-top:0;
  border-top:none;
}
#container-top .rank_title h2 {
  font-size: 32px;
  margin: 24px 0;
  padding: 0;
  text-align: center;
  font-family: classico-urw , 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.rank_tab_title{
  padding: 0 0 16px 0;
  text-align: center;
}
.ranking_contents h4.ranking_subtitle {
  color: #222;
  margin: 24px 0;
  font-size: 24px;
  border-top: 1px solid #eee;
  padding: 20px 0 0 0;
  font-family: classico-urw, 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.lgcTop .ranking_contents h4.ranking_subtitle{
  margin:16px 0;
  font-size: 14px;
  line-height:1;
  border-top:1px solid #ddd;
}
.ranking_contents h4.ranking_subtitle:first-of-type{
  margin-top:0;
  border-top:none; 
}
.ranking_contents h4.ranking_subtitle span{
  box-sizing: border-box;
  display: inline-block;
  color: #222;
  font-size: 10.5px;
  margin: 0 0 0 8px;
  padding: 0 .5em;
  line-height:17px;
  vertical-align: bottom;
  border: 1px solid #222;
  font-family: sans-serif;
  position:relative;
  top:1px;
}
.ranking_contents h4.ranking_subtitle .outletbadge{
  font-family: classico-urw, 'Classico URW', sans-serif;
  color:#b00;
  border-color:#b00;
}
.ranking_contents h4.ranking_subtitle .outletbadge:before{
  position:relative;
  top:-1px;
}

.ranking {
  overflow: hidden;
  margin-right: 0;
  border-bottom: none;
}
.ranking img{
  width: 100%;
  min-width: 100%;
  height: auto;
  filter:brightness(98%);
}
.departmentTop .ranking .wrapImg{
  margin-bottom:2px;
}
#category_ranking .ranking.rectangle li{
  overflow:hidden;
}
#category_ranking .ranking.rectangle img{
  width: 120%;
  position:relative;
  left:-10%;
}
.ranking_sales li.no1, 
.ranking_sales li.no2,
.ranking_sales li.no3,
.ranking_sales li.no4 {
  margin: 0 1px 25px 0;
  width: 200px;
  display: inline-block;
}

.ranking_sales li.no1 img, 
.ranking_sales li.no2 img,
.ranking_sales li.no3 img ,
.ranking_sales li.no4 img{
  width: 100%;
  min-width: 100%;
  height: auto;
}
.ranking_sales li.no1 .wrapImg, 
.ranking_sales li.no2 .wrapImg,
.ranking_sales li.no3 .wrapImg ,
.ranking_sales li.no4 .wrapImg{
  display:block;
  width: 200px;
  min-height: 200px;
  background-color:#f2f2f2;
}
.ranking.rectangle.ranking_sales li.no1 .wrapImg,
.ranking.rectangle.ranking_sales li.no2 .wrapImg,
.ranking.rectangle.ranking_sales li.no3 .wrapImg,
.ranking.rectangle.ranking_sales li.no4 .wrapImg{
  height:240px;
}
.ranking li .wrapImg{
  display:block;
  width: 132px;
  min-height: 132px;
  background-color:#f2f2f2;
}
.ranking.rectangle li .wrapImg{
  height:158px;
}

.ranking_sales li.no1 span.price, 
.ranking_sales li.no2 span.price,
.ranking_sales li.no3 span.price,
.ranking_sales li.no4 span.price{
  font-size:16px;
}
.ranking_sales li.no1 span.brand_name, 
.ranking_sales li.no2 span.brand_name,
.ranking_sales li.no3 span.brand_name,
.ranking_sales li.no4 span.brand_name{
  font-size:14px;
}
.ranking li, .ranking_quantity li{
  margin: 0 1px 25px 0;
  float: left;
  position: relative;
  width: 133px;
  display: inline-block;
}
.ranking li:after{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 16px solid #222;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #222;
  z-index: 1;
}
.lgcTop .ranking li:after{
  border:none !important;
}
.ranking_sales li.no1:after, 
.ranking_sales li.no2:after,
.ranking_sales li.no3:after,
.ranking_sales li.no4:after{
  border-top: 25px solid #222;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #222;
}
.ranking_quantity li:after{
  border-top: 16px solid #999;
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #999;
}

.ranking_quantity li.no1, 
.ranking_quantity li.no2, 
.ranking_quantity li.no3, 
.ranking_quantity li.no4{
  margin: 0 1px 25px 0;
  float: left;
  position: relative;
  width: 132px;
  display: inline-block;
}

.rank_rb_num{
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  width: 16px;
  height: 16px;
  z-index: 5;
  text-align: center;
  line-height: 24px;
  font-weight: 400;
  font-style: normal;
}
.departmentTop .rank_rb_num{
  font-family: classico-urw, 'Classico URW', sans-serif;
}
.lgcTop .rank_rb_num{
  display:inline-block;
  width:22px;
  height:22px;
  line-height: 22px;
  background-color:#000;
  color:#FF8FAF;
  border-radius:11px;
  letter-spacing:-.05em;

  top:4px;
  left:4px;
}
.ranking_sales li.no1 .rank_rb_num, 
.ranking_sales li.no2 .rank_rb_num,
.ranking_sales li.no3 .rank_rb_num,
.ranking_sales li.no4 .rank_rb_num{
  font-size: 16px;
  width: 25px;
  height: 25px;
  line-height: 32px;
}
.lgcTop .ranking_sales li.no1 .rank_rb_num, 
.lgcTop .ranking_sales li.no2 .rank_rb_num,
.lgcTop .ranking_sales li.no3 .rank_rb_num,
.lgcTop .ranking_sales li.no4 .rank_rb_num{
  font-size: 14px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius:12px;
}
#top_rank_l_a.ranking li,
#top_rank_l_a2.ranking li,
#top_rank_m_a.ranking li,
#top_rank_m_a2.ranking li,
#top_rank_g_a.ranking li,
#top_rank_g_a2.ranking li,
#top_rank_k_a.ranking li,
#top_rank_b_a2.ranking li,
#top_rank_s_ct.ranking li,
#top_rank_s_ct2.ranking li{
  width: 132px;
  overflow: hidden;
}
#top_rank_l_a.ranking li img,
#top_rank_l_a2.ranking li img,
#top_rank_m_a.ranking li img,
#top_rank_m_a2.ranking li img,
#top_rank_g_a.ranking li img,
#top_rank_g_a2.ranking li img,
#top_rank_k_a.ranking li img,
#top_rank_b_a2.ranking li img,
#top_rank_s_ct.ranking li img,
#top_rank_s_ct2.ranking li img{
  position: relative;
  left: -10%;
  width: 120%;
}



#top_rank_l_a.ranking_sales li.no1, 
#top_rank_l_a.ranking_sales li.no2,
#top_rank_l_a.ranking_sales li.no3,
#top_rank_l_a.ranking_sales li.no4,
#top_rank_m_a.ranking_sales li.no1, 
#top_rank_m_a.ranking_sales li.no2,
#top_rank_m_a.ranking_sales li.no3,
#top_rank_m_a.ranking_sales li.no4,
#top_rank_g_a.ranking_sales li.no1, 
#top_rank_g_a.ranking_sales li.no2,
#top_rank_g_a.ranking_sales li.no3,
#top_rank_g_a.ranking_sales li.no4,
#top_rank_k_a.ranking_sales li.no1, 
#top_rank_k_a.ranking_sales li.no2,
#top_rank_k_a.ranking_sales li.no3,
#top_rank_k_a.ranking_sales li.no4,
#top_rank_s_ct.ranking_sales li.no1, 
#top_rank_s_ct.ranking_sales li.no2,
#top_rank_s_ct.ranking_sales li.no3,
#top_rank_s_ct.ranking_sales li.no4{
  min-height: 290px;
  margin: 0 1px 25px 0;
  width: 200px;
  display: inline-block;
  overflow: hidden;
}
#top_rank_l_a.ranking_sales li.no1 img, 
#top_rank_l_a.ranking_sales li.no2 img,
#top_rank_l_a.ranking_sales li.no3 img,
#top_rank_l_a.ranking_sales li.no4 img,
#top_rank_m_a.ranking_sales li.no1 img, 
#top_rank_m_a.ranking_sales li.no2 img,
#top_rank_m_a.ranking_sales li.no3 img,
#top_rank_m_a.ranking_sales li.no4 img,
#top_rank_g_a.ranking_sales li.no1 img, 
#top_rank_g_a.ranking_sales li.no2 img,
#top_rank_g_a.ranking_sales li.no3 img,
#top_rank_g_a.ranking_sales li.no4 img,
#top_rank_k_a.ranking_sales li.no1 img, 
#top_rank_k_a.ranking_sales li.no2 img,
#top_rank_k_a.ranking_sales li.no3 img,
#top_rank_k_a.ranking_sales li.no4 img,
#top_rank_s_ct.ranking_sales li.no1 img, 
#top_rank_s_ct.ranking_sales li.no2 img,
#top_rank_s_ct.ranking_sales li.no3 img,
#top_rank_s_ct.ranking_sales li.no4 img{
  position: relative;
  left: -10%;
  width: 120%;
}
.ranking_sales li:nth-child(5){
  clear:both;
}

#coordinate{
  margin: 32px 0 0 0;
  border-top: 1px solid #eee;
}

#coordinate h2 {
  font-size: 32px;
  margin: 24px 0;
  text-align: center;
  font-family: classico-urw, 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}

#topics_recommend{
  margin: 32px 0 0 0;
border-top: 1px solid #eee;
}

#topics_recommend h2 {
  font-size: 32px;
  margin: 24px 0;
  text-align: center;
  font-family: classico-urw, 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}

#contents_description{
  border: 1px solid #eee;
  padding:28px 24px;
}
#contents_description h2 {
  font-size: 15px;
  text-align: left;
  font-style: normal;
  color:#555;
  margin:0 0 16px 0;
  padding:0;
}
#contents_description p{
  color:#555;
  font-size:13px;
  line-height:1.8;
  margin:0 0 ;
  padding:0;
}



/*ロコレット*/
/* LCB */
#container-top.locolet-container-top{
  padding-top: 30px;
}
#LCB_contents {
  position:relative;
}
#main-col #LCB_main, #LCB_main {
  width:1000px;
  height:500px;
  overflow:hidden;
  position:relative;
  margin: 30px auto 0;
}
#LCB_main #main_banner li {
  display:none;
}
#LCB_main #main_banner li img {
  width: 1000px;
  height: auto;
}
#LCB_contents .bx-pager {
  overflow: hidden;
  margin: 0;
  position: relative;
  float: right;
  z-index: 100;
  right: 10px;
  top: -40px;
}
#LCB_contents .bx-pager li {
  float:left;
}
#LCB_contents .bx-pager li a.active span {
  background-color:#7f7f7f;
}
#LCB_contents .bx-pager li a {
  padding: 5px;
  display: inline-block;
}
#LCB_contents .bx-pager li a span {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  text-indent: -9999px;
  display: block;
  background-color:#b2b2b2;
}
#LCB_contents #loading {
  text-align: center;
  opacity: 0.6;
}
#LCB_contents #loading img{
  opacity: 0.6;
  position: relative;
  top: 200px;
}
#left_list ul.left_al_nav li.s_title {
  margin:8px 0;
  padding-left:0px;
  color:#666;
}
#left_list ul.left_al_nav li a, #left_list ul.left_al_nav li a:hover {
  padding-left:1em;
}
#rb_maincol_outlet #item_history {
  margin-top:0px;
}

#brand ol li a {
  float: left;
  display: block;
  color: #2b2b2b;
  padding-left: 16px;
  line-height: 24px;
  padding: 13px 0 13px 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.right_bnr {
  margin-bottom:20px;
}
.right_bnr span {
  font-size:15px;
  display:block;
  padding:8px 0 4px 0;
  margin-bottom:0;
}
#brand ol li a img {
  height: 24px;
}
#right-col #brand h2 {
  margin-top:0px;
  padding-top:0;
}
/*レフトナビサイズから探す*/
#left_list ul li div.over_block {
  width:220px;
  border-bottom:none;
}
.ld_subnav_title {
  float:left;
  width:110px;
}
div.over_block h4 {
  margin-top:15px;
  margin-left:25px;
}
div.over_block li a:link, div.over_block li a:hover {
  padding-left:25px !important;
  color:#666666;
}
#left_list ul li div.over_block li a:hover {
  background:#FFF !important;
  text-decoration:underline;
  color:#666;
}
/* ロールオーバーナビ */ 
div.over_block ul {
  border-bottom:none !important;
  margin-bottom:0 !important;
}
#left_list ul li div.over_block {
  padding-bottom:0;
}
dl.over_btn {
  position:relative;
}

#left_category dd.over_block a {
  display:block;
  padding:10px 25px;
  
}
#left_category dd.over_block a:hover {
  color:#666;
  text-decoration:underline;
}
dl.over_btn {
  position:relative;
}
.over_btn a:hover{ text-decoration:none !important;}
dd.over_block {
  position:absolute;
  top:-14px;
  left:150px;
  z-index:100;
  background:#fff;
  border-bottom:none;
  padding:10px 0;
  margin:0;
  box-shadow: 0 0 5px #ccc;
  width: 100%;
  white-space: nowrap;
  display:none;
}
#container-top dd.over_block a:hover {
  color:#666 !important;
  text-decoration:underline;
  white-space:nowrap;
}
/* レフトナビホバー */  
#left_category dt a:hover {
background: #f5f5f5;
color:#333;
}
#left_category .over_btn dt a:hover {
background: url(//sc3.locondo.jp/contents/img/pc/icon_over.png) 100% 50% no-repeat #f5f5f5;
color:#333;
}
#left_category dd a:hover {
background:#f5f5f5;
color:#666;

}
#left_category dd.over_block a:hover {
background:#fff;
color:#666;
}

/*左カラムロールオーバー*/
#left_list li {
  position:relative;
}
#left_list ul li .over_block {
  position:absolute;
  top:-14px;
  left:150px;
  z-index:100;
  background:#fff;
  border-bottom:none;
  padding:10px 0;
  margin:0;
  box-shadow: 0 0 5px #ccc;
  display:none;
  width: auto;
  white-space: nowrap;
}
#left_list ul li .over_block li {
  margin:0;
  padding:0;
}
#left_list ul li .over_block li a {
  display:block;
  padding:10px 25px !important;
}
#left_list ul li .over_block li a:hover {
  background: #fff !important;
  text-decoration:underline;
}
a.over_icon {
  background: url(//sc3.locondo.jp/contents/img/pc/icon_over.png) 100% 50% no-repeat;
}
.bx-pager-item {
  float: left;
}
.bx-pager-item a {
  width:8px;
  margin:0 5px;
  height:8px;
  border-radius: 4px;
  text-indent: -9999px;
  display:block;
  background-color:rgba(127, 127, 127, 0.6);
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#aa959595, EndColorStr=#aa959595);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aa959595,EndColorStr=#aa959595)";
}
.bx-pager-item a.active {
  background-color:#7f7f7f;
}

/* LCB, DCB */
.lcb,
.lcb-main,
.dcb,
.dcb-main,
.gcb,
.gcb-main {
  width: 100%;
  min-height:460px;
  margin: 0 auto;
}
.slider .lcb-main-contents,
.slider .dcb-main-contents,
.slider .gcb-main-contents {
  width: 1000px;
  margin: 0 auto;
  display: table;
}
.slider .lcb-main-contents a,
.slider .dcb-main-contents a,
.slider .gcb-main-contents a {
  text-decoration: none;
}
.slider .lcb-main-contents a:hover,
.slider .dcb-main-contents a:hover,
.slider .gcb-main-contents a:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}
#lcb-thumb_banner,
#dcb-thumb_banner,
#gcb-thumb_banner {
  width: 1000px;
  min-width: 1000px;
  margin: 10px auto;
  overflow: hidden;
}
#lcb-thumb_banner li,
#dcb-thumb_banner li,
#gcb-thumb_banner li {
  overflow: hidden;
  padding: 0;
}
#lcb-thumb_banner li img,
#dcb-thumb_banner li img,
#gcb-thumb_banner li img {
  filter: brightness(70%);
}
#lcb-thumb_banner li:hover img,
#dcb-thumb_banner li:hover img,
#gcb-thumb_banner li:hover img {
  opacity: 0.6;
}
#lcb-thumb_banner img,
#dcb-thumb_banner img,
#gcb-thumb_banner img {
  width: 100%;
  height: auto;
}
#lcb-thumb_banner li.slick-current img,
#dcb-thumb_banner li.slick-current img,
#gcb-thumb_banner li.slick-current img{
  filter: brightness(100%);
  outline: none;
}
#lcb-thumb_banner li.slick-current img:focus,
#dcb-thumb_banner li.slick-current img:focus,
#gcb-thumb_banner li.slick-current img:focus {
  outline: none;
}
.lcb-main-img,
.dcb-main-img,
.gcb-main-img {
  display: table-cell;
  overflow: hidden;
}
.lcb-main-img span,
.lcb-main-img a,
.dcb-main-img span,
.dcb-main-img a,
.gcb-main-img span,
.gcb-main-img a {
  display: block;
  width: 690px;
  height: auto;
  overflow: hidden;
}
.lcb-main-img img,
.dcb-main-img img,
.gcb-main-img img {,
  height: auto;
  width: 100%;
}
.lcb-main-img a:hover,
.dcb-main-img a:hover,
.gcb-main-img a:hover {
  opacity: 0.8;
}
.lcb-campaign-info,
.dcb-campaign-info,
.gcb-campaign-info {
  width: 310px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 20px 0 20px;
  background-color: rgba(250, 250, 250, 1);
}
.lcb-campaign-info.dark,
.dcb-campaign-info.dark,
.gcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, 1);
}
.lcb-campaign-info img,
.dcb-campaign-info img,
.gcb-campaign-info img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
}
#lcb-main_banner,
#dcb-main_banner,
#gcb-main_banner {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.lcb-campaign-info p{
  text-align:center;
}
.lcb-campaign-brandname {
  margin-bottom:48px;
  line-height: 1.2;
  font-size: 24px;
  font-family: classico-urw, 'Classico URW','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
  font-weight: 500;
  color:#fff;
}
.lcb-campaign-discount {
  color:#fff;
  line-height:1;
  font-feature-settings : "palt" 1;
  letter-spacing:-.05em;
}
.lcb-campaign-discount .prefix{
  display:block;
  font-size:24px;
  font-weight: 400;
  letter-spacing:0;
}
.lcb-campaign-discount .rate{
  font-size: 64px;
  font-weight: 600;
}
.lcb-campaign-discount .percent{
  display:inline-block;
  font-size: 64px;
  font-weight: 600;
}
.lcb-campaign-discount .suffix{
  display:inline-block;
  margin-bottom:48px;
  line-height:1;
  font-size: 64px;
  font-weight: 400;
  letter-spacing:-.02em;;
}
.lcb-campaign-discount .customtext{
  display:inline-block;
  margin-bottom:40px;
  line-height:1.1;
  font-size: 64px;
  font-weight: 600;
}
.lcb-campaign-discount .customtext span{
  font-size: 24px;
  font-weight:400;
}

/* セールORクーポン */
.lcb-campaign-discountWord,
.lcb-campaign-couponWord{
  margin-bottom:8px;
  font-size:24px;
  color:#e00;
  font-feature-settings : "palt" 1;
}
.lcb-campaign-couponWord:before{
  display:inline-block;
  margin-right:4px;
  content:"＋";
  width:20px;
  line-height:20px;
  font-size:12px;
  font-weight:600;
  border-radius:10px;
  color:#000;
  background-color:#e00;

  position:relative;
  top:-4px;
}
/* 表示制御 */
.lcb-campaign-discountWord{
  display:none;
}
.none-coupon .lcb-campaign-discountWord{
  display:block;
}
.none-coupon .lcb-campaign-couponWord,
.none-couponnote .lcb-campaign-couponNote{
  display:none;
}
.none-end .lcb-campaign-end{
  display:none;
}

/* クーポン条件 */
.lcb-campaign-couponNote{
  font-size:12px;
  color:#ccc;
}
.lcb-campaign-couponNote:before{
  content:"条件";
  display:inline-block;
  margin-right:4px;
  font-size:10px;
  line-height:14px;
  padding:0 4px;
  color:#ccc;
  background:#333;
}

/* lcb-campaign-end */
.lcb-campaign-end.endday{
  display:none;
}
.lcb-campaign-end{
  position:absolute;
  bottom:0;
  margin-left:-20px;
  width:310px;
  line-height:48px;
  text-align:center;
  font-size:20px;
  color:#ddd;
  background:rgba(255, 255, 255, .2);
}
.lcb-campaign-end:before{
  content:"〜";
  margin-right:4px;
}

/* lightの色 */
.lcb-campaign-info.light .lcb-campaign-brandname,
.lcb-campaign-info.light .lcb-campaign-discount,
.lcb-campaign-info.light .lcb-campaign-couponNote{
  color:#000;
}
.lcb-campaign-info.light .lcb-campaign-couponWord:before{
  color:#fff;
}
.lcb-campaign-info.light .lcb-campaign-couponNote:before{
  color:#666;
  background:#ddd;  
}
.lcb-campaign-info.light .lcb-campaign-end{
  color:#000;
  background:rgba(0, 0, 0, .1);
}
/* センターバナーcampaign-info 色指定  */
.dcb-campaign-info,
.gcb-campaign-info {
  background-color: rgba(255, 255, 255, .2);
}
.tcb-campaign-info.dark,
.dcb-campaign-info.dark,
.gcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, .2);
}
.dcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, .1);
}
.dark .dcb-campaign-brandname,
.dark .dcb-campaign-catchcopy,
.dark .gcb-campaign-brandname,
.dark .gcb-campaign-catchcopy{
  color:#fff;
}

/* departmentTop、lgcTop */
/* 見出し */
.departmentTop #container-top .rank_title h2,
.lgcTop #container-top .rank_title h2,
.lgcTop #brand_news h2,
.departmentTop #brand_pickup h2{
  position:relative;
  margin-top:0;
  margin-bottom:16px;
  padding:0;
  text-align:center;
  vertical-align:top;
  font-size:32px;
  font-family: 'classico-urw', 'Classico URW', sans-serif;
}

/* tab */
.rank_title{
  text-align: center;
  border-bottom: 1px solid #222;
}
.departmentTop .rank_title{
  margin-bottom:24px;
}
.ranking_tab_parent,
.ranking_tab{
  display:inline-block;
  margin-bottom:16px;
}
.ranking_tab_parent li,
.ranking_tab li {
  display:inline-block;
  cursor: pointer;
  padding: 0 12px;
  font-size: 14px;
  font-weight:500;
  letter-spacing:.07em;
  vertical-align:top;
}
.departmentTop .ranking_tab_parent li,
.departmentTop .ranking_tab li,
.departmentTop .ranking_subHeading {
  font-family: 'classico-urw', 'Classico URW', sans-serif;
}
#contents_ver4 .ranking_tab_parent li a,
#contents_ver4 .ranking_tab li a{
  display:block;
  line-height:30px;
  color: #aaa;
  text-transform:uppercase;
}
#contents_ver4 .ranking_tab_parent li.current a,
#contents_ver4 .ranking_tab li.current a,
#contents_ver4 .ranking_tab_parent li a:hover,
#contents_ver4 .ranking_tab li a:hover{
  color: #222;
}
#contents_ver4 .ranking_tab_parent li.current a{
  border-bottom: 1px solid #222;
}
.ranking_tab_parent li:last-child a{
  position:relative;
}
.ranking_tab_parent li:last-child a:after{
  content:"";
  display:inline-block;
  margin-left:24px;
  width:1px;
  height:20px;
  background:#ddd;

  position:absolute;
  top:8px;
}
.departmentTop .ranking_subHeading{
  margin:20px 0 12px 0;
  font-size:20px;
  letter-spacing:.05em;
}

/* departmentTop ranking 3カラム */
.ranking_contents.col3 .ranking{
  font-size:0;
}
.ranking_contents.col3 .ranking li {
  display:inline-block;
  margin: 0 16px 32px 0;
  width: 257px;
  float:none;
}
.ranking_contents.col3 .ranking li:nth-child(3n){
  margin-right:0;
}
.ranking_contents.col3 .ranking img{
  margin-bottom:6px;
}
.ranking_contents.col3 .ranking li span{
  text-align:center;
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  letter-spacing:.03em;
}
.ranking_contents.col3 .ranking li .price{
  font-size:16px;
}
.ranking_contents.col3 .ranking li .brand_name{
  font-size:14px;
  font-weight:500;
  color:#222 !important;
}
.ranking_contents.col3 .ranking li:after{
  border: none;
}
.ranking_contents.col3 .ranking_sales li .rank_rb_num{
  font-size: 24px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  letter-spacing:-.05em;
  color:#000;
}
/* department ランキング */
.departmentTop .ranking_sales .rank_rb_num{
  font-size:15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  letter-spacing:-.05em;
  color:#000;
}
.departmentTop .ranking_sales li:nth-of-type(-n+4) .rank_rb_num{
  font-size:20px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.departmentTop .ranking_sales li:after{
  border:none;
}
.departmentTop .ranking li span.brand_name,
.departmentTop .ranking li span.price{
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  letter-spacing:.03em;
  color:#222 !important; 
}
/* department ブランドピックアップ */
.departmentTop #brand_pickup h2{
  margin-bottom:32px;
}
.departmentTop #brand_pickup{
  padding:40px 40px 24px 40px;
  background-color:#f8f8f8;
}
.departmentTop .brandList{
  font-size:0;
}
.departmentTop .brandList_item{
  display:inline-block;
  width:163px;
  height:163px;
  margin-right:24px;
  margin-bottom:24px;
  background-color:#fff;
}
.departmentTop .brandList_item:nth-of-type(4n){
  margin-right:0;
}
.departmentTop .brandList_item a{
  display:block;
  width:163px;
  height:163px;
  position:relative;
}
.departmentTop .brandList_item img{
  width:100%;
  height:auto;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}

/* lgcTop BRAND NEWS */
#brand_news{
  margin-bottom:48px;
}
.brandNewsList{
  font-size:0;
}
.brandNewsList_item{
  margin-right:16px;
  margin-bottom:24px;
  display:inline-block;
  width:189px;
  height:240px;
  vertical-align:top;

  position:relative;
}
.brandNewsList_item:nth-child(4n){
  margin-right:0;
}
.brandNewsList_item a{
  display:inline-block;
}
.wrap_brandNewsList_photo{
  margin-bottom:8px;
  width:189px;
  height:189px;
  overflow:hidden;
  position:relative;
  background-color:#fafafa;
}
.brandNewsList_inner{
  position:absolute;
  top:0;
  width:189px;
  height:189px;
}
.brandNewsList_logo{
  width:100%;
  height:auto;
}
.brandNewsList_photo{
  margin-bottom:8px;
  width:140%;
  height:auto;
  position:relative;
  left:-20%;
  top:-20%;
  filter: brightness(90%);
}
.brandNewsList_icon{
  position:absolute;
  bottom:0;
  left:0;
  width:88px;
  text-align:center;
  line-height:24px;
  font-size:9.75px;
  color:#fff;
}
.brandNewsList_icon.red{
  background:rgba(242, 33, 93, .8);
}
.brandNewsList_icon.grey{
  background:rgba(100, 100, 100, .8);
}
.brandNewsList_icon.blue {
    background: rgba(33, 180, 242, 0.8);
}
.brandNewsList_text{
  font-size:12px;
  line-height:1.7;
  color:#666;
  word-break: break-all;
}
 
/* マーケットプレイス、ジェンダーのアイコン */
.outletbadge,
.departbadge,
.lgcbadge,
.womenbadge,
.menbadge{
  box-sizing:border-box;
  display:inline-block;
  margin-right:8px;
  font-weight:500;
  font-size:11.5px;
  padding: 0 .5em;
  line-height:18px;
  color:#C7B07D;
  border:1px solid #C7B07D;
  vertical-align:top;
  letter-spacing:.07em;
  position:relative;
  top: 8px;
}
.outletbadge{
  color:#b00;
  border-color:#b00;  
}
.lgcbadge{
  color:#FF759C;
  border-color:#FF759C;  
}
.outletbadge:before{
  content:"OUTLET";
}
.departbadge:before{
  content:"DEPART";
}
.lgcbadge:before{
  content:"ロココレ";
  font-size:10px;
  font-feature-settings: "palt";
}
.womenbadge,
.menbadge{
  color:#333;
  border-color:#666;
}
/* LDトップ aboutページへのリンク */
#left-col .link-toAbout{
  margin-bottom:24px;
}
#left-col .link-toAbout a{
  display:block;
  height:82px;
  background-color:#f8f8f8;
}
#left-col .link-toAbout.release54536 a{
  display:block;
  height: 102px;
  background-color: #fa7046;
}
#left-col .link-toAbout p{
  text-align: center;
  line-height:2.2;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-feature-settings: "palt";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  color:#333;
  position:relative;
  top:50%;
  transform:translateY(-45%);
}
#left-col .link-toAbout.release54536 p{
  text-align: center;
  line-height:1.8;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-feature-settings: "palt";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #fff;
  position:relative;
  top:50%;
  transform:translateY(-50%);
}
#left-col .link-toAbout p span{
  display:block;
  font-size: 10px;
  font-family: "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:normal;
  color:#fa7046;
}
#left-col .link-toAbout.release54536 p span{
  display: inline-block;
  font-size: 10px;
  font-family: "Lato", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:normal;

  position: relative;
  padding: 0 0 0 10px;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing:.15em;  
}
#left-col .link-toAbout.release54536 p span:before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 2px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff; 
}
#left-col .link-toAbout:hover{
  opacity:.7;
}

/* LGCお知らせ */
.addInfo-lgc p{
  text-align:center;
  line-height:48px;
  font-size:14px;
  font-weight:bold;
  color:#222;
  background-color:#FF759C;
}
.addInfo-lgc p a{
  color:inherit;
  text-decoration:underline;
}

/* GCB1枚の時にサムネを非表示 */
#gcb-thumb_banner.displayNone{
  display: none;
}
