@charset "utf-8";
/*____________________________________________________________________________

SITE TITLE: FASHION WALKER
TITLE: PC トップページ 【L4】
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
 共通設定
----------------------------------------------------------------------------*/
*{
  box-sizing:border-box;
}
*:focus {
  outline: none;
}
#header_top{
  padding: 0;
  margin: 0;
}
.wrapContent {
  margin:0 auto;
  width:1024px;
  overflow:hidden;
  padding-top: 56px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 35px;
}
.wrapContent a:hover img{
  opacity: 0.6;
}
/* h2　テキストタイトル */
.wrapContent .centerContent_heading {
  font-size:24px;
  font-weight:normal;
}
.wrapContent a {
  text-decoration:none;
  color:#444;
}
.wrapContent .link_block a {
  font-size:12px;
  text-decoration: underline;
}
.wrapContent .link_block a:hover {
  text-decoration: none;
}
.clear:after, .clearfix:after {
  display: block;
  content: "";
  clear: both;
}
/*----------------------------------------------------------------------------
 leftNav
----------------------------------------------------------------------------*/
.leftNav {
  box-sizing:border-box;
  width:200px;
  float:left;
}
.leftNav_section{
  margin-bottom:30px;
}
.leftNav_section .leftNav_heading{
  margin-bottom:8px;
  padding-bottom:5px;
  font-size:16px;
  color:#444;
  border-bottom:1px solid #ededed;
}
/* お気に入り、 アイテム */
.leftNav_section.favorite li,
.leftNav_section.item li {
  line-height:1;
  font-size:13px;  
  padding:0
}
.leftNav_section.favorite li a,
.leftNav_section.item li a {
  display:block;
  color:#666;
  padding:8px 0;
  margin:0;
  cursor:pointer;
}

/* カテゴリ */
.leftNav_section.category .leftNav_heading{
  border-bottom:0;
}
.leftNav_section.category li {
  border-top:1px solid #ededed;
}
.leftNav_section.category .leftNav_list {
  border-bottom:1px solid #ededed;
}
.leftNav_section.category .leftNav_list:first-child {
  border:none;
}
.leftNav_section.category .leftNav_list.bd {
  border-bottom:1px solid #d6d6d6
}
.leftNav_section.category li a {
  padding:12px 0 12px 5px;
  display: block;
}
.leftNav_section.category {
  margin:32px 0;
}
.leftNav_section.category li a {
  color: #666;
}
/*  hover */
.leftNav_section li a:hover{
  opacity:.6;
}

/* スペシャルコンテンツ */
.leftNav_section.specialContents .leftNav_heading{
  border-bottom:none;
}
.leftNav_section.specialContents a{
  display:block;
}
.leftNav_section.specialContents a:hover{
  opacity:.6;
}

