@charset "utf-8";
/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE: PC トップページ 【L4】
UPDATED:2020.03　トレンドワード
UPDATED:2020.05　リミテッドブランド（D2C）
UPDATED:2020.09　マイブランド
UPDATED:2020.12　Instagram
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
あとで移植
----------------------------------------------------------------------------*/
/* /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;
}
#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;
}
#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 ジェンダーを見て順序変更 */
#left_category{
  display:flex;
  flex-direction:column;
}
#left_category .leftCategory-inner{
  order:1;
  margin-bottom:20px;
}
#left_category.-mens .leftCategory-inner.mens{
  order:0;
}

#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:15px;}

/* レフトナビホバー */  
  #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,
.fwcb-main-img.fwcb-top-last span,
.fwcb-main-img.fwcb-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,
.fwcb-main-img.fwcb-top-last span img,
.fwcb-main-img.fwcb-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;
  letter-spacing:.03em;
}
#tab_top span:hover {
  color:#666;
}
#tab_top span.select {
  color:#333;
}
.rank_tab_title .arw_link{
  margin-left: 12px;
  font-size: 13px;
  position:absolute;
  right:8px;
  letter-spacing:.1em;
}
.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);
  position:relative;
  top:-1px;
}

#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;
  letter-spacing:.03em;
}
.ranking li span.brand_name{
  font-size: 12px;
  line-height:140%;
  padding: 6px 2px 0 4px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing:.03em;
}
.ranking li span.commodity_name{
  color:#999 !important;
  font-size: 10px;
  line-height:120%;
  padding: 4px 10px 3px 4px;
  box-sizing: border-box;
  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;
}
#topics_recommend {
  margin: 0 0 0 0;
  border-top: none !important;
}

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


.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;
}

.fashionwalkerTop #container-top .btn_view a{
  color: #01C3CF;
}
.fashionwalkerTop #container-top .btn_view a:after{
  border-color:#01C3CF;
}

#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;
  padding: 0;
}
.locoletTop #category_ranking,
.departmentTop #category_ranking,
.lgcTop #category_ranking{
  padding-top:0;
  border-top:none;
}
.fashionwalkerTop #category_ranking {
  margin-top:0;
  margin-bottom: 32px;
  padding-top:0;
  border:none;
}
#container-top .rank_title h2 {
  font-size: 32px;
  margin: 24px 0 20px;
  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;
  position:relative;
}
.ranking_contents h4.ranking_subtitle {
  color: #222;
  margin: 24px 0 16px;
  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;
}

.fashionwalkerTop .ranking_contents h4.ranking_subtitle {
  margin: 0 0 16px 0;
  font-size: 14px;
  line-height: 1;
  border-top: none;
}

.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_sales li.no1 span.commodity_name, 
.ranking_sales li.no2 span.commodity_name,
.ranking_sales li.no3 span.commodity_name,
.ranking_sales li.no4 span.commodity_name{
  font-size:11px;
}
.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;
}

.top_rank_lococolle_block{
  background: #f5f5f5;
  padding: 10px 20px;
}
.top_rank_lococolle_block .ranking_sales li.no1, 
.top_rank_lococolle_block .ranking_sales li.no2,
.top_rank_lococolle_block .ranking_sales li.no3,
.top_rank_lococolle_block .ranking_sales li.no4,
.top_rank_rezard_block .ranking_sales li.no1, 
.top_rank_rezard_block .ranking_sales li.no2,
.top_rank_rezard_block .ranking_sales li.no3,
.top_rank_rezard_block .ranking_sales li.no4 {
    width: 190px;
}
.top_rank_lococolle_block  .ranking li,
.top_rank_rezard_block  .ranking li{
  width: 126px;
  overflow: hidden;
}
.top_rank_lococolle_block .rank_rb_num{
color: #01C3CF;
}
#container-top .top_rank_lococolle_block .btn_view a {
  width: 240px;
  color: #01C3CF;
}
.top_rank_lococolle_block .btn_view a:after{
  border-top: 1px solid #01C3CF;
  border-right: 1px solid #01C3CF;
}
.top_rank_lococolle_block h4.ranking_subtitle{
  text-align: center;
  line-height: 28px;
}
.top_rank_lococolle_block h4.ranking_subtitle img{
  height: 22px;
  width: auto;
  margin-right:12px;
}
#top_rank_lococolle.ranking li img,
#top_rank_rezard_s.ranking li img,
#top_rank_rezard_a.ranking li img{
  position: relative;
  left: -10%;
  width: 120%;
}