/* カラーから探す */
.colorchip{
  position: relative;
  padding-left:20px;
}
.colorchip:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #000;
}
.colorchip:hover{background: #efefef;}
.colorchip.colorchip-col185:before { background: #000; }
.colorchip.colorchip-col179:before { background: #808082; }
.colorchip.colorchip-col188:before { background: #6f451f; }
.colorchip.colorchip-col200:before { background: #113394; }
.colorchip.colorchip-col174:before { background: #e9e4d1; }
.colorchip.colorchip-col183:before { background: #fff;border: 1px solid #ddd;}
.colorchip.colorchip-col180:before {
  background: #be9d20; /* Old browsers */
  background: -moz-linear-gradient(top,  #e3d26e 0%, #be9d20 50%, #e3d26e 100%); 
  background: -webkit-linear-gradient(top,  #e3d26e 0%,#be9d20 50%,#e3d26e 100%); 
  background: linear-gradient(to bottom,  #e3d26e 0%,#be9d20 50%,#e3d26e 100%); 
}
.colorchip.colorchip-col181:before {
  background: #aaa9a9; /* Old browsers */
  background: -moz-linear-gradient(top,  #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%); 
  background: -webkit-linear-gradient(top,  #d9d9d9 0%,#aaa9a9 50%,#d9d9d9 100%); 
  background: linear-gradient(to bottom,  #d9d9d9 0%,#aaa9a9 50%,#d9d9d9 100%); 
}
.colorchip.colorchip-col168:before { background: #feabc5; }
.colorchip.colorchip-col187:before { background: #de2e5c; }
.colorchip.colorchip-col184:before { background: #4b98e6; }
.colorchip.colorchip-col182:before { background: #fee00e; }
.colorchip.colorchip-col186:before { background: #66b061; }
.colorchip.colorchip-col173:before { background: #e57e15; }
.colorchip.colorchip-col175:before { background: #946fa5; }
.colorchip.colorchip-col171:before { background: #768135; }
.colorchip.colorchip-col169:before {background: url('https://media.aws.locondo.jp/contents/img/common/colorchip/color169.png') 50% 50%;  background-size: 25px;}
.colorchip.colorchip-col170:before {background: url('https://media.aws.locondo.jp/contents/img/common/colorchip/color170.png') 50% 50%; }
.colorchip.colorchip-col201:before {
  background: url('https://media.aws.locondo.jp/contents/img/common/colorchip/color201.png') 75% 50%;
  background-size: 20px;
}
.colorchip.colorchip-col167:before {
  background: url('https://media.aws.locondo.jp/contents/img/common/colorchip/color167.png') 50% 50%;
  background-size: 30px; 
}
/*----------------------------------------------------------------------------
TCB
----------------------------------------------------------------------------*/

.slider li{
  width: 100%;
}
.slider .campaign-info img{
   width: auto;
  }
.slick-initialized{
  opacity: 1;
  padding: 0 !important;
}
.thmub-innner{
  box-sizing: border-box;
  margin :12px;
  cursor: pointer;
  text-align: center;
}
.thumb li.slick-current img{
  outline: none;
}
.fwcb-main-img.fwcb-top-last span,
.fwcb-main-img.fwcb-top-first span{
  width: 1000px;
  height: 460px;
}
.fwcb-main-img.fwcb-top-last span img,
.fwcb-main-img.fwcb-top-first span img{
  height: auto;
  width: 100%;
}
.fwcb-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;
}
.fwcb-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;
}
.fwcb-campaign-copy{
  font-size: 18px;
  line-height: 1.4;
  color: #DD0000;
  font-weight: bold;
}
.fwcb-campaign-info.dark .fwcb-campaign-brandname{
  color: #fff;
}
.rightContent{
  width:800px;
  float: right;
}
.top-slide{
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
  margin-bottom: 40px
}
.flex-control-nav {
  bottom: 0 !important;
  right: 0 !important;
  z-index: 10;
  padding: 0 23px 16px 0 !important;
  text-align: right !important;
}
.flex-control-paging li a {
  text-indent: 9999px !important;
  width: 10px !important;
  height: 10px !important;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);
}
/*----------------------------------------------------------------------------
 center-col
----------------------------------------------------------------------------*/
.centerContent {
  width:804px;
  float:left;
}
/* category_ranking */
/*ランキングtab*/

.lc-row--ranking .lc-col__1of6:nth-child(-n+8) {
  width: calc((100% - 40px) / 4);
}
.rank_title {
  overflow:hidden;
}

.ranking-block-group{
  position:relative;
}
.ranking_contents{
  height: auto;
}
.ranking_contents.none {
  opacity:0;
  visibility:hidden;
  position:absolute;
  height: 0;
  overflow: hidden;
}
.wrapContent .rank_subtitle a {
  float:right;
  text-align:right;
  text-decoration: underline;
}
.wrapContent .rank_subtitle a:hover {
  text-decoration: none;
}
.rank_loading{
  text-align: center; 
  padding:0 0 20px 0;
}
/* 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;
}

/*----------------------------------------------------------------------------
上書きしていく分
----------------------------------------------------------------------------*/
.ranking-block .btn_view{
  text-align: center;
  margin: 24px 0 32px 0;
  font-size: 13px;
  line-height:40px;
}
.ranking-block .btn_view a{
  display: inline-block;
  text-align:center;
  width: 150px;
  color: #fff;
  border-radius: 4px;
}
.ranking-block .btn_view a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.ranking-block .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);
  position:relative;
  top:-1px;
}

.centerContent {
  width: 790px;
}
/* 閲覧履歴 */
#item_history {
  width: 100%;
  margin: 0 0 42px 0;
}
#item_history .centerContent_heading{
  text-align: center;
  margin: 0 0 24px 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
}
#item_history ul{
  display:flex;
  flex-wrap:wrap;
}
#item_history li{
  display:inline-block;
  width: 79px;
  position: relative;
  overflow:hidden;
  border: 2px solid #fff;
}
#item_history li a{
  display:block;
}
#item_history li img {
  max-width:initial;
  max-width:inherit;
  width: 140%;
  height: auto;
  position:relative;
  left:-20%;
}
/* hover */
#item_history li a:hover{
  opacity:.6;
}
#rec_info{
  font-size: 12px;
  display: block;
}

/*ロコレット*/
/* LCB */

.leftNav_section.item .left_al_nav .s_title {
  margin:8px 0;
  padding-left:0px;
  color:#666;
}
.leftNav_section.item .left_al_nav li a,
.leftNav_section.item .left_al_nav li a:hover {
  padding-left:1em;
}

/*左カラムロールオーバー*/
.leftNav_section.item li {
  position:relative;
}

/* LCB, DCB */
.fwcb-main {
  width: 100%;
  min-height:460px;
  margin: 0 auto;
}
.slider .fwcb-main-contents {
  width: 1000px;
  margin: 0 auto;
  display: table;
}
.slider .fwcb-main-contents a {
  text-decoration: none;
}
.slider .fwcb-main-contents a:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.8;
}
#fwcb-thumb_banner {
  width: 1000px;
  min-width: 1000px;
  margin: 10px auto;
  overflow: hidden;
}
#fwcb-thumb_banner li {
  overflow: hidden;
  padding: 0;
}
#fwcb-thumb_banner li img {
  filter: brightness(70%);
}
#fwcb-thumb_banner li:hover img {
  opacity: 0.6;
}
#fwcb-thumb_banner img {
  width: 100%;
  height: auto;
}
#fwcb-thumb_banner li.slick-current img{
  filter: brightness(100%);
  outline: none;
}
#fwcb-thumb_banner li.slick-current img:focus {
  outline: none;
}
.fwcb-main-img {
  display: table-cell;
  overflow: hidden;
}
.fwcb-main-img span,
.fwcb-main-img a {
  display: block;
  width: 690px;
  height: auto;
  overflow: hidden;
}
.fwcb-main-img img {
  height: auto;
  width: 100%;
}
.fwcb-main-img a:hover {
  opacity: 0.8;
}
.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);
}
.fwcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, 1);
}
.fwcb-campaign-info img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
}
#fwcb-main_banner {
  position: relative;
  margin: 0;
  overflow: hidden;
}
/* センターバナーcampaign-info 色指定  */
.fwcb-campaign-info {
  background-color: rgba(255, 255, 255, .2);
}
.fwcb-campaign-info.dark {
  background-color: rgba(0, 0, 0, .2);
}
.dark .fwcb-campaign-brandname,
.dark .fwcb-campaign-catchcopy{
  color:#fff;
}