.ranking_contents h4.ranking_subtitle.ranking_subtitle-Lbag{
  border-top: none;
}


.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,
#top_rank_l_s_rezard.ranking li img,
#top_rank_l_a_rezard.ranking li img,
#top_rank_m_s_rezard.ranking li img,
#top_rank_m_a_rezard.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;
} */
/* rezardランキング */
.top_rank_rezard_block{
  margin-top: 20px !important;
  margin-bottom:24px;
  padding:0px 20px;
  background-color:#f2f2f2;
}
.top_rank_rezard_block .ranking_subtitle{
  text-align:center;
}
.top_rank_rezard_block .ranking_subtitle:before{
  content:"";
  display:inline-block;
  margin-right:8px;
  width:24px;
  height:24px;
  background:url(https://sc3.locondo.jp/contents/img/common/icon_crown.png);
  background-repeat:no-repeat;
  background-size:contain;
  position:relative;
  top:2px;
}
.ranking_subtitle small{
  margin-left:.6em;
  font-size:10px;
  color:#888;
  position:relative;
  top:-5px !important;
}
/* 調整 */
.ranking_subtitle{
  vertical-align:top !important;
}
.ranking_subtitle span{
  vertical-align:top !important;
  top:0px !important;
}
.top_rank_rezard_block .ranking_subtitle span{
  position:relative;
  top:6px !important;
}

#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: -20px 0 24px 0;
  padding-top:30px;
  text-align: center;
  font-family: classico-urw, 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
  border-top:1px solid #eee;
}
#topics_recommend a{
  color:#666;
}
#topics_recommend a strong{
  color:#333;
}
#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,
.fwcb,
.fwcb-main  {
  width: 100%;
  min-height:460px;
  margin: 0 auto;
}
.slider .lcb-main-contents,
.slider .dcb-main-contents,
.slider .gcb-main-contents,
.slider .fwcb-main-contents  {
  width: 1000px;
  margin: 0 auto;
  display: table;
}
.slider .lcb-main-contents a,
.slider .dcb-main-contents a,
.slider .gcb-main-contents a,
.slider .fwcb-main-contents a {
  text-decoration: none;
}
.slider .lcb-main-contents a:hover,
.slider .dcb-main-contents a:hover,
.slider .gcb-main-contents a:hover,
.slider .fwcb-main-contents a:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}
#lcb-thumb_banner,
#dcb-thumb_banner,
#gcb-thumb_banner,
#fwcb-thumb_banner  {
  width: 1000px;
  min-width: 1000px;
  margin: 10px auto;
  overflow: hidden;
}
#lcb-thumb_banner li,
#dcb-thumb_banner li,
#gcb-thumb_banner li,
#fwcb-thumb_banner li {
  overflow: hidden;
  padding: 0;
}
#lcb-thumb_banner li img,
#dcb-thumb_banner li img,
#gcb-thumb_banner li img,
#fwcb-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,
#fwcb-thumb_banner li:hover img {
  opacity: 0.6;
}
#lcb-thumb_banner img,
#dcb-thumb_banner img,
#gcb-thumb_banner img,
#fwcb-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,
#fwcb-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,
#fwcb-thumb_banner li.slick-current img:focus{
  outline: none;
}
.lcb-main-img,
.dcb-main-img,
.gcb-main-img,
.fwcb-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,
.fwcb-main-img span,
.fwcb-main-img a {
  display: block;
  width: 690px;
  height: auto;
  overflow: hidden;
}
.lcb-main-img img,
.dcb-main-img img,
.gcb-main-img img,
.fwcb-main-img img{
  height: auto;
  width: 100%;
}
.lcb-main-img a:hover,
.dcb-main-img a:hover,
.gcb-main-img a:hover,
.fwcb-main-img a:hover {
  opacity: 0.8;
}
.lcb-campaign-info,
.dcb-campaign-info,
.gcb-campaign-info,
.fwcb-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,
.fwcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, 1);
}
.lcb-campaign-info img,
.dcb-campaign-info img,
.gcb-campaign-info img,
.fwcb-campaign-info img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
}
#lcb-main_banner,
#dcb-main_banner,
#gcb-main_banner,
#fwcb-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;
}
.fashionwalkerTop #brand_news{
  margin-bottom:0;
}