/* departmentTop、lgcTop */
/* 見出し */
.fwTop .centerContent_heading{
  position:relative;
  margin-top:0;
  margin-bottom:10px;
  padding:0;
  text-align:center;
  vertical-align:top;
  font-size:20px;
  color:#444;
}

/* tab */
.rank_title{
  margin-bottom:20px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.ranking_tab{
  display:inline-block;
  margin-bottom:12px;
}
.ranking_tab li {
  display:inline-block;
  cursor: pointer;
  padding: 0 12px;
  font-size: 14px;
  font-weight:400;
  vertical-align:top;
}
.ranking_tab li a{
  display:block;
  line-height:30px;
  color: #aaa;
  text-transform:uppercase;
}
.ranking_tab li.current a{
  color:#000;
}

/* lgcTop BRAND NEWS */
.midBanner.lc-section{
  padding-top:0;
  padding-bottom:0;
  border-bottom:0;
}
#fwMidBanner{
  justify-content:space-between;
}
.midBanner .brandNewsList_item{
  margin-bottom:24px;
  width:calc(730px / 4);
  position:relative;
}
.midBanner .wrap_brandNewsList_photo{
  margin-bottom:8px;
  width:calc(730px / 4);
  height:calc(730px / 4);
  overflow:hidden;
  position:relative;
  background-color:#000;
}
.midBanner .brandNewsList_photo{
  position:relative;
  max-width:initial !important;
  width: 140%;
  height:auto;
  top: -20%;
  left: -20%;
  opacity:.8;
}
.midBanner .brandNewsList_inner{
  position:absolute;
  top:0;
}
.midBanner .brandNewsList_logo{
  width:100%;
  height:auto;
}
.midBanner .brandNewsList_icon{
  position:absolute;
  bottom:0;
  left:0;
  width:88px;
  text-align:center;
  line-height:24px;
  font-size:9.75px;
  color:#fff;
}
.midBanner .brandNewsList_icon.red{
  background:rgba(242, 33, 93, .8);
}
.midBanner .brandNewsList_icon.grey{
  background:rgba(100, 100, 100, .8);
}
.midBanner .brandNewsList_icon.blue {
    background: rgba(33, 180, 242, 0.8);
}
.midBanner .brandNewsList_text{
  font-size:12px;
  line-height:1.7;
  color:#666;
  word-break: break-all;
}
/* hover */
.brandNewsList_item:hover{
  opacity:.6;
}

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

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

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