.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,
.fwbadge{
  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;
}
.fwbadge {
  color: #01C3CF;
  border-color: #01C3CF;
  display: inline-block;
  margin-bottom: 16px;
}
.fwbadge:before {
  content: "FASHION WALKER";
  font-size: 10px;
  font-feature-settings: "palt";
}
/* 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;
}



/*----------------------------------------------------------------------------
TCB/LIMITED/PICKUP 202001
----------------------------------------------------------------------------*/

#container-top{
  padding-top: 42px;
}
#item_history {
  margin: 0 0 42px 0;
}
#category_ranking {
  margin-top: 32px;
  border-top: 1px solid #eee;
}
#limited_campaign{
  border-top: 1px solid #eee;
  padding: 16px 0 0 0;
}
#limited_campaign h2 {
  font-size: 32px;
  margin: 32px 0 24px 0;
  padding: 0;
  text-align: center;
  font-family: classico-urw , 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}

#limited_contents .catalogList_item{
  display: inline-block;
  width: 160px;
  min-height: 240px;
  float: left;
  margin: 0px 1px 25px 0;
}
#limited_contents .catalogList_item:nth-child(5n){
  margin-right: 0;
}
#limited_contents .product-discountIcon li .icon_discountRate,
#limited_contents .product-discountIcon li .icon_couponRate{
  display:inline-block;
  height: 18px;
  margin-bottom: 1px;
  display: inline-block;
  padding: 0 .5em;
  font-size: 10px;
  line-height: 18px;
}
#limited_contents .product-image{
  box-sizing: border-box;
  background-color: #fafafa;
}
#limited_contents .product-discountIcon {
  position: relative;
  min-height: 18px;
  margin-top: -18px;
}
#limited_contents .product-discountIcon li .icon_discountRate{display:inline-block;color: #fff;background-color: rgba(237, 20, 61, .8);}
#limited_contents .product-discountIcon li .icon_couponRate{
  color: #222;
  background-color: rgba(255, 218, 31, .8);
}

#limited_contents .brandName{
  display: block;
  margin:8px 0 5px 0;
  font-size: 12px;
  line-height: 1;
  color: #888;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: .02em;
}
#limited_contents .title{
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 1;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
}
#limited_contents .price {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .02em;
  color:#222;
}
#limited_contents .special_price {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .02em;
  color:#ED143D;
}


#limited_campaign a:hover,
#limited_campaign a:hover img{
  opacity: 1;
}
#limited_campaign a:hover img{
  opacity: 0.6;
  z-index: -1;
}


/*----------------------------------------------------------------------------
トレンドワード
----------------------------------------------------------------------------*/

#trendword_list{
margin: 24px 0 0 0;
}
#trendword_list h2{
font-size: 18px;
border-bottom: none;
font-weight: normal;
}
#trendword_list h3{
font-weight: normal;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-top: 35px;
color: #2b2b2b;
font-size: 15px;
margin: 10px 0 5px;
line-height: 100%;
clear: both;
}
#trendword_list h3 small{ 
color: #666;
font-size: 10px;
padding-left: 1em;
}
.list_trendword{
margin: 0 0 25px -3px;
}
.list_trendword:after{
content: '';
display: block;
clear: both;
}
.list_trendword li{
display: inline-block;
float: left;
margin: 3px;
}
.list_trendword li a{
display: block;
/* border: 1px solid #ddd; */
padding: 4px 6px;
border-radius: 2px;
background: #f5f5f5;
font-size: 12px !important;
color: #666 !important;
}
.list_trendword li a:hover{
background: #eee;
color: #333;
}

.employee {
margin-top: 40px;
}


/*----------------------------------------------------------------------------
LIMITED BRAND (D2C)
----------------------------------------------------------------------------*/
#section-limitedbrand h2 {
  font-size: 32px;
  margin: 0px 0 24px 0;
  padding-top:32px;
  text-align: center;
  font-family: classico-urw, 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
  border-top:1px solid #eee;
}
#section-limitedbrand .limitedbrand_inner img{
  width: 100%;
  height: auto;
}
#section-limitedbrand  .limitedbrand_inner{
  width: 280px;
  height: inherit;
  margin-right: 10px;
}
#section-limitedbrand .slick-next, 
#section-limitedbrand .slick-prev {
  z-index: 3;
  background: #000;
  width: 28px;
  height: 28px;
}
#section-limitedbrand .slick-prev{left: 0;}
#section-limitedbrand .slick-next{right: 0;}
#section-limitedbrand .slick-next:before ,#section-limitedbrand .slick-prev:before{
  content: '';
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 10px;
  height: 10px;
  display: block;
}
#section-limitedbrand .slick-prev:before{
  transform: rotate(225deg);
  position: absolute;
  right: 6px;
  top: 9px;
}
#section-limitedbrand .slick-next:before{
  transform: rotate(45deg);
  position: absolute;
  left: 6px;
  top: 9px;
}

/*----------------------------------------------------------------------------
 史上ランキング
----------------------------------------------------------------------------*/

#historyranking {
  margin-top: 40px;
}
#historyranking h2{
  font-size: 18px;
  border-bottom: none;
  font-weight: normal;
  margin-bottom: 10px;
}
#side_rank_history a{
  display: table;
  width: 100%;
  border: 1px solid #ddd;
}
#side_rank_history a:hover{
  border: 1px solid #eee;
}
#side_rank_history li{
  margin: 0;
  width: 100%;
  position:relative;
}
#side_rank_history.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;
}
#side_rank_history li{
  margin: 0;
  width: 100%;
  position:relative;
}
#side_rank_history.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;
}
#side_rank_history li .wrapImg {
  display: block;
  width: 80px;
  height: 80px;
  min-height: 80px;
  background-color: #f2f2f2;
  vertical-align: middle;
}
#side_rank_history li .rank_caption{
  display: table-cell;
  vertical-align: middle;
  width: 82px;
}
#side_rank_history li .rank_caption span{
  padding: 4px 2px 0 4px;
  width: 80px;
}
#historyranking .btn_view a{
  width: 86%;
}
.employee {
  margin-top: 60px;
}
.limitedbrand-wrapper{
  text-align: center;
}
#section-limitedbrand .limitedbrand_inner{
  width: 320px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 4px;
  position: relative;
}
#section-limitedbrand .limitedbrand_inner-caption{ 
  display: block;
  font-size: 13px;
  text-align: center;
  color: #666;
  padding: 12px 0;
  line-height: 1.65;
}
#section-limitedbrand .slick-next,   
#section-limitedbrand .slick-prev {
  webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 94px;
}
/* さらに表示するボタン */
.section-myBrand .btn_visibleAll,
.ranking_contents .btn_visibleAll{
  margin:-5px auto 30px;
  width:100%;
  text-align:center;
  background-color:#f2f2f2;
  border-radius:2px;
}
.section-myBrand .btn_visibleAll span,
.ranking_contents .btn_visibleAll span{
  display:block;
  line-height:50px;
  font-size:13px;
  color:#666;
} 
.catalog.ranking.-sales .catalog-item:nth-of-type( n + 17){
  display:none;
}
.catalog.ranking.-sales.-isShowAll .catalog-item:nth-of-type( n + 17){
  display:inline-block;
}
.section-myBrand .btn_visibleAll,
.ranking_contents .btn_visibleAll{
  cursor:pointer;
}
.section-myBrand .btn_visibleAll:hover,
.ranking_contents .btn_visibleAll:hover{
  opacity:.7;
}
/* 新ランキング, カタログ */
.catalog .catalog-list{
  font-size:0;
}
.catalog .catalog-item{
  display: inline-block;
  vertical-align:top;
  margin: 0 18px 0 0;
  position: relative;
  width: 119px;
  overflow:hidden;
}
.catalog .catalog-link{
  display: block;
}
.catalog.-sales .catalog-item:nth-child(4),
.catalog.-sales .catalog-item:nth-child(10),
.catalog.-sales .catalog-item:nth-child(16),
.catalog.-sales .catalog-item:nth-child(22),
.catalog.-sales .catalog-item:nth-child(28),
.catalog.-sales .catalog-item:nth-child(34){
  margin-right:0;
}
.catalog.-quantity .catalog-item:nth-child(6),
.myBrandNewArrival .catalog .catalog-item:nth-child(6n){
  margin-right:0;
}
.catalog.-sales .catalog-item:nth-child(-n + 4){
  width: 187px;
}
.catalog.-sales .catalog-item:nth-child(-n + 4) .catalog-imgContainer{
  height:262px;
}
.catalog .catalog-imgContainer{
  height:167px;
  background-color:#fff;
}
.catalog.-squareCate .catalog-imgContainer,
.catalog.-squareCate .catalog-imgContainer:before{
  height:119px; 
}
.catalog.ranking.-squareCate .catalog-item:nth-child(-n + 4) .catalog-imgContainer,
.catalog.ranking.-squareCate .catalog-item:nth-child(-n + 4) .catalog-imgContainer:before{
  height:187px !important; 
}
.catalog.ranking.-quantity.-squareCate .catalog-item:nth-child(-n + 4) .catalog-imgContainer,
.catalog.ranking.-quantity.-squareCate .catalog-item:nth-child(-n + 4) .catalog-imgContainer:before{
  height:119px !important; 
}
.catalog .catalog-imgContainer:before{
  content:"";
  display:block;
  width:100%;
  height:167px;
  position:absolute;
  z-index:1;
  background-color:#000;
  opacity:.03; 
}
.catalog.-sales .catalog-item:nth-child(-n + 4) .catalog-imgContainer:before{
  height:262px;
}
.catalog .catalog-img{
  margin-left: -20%;
  max-width: initial;
  width: 140%;
  height: auto;
  position:relative;
  top:50%;
  transform:translateY(-50%);  
}
.catalog .catalog-item.-square .catalog-img {
  margin-left: 0;
  width: 100%;
}
.catalog.-squareCate .catalog-item .catalog-img {
  margin-left: 0;
  width: 100% !important;
}
.catalog .catalog-item.-loading img{
  width:100%;
  height:auto;
  mix-blend-mode: multiply;
}
.catalog .catalog-imgContainer:hover{
  opacity:.7;
}
/* テキスト */
.catalog .catalog-content{
  padding:5px 5px 20px 0;
  line-height:1.5;
}
.catalog .catalog-brandName{
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color:#444;
  letter-spacing:.04em;
}
.catalog .catalog-commodityName{
  font-size: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #999;
  letter-spacing:.03em;
}
.catalog .catalog-price{
  font-size: 13px;
  color:#444;
  letter-spacing:.04em;
}
.catalog.-sales .catalog-item:nth-child(-n + 4) .catalog-brandName{
  font-size: 13px;
}
.catalog.-sales .catalog-item:nth-child(-n + 4) .catalog-commodityName{
  font-size: 10px;
}
.catalog.-sales .catalog-item:nth-child(-n + 4) .catalog-price{
  font-size: 14px;
}
.catalog .catalog-price.-discount{
  color:#FF0030;
}
/* 順位 */
.catalog.ranking .catalog-item{
  position:relative;
}
.catalog.ranking .catalog-item .badge{
  display:block;
  position: absolute;
  top: 0;
  left: 0;
}
.catalog.ranking .catalog-item .badge:after{
  content:"";
  display:block;
  border-top: 18px solid #222;
  border-right: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 18px solid #222;
}
.catalog.ranking .catalog-item .badge em{
  position:absolute;
  display:inline-block;
  text-align:center;
  width:16px;
  font-size: 12px;
  font-style:normal;
  color:#fff;
  top:2px;
  left:2px;
  z-index:2;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(1) .badge:after{
  border-top-color: #c2aa62;
  border-left-color: #c2aa62;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(2) .badge:after{
  border-top-color: #b1b1b5;
  border-left-color: #b1b1b5;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(3) .badge:after{
  border-top-color: #b9886d;
  border-left-color: #b9886d;;
}
/* 売上数 */
.catalog.ranking.-quantity .catalog-item .badge:after{
  border-top-color: #DDD;
  border-left-color: #DDD;
}
.catalog.ranking.-quantity .catalog-list .catalog-item:nth-child(n + 4) .badge em{
  color:#666;
}
/* キャンペーンアイコン */
.catalog-campaignGroup{
  font-size:10px;
  transform:translateY(-18px);
}
.catalog-campaignItem span{
  display: inline-block;
  margin-bottom:1px;
  padding: 0 .5em;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  letter-spacing:.02em;
}
.catalog-campaignItem:last-child{
  margin-bottom:-18px;
}
.catalog-link:hover .catalog-campaignItem{
  opacity:.7;
}
/* セール */
.catalog-campaignItem.-discount span{
  background-color: rgba(237, 20, 61, .8);
}
.catalog-campaignItem.-discount span:after{
  content:"OFF";
  margin-left:.1em; 
}
.catalog-campaignItem.-discount.-timesale span:before{
  content:"タイムセール";
  margin-right:.1em;
}
/* クーポン */
.catalog-campaignItem.-coupon span{
  color:#222;
  background-color: rgba(255, 218, 31, .8);  
}
.catalog-campaignItem.-coupon.-rate span:after{
  content:"%クーポン";
}
.catalog-campaignItem.-coupon.-price span:after{
  content:"円クーポン";
}

/*===== マイブランド =====*/
.section-myBrand{
  margin-bottom: 36px;
  padding:0;
  background-color: #fff;
  border-top:1px solid #eee;
}
.section-myBrand.myBrandNotLogin{
  padding:5px 15px 30px;
  background-color: #f2f2f2;
  border:none;
}
/* 見出し */
.section-myBrand h2 {
  font-size: 32px !important;
  margin: 40px 0 20px;
  padding: 0 !important;
  text-align: center !important;
  font-family: classico-urw , 'Classico URW', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.section-myBrand h2 .headingSub{
  margin-right:.3em;
  color:#777;
}
.section-myBrand .ranking-btnToMypage{
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  color: #fa7046 !important;
  font-size: 12px;
}

/* ログイン */
.section-myBrand.myBrandNotLogin .myBrand-btnLogin{
  display:block;
  margin:0 auto 20px;
  width: 50%;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  line-height: 50px;
  border: none;
  display: block;
  text-align: center;
  position: relative;
  background-color:#fa7046;
}
.section-myBrand.myBrandNotLogin .myBrand-btnLogin a{
  display:block;
  color:#fff !important;
  text-decoration: none;
}
.section-myBrand.myBrandNotLogin .myBrand-btnLogin:hover{
  opacity:.7;
}
.section-myBrand.myBrandNotLogin .myBrand-toCustomerRegister{
  display:block;
  text-align:center;
}
.section-myBrand.myBrandNotLogin .myBrand-toCustomerRegister a{
  color:#666 !important;
  padding-bottom:.3em;
  border-bottom:solid 1px #999;
}
.section-myBrand.myBrandNotLogin .myBrand-toCustomerRegister a:hover{
  color:#666 !important;
  opacity:.7;
}
/* 調整 */
.section-myBrand.myBrandNewArrival .btn_view{
  margin-top: 0;
}
/* マイページボタン */
.section-myBrand .ranking-btnToMypage{
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  color: #fa7046;
  font-size: 12px;
}
.section-myBrand .ranking-btnToMypage a:hover{
  opacity:.7;
}
/* マイブランド登録なし */
.section-myBrand .addMybrand{
  text-align:center;
}
.section-myBrand .addMybrand p{
  display:block;
  margin-bottom:20px;
  color:#666;
}
.section-myBrand .addMybrand a{
  display:inline-block;
  padding:1em 2em;;
  font-size:13px;
  color:#fff !important;
  background-color:#fa7046;
  border-radius:2px;
}
/* ジェンダー切り替えボタン */
.ranking-genderButton{
  display:inline-block;
  margin-left:10px;
  font-size:0;
  position:relative;
  top:-5px;
}
.ranking-genderButton .button-item{
  display:inline-block;
}
.ranking-genderButton input[type=radio]{
  display:none;
}
.ranking-genderButton .button-item label{
  display:block;
  font-size: 13px;
  font-weight:normal;
  font-family:Lato;
  line-height:2;
  color:#ccc;
  letter-spacing:.06em;
}
.ranking-genderButton .button-item input:checked + label{
  color:#222;
}
.ranking-genderButton .button-item:first-child label:after{
  content:"";
  display:inline-block;
  width:1px;
  height:1em;
  background-color:#ccc;
  margin-left:.5em;
}
.ranking-genderButton .button-item:last-child label{
  padding-left:.5em;
  padding-right:.5em;
}
.ranking-genderButton label:hover{
  cursor:pointer;
}
/* #71637 新着・ランキングの表示数調整 */
.section-myBrand.myBrandNewArrival .catalog-item:nth-of-type( n + 13),
.section-myBrand.myBrandRanking .catalog-item:nth-of-type( n + 11){
  display:none;
}
.section-myBrand.myBrandNewArrival .catalog.-isShowAll .catalog-item:nth-of-type( n + 11),
.section-myBrand.myBrandRanking .catalog.-isShowAll .catalog-item:nth-of-type( n + 11){
  display:inline-block;
}
.section-myBrand.myBrandNewArrival .btn_view{
  display:none;
}
.section-myBrand.myBrandNewArrival .catalog.-isShowAll ~ .btn_view{
  display:block;
}
.section-myBrand.myBrandRanking .-isShowAll ~ .btn_visibleAll{
  display: none !important;
}
.ranking_contents .btn_visibleAll + .btn_view{
  display:none;
}
.ranking_contents .-isShowAll ~ .btn_view{
  display:block;
}
/* マイブランドランキングがない時 */
.section-myBrand.myBrandRanking .msg_noItem{
  text-align:center;
  color:#999;
  margin-bottom:20px;
}

/*----------------------------------------------------------------------------
Instagram(ロコグラマー)
----------------------------------------------------------------------------*/
.section_instagram{
  padding-bottom: 30px;
}
.instagram-modal_instagramSection{
  float: left;
  max-width: 420px;
}
.instagram-modal_itemSection{
  float: right;
}
#container-top h2.instagram_heading{
  text-align: center;
  border-top: 1px solid #eee;
  margin: 0px 0 24px 0;
  padding-top: 32px;
  letter-spacing: 1px;
  font-family: classico-urw, 'Classico URW', sans-serif;
}
#instagram_list li{
  display: inline-block;
  position: relative;
  width: 32%;
  margin: 0 2% 2% 0;
  vertical-align: top;
  cursor: pointer;
}
#instagram_list li:nth-child(3n){
  margin: 0 0 2% 0;
}
#instagram_list li:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.instagram_item_username{
  color: #fff;
}
#instagram_list li:after{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
  background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}