/*----------------------------------------------------------------------------
ランキング
----------------------------------------------------------------------------*/
#category_ranking{
  margin-bottom:50px;
}
.catalog.ranking .catalog-list{
  font-size:0;
}
.catalog.ranking .catalog-item{
  display: inline-block;
  margin: 0 20px 0 0;
  position: relative;
  width: 115px;
  overflow:hidden;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(4),
.catalog.ranking .catalog-list .catalog-item:nth-child(10),
.catalog.ranking .catalog-list .catalog-item:nth-child(16),
.catalog.ranking .catalog-list .catalog-item:nth-child(22){
  margin-right:0;
}
.catalog.ranking .catalog-item:nth-child(4){
  margin-right:0;
}
.catalog.ranking .catalog-item:nth-child(-n + 4){
  width: 182px;
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-imgContainer{
  height:254px;
}
.catalog.ranking .catalog-imgContainer{
  height:161px;
  background-color:#fff;
}
.catalog.ranking .catalog-imgContainer:before{
  content:"";
  display:block;
  width:100%;
  height:161px;
  position:absolute;
  z-index:1;
  background-color:#000;
  opacity:.03; 
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-imgContainer:before{
  height:254px;
}
.catalog.ranking .catalog-img{
  margin-left: -20%;
  max-width: initial;
  width: 140%;
  height: auto;
  position:relative;
  top:50%;
  transform:translateY(-50%);  
}
.catalog.ranking .catalog-item.-square .catalog-img {
  margin-left: 0;
  width: 100%;
}
.catalog.ranking .catalog-item.-loading img{
  width:100%;
  height:auto;
  mix-blend-mode: multiply;
}
.catalog.ranking .catalog-imgContainer:hover{
  opacity:.7;
}
/* テキスト */
.catalog.ranking .catalog-content{
  padding:5px 5px 20px 0;
  line-height:1.6;
}
.catalog.ranking .catalog-brandName{
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color:#444;
}
.catalog.ranking .catalog-commodityName{
  font-size: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #999;
}
.catalog.ranking .catalog-price{
  font-size: 13px;
  color:#444;
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-brandName{
  font-size: 13px;
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-commodityName{
  font-size: 10px;
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-price{
  font-size: 14px;
}

.catalog.ranking .catalog-price.-discount{
  color:#FF0030;
}
/* 順位 */
.catalog.ranking .catalog-item{
  position:relative;
}
.catalog.ranking .catalog-item .badge{
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  border: 1px solid #999;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  background: #fff;
  font-size: 11px;
  box-sizing: border-box;
}
.catalog.ranking .catalog-item:nth-child(-n + 4) .badge{
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(1) .badge{
  background: #c2aa62;
  color: #fff;
  border: none;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(2) .badge{
  background: #b1b1b5;
  color: #fff;
  border: none;
}
.catalog.ranking .catalog-list .catalog-item:nth-child(3) .badge{
  background: #b9886d;
  color: #fff;
  border: none;
}
/* タブ操作用 */
.ranking-block.-none{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 0;
  overflow: hidden;  
}
/* マイブランド */
.section-myBrand{
  margin-bottom:50px;
  background-color:#f2f2f2;
  border-bottom:0;
}
.section-myBrand .myBrand-inner{
  padding:0 15px;
}
.section-myBrand .headingSub{
  margin-right:.5em;
  font-size:14px;
  position:relative;
  top:-.2em;
}
.section-myBrand .headingSub:before{
  font-size:1.1em;
  position:relative;
  top:.08em;
}
.section-myBrand .-not-authenticated a{
  margin: 0 auto;
  width:50%;
  color:#fff;
}
/* 見出し */
#category_ranking .headingSub {
  margin-right: .5em;
  font-size: 13px;
  position: relative;
  top: -.1em;
}
/* section-myBrand サイズ調整 */
.section-myBrand .catalog.ranking .catalog-item {
  width: 110px;
}
.section-myBrand .catalog.ranking .catalog-item:nth-child(-n + 4) {
  width: 175px;
}
.section-myBrand .catalog.ranking .catalog-imgContainer,
.section-myBrand .catalog.ranking .catalog-imgContainer:before {
  height: 154px;
}
.section-myBrand .catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-imgContainer,
.section-myBrand .catalog.ranking .catalog-item:nth-child(-n + 4) .catalog-imgContainer:before {
  height: 245px;
}
.section-myBrand .centerContent_heading{
  margin-bottom:20px;
}
/* マイページボタン */
.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;
  border-radius:2px;
}
.section-myBrand .ranking-btnToMypage{
  margin-top:-10px;
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  font-size: 12px;
}
/* ジェンダー切り替えボタン */
.ranking-genderButton{
  display:inline-block;
  margin-left:5px;
  font-size:0;
  position:relative;
  top:-3px;
}
.ranking-genderButton .button-item{
  display:inline-block;
}
.ranking-genderButton input[type=radio]{
  display:none;
}
.ranking-genderButton .button-item label{
  display:block;
  font-size: 12px;
  font-weight:normal;
  line-height:2;
  color:#ccc;
  letter-spacing: 0;
}
.ranking-genderButton .button-item input:checked + label{
  font-weight:600;
}
.ranking-genderButton .button-item:first-child label:after{
  content:"";
  display:inline-block;
  width:1px;
  height:1em;
  background-color:#ddd;
  margin-left:.5em;
}
.ranking-genderButton .button-item:last-child label{
  padding-left:.5em;
  padding-right:.5em;
}
.ranking-genderButton label:hover{
  cursor:pointer;
}