#instagram_list li img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.instagram_item_username{
  position: absolute;
  bottom: 0;
  z-index: 2;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  letter-spacing: 0.2px;
}
/* remodal */
.remodal.instagram-modal {
  max-width: 780px;
  margin: 50px auto;
  padding: 20px 20px 30px;
  width: auto;
}
.instagram-modal_img_wrap img{
  width: 100%;
}
.instagram-modal_text_wrap{
  text-align: left;
}
.instagram-modal_username{
  font-weight: bold;
  margin-top: 10px;
}
.instagram-modal_contents_wrap{
  margin-top: 10px;
  position: relative;
}
.instagram_contents_more{
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 1;
  color: #fa704a;
  font-size: 12px;
  cursor: pointer;
}
.instagram-modal_contents_inner {
  position: relative;
  overflow: hidden;
}
.instagram-modal_contents_inner.is-hide {
  height: 80px;
}
.instagram-modal_contents_inner.is-hide::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.instagram_contents_more.is-show{
  display: none;
}
.instagram-modal_itemSection .instagramItem_list_wrap{
  font-size: 0;
  text-align: left;
  width: 305px;
  margin-left: 15px;  
}
.instagram-modal_itemSection li.instagramItem_list{
  list-style: none;
  width: 144px;
  display: inline-block;
  margin-right: 14px;
  margin-bottom: 14px;
}
.instagram-modal_itemSection li.instagramItem_list:nth-child(2n){
  margin-right: 0;

}
.instagram-modal_itemSection .product-info{
  text-align: left;
}
.instagram-modal_itemSection .instagramItem_brand_name{
  margin-top: 6px;
  font-size: 12px;
  color: #444;
}
.instagram-modal_itemSection .instagramItem_brand_name:hover{
  color: #444;
}
.instagram-modal_itemSection .instagramItem_commodity_name{
  font-size: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  line-height: 1.5;
  color: #999;
  letter-spacing: .03em;
}
.instagram-modal_itemSection .instagramItem_list{
  opacity: 1;
}
.instagram-modal_itemSection .instagramItem_list:hover{
  opacity: 0.6;
}
.instagram-modal_itemSection .product-info a{
  display: block;
  text-decoration: none;
}
.instagram-modal_itemSection .price{
  font-size: 13px;
  color: #444;
  letter-spacing: .04em;
}
.instagram-modal_itemSection .price.old_price{
  display: none;
}
.instagram-modal_itemSection .price.sale_price{
  color: #FF0030;
}
.instagramItem_img{
  position: relative;
}
.instagramItem_img img{
  width: 100%;
  height: auto;
}
.instagramItem_img:before{
  content: "";
  display: block;
  width: 100%;
  height: 144px;
  position: absolute;
  z-index: 1;
  background-color: #000;
  opacity: .03;
}