@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:990px;
  overflow:hidden;
  padding-top: 56px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* h2　テキストタイトル */
.wrapContent .centerContent_heading {
  font-size:24px;
  font-weight:normal;
}
.wrapContent a {
  text-decoration:none;
  color:#444;
}
.wrapContent a:hover {
  color: #01ABB5;
}
.wrapContent .link_block a {
  font-size:12px;
  color: #01ABB5;
  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:170px;
  float:left;
  margin-right:25px;
}
.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;
}

/*----------------------------------------------------------------------------
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;
}

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

/* 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: 10px 0 32px 0;
  font-size: 13px;
  line-height:40px;
}
.btn_view a{
  display: inline-block;
  text-align:center;
  width: 150px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #01C3CF;
}
.btn_view a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.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;
}
.fwTop .wrapContent .btn_view a{
  color: #01ABB5;
}
.fwTop .wrapContent .btn_view a:after{
  border-color:#01C3CF;
}

.leftNav {
  margin-right: 30px;
}


.centerContent {
  width: 790px;
}
/* 閲覧履歴 */
#item_history {
  width: 100%;
  margin: 0 0 32px 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;
  color: #ccc; /* 閲覧履歴が無いときの「おすすめ商品」の案内。薄くする（ブランデリ、waja と同じ。koichi fukura 2026-10-21） */
}

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

.leftNav_section.item ul.left_al_nav li.s_title {
  margin:8px 0;
  padding-left:0px;
  color:#666;
}
.leftNav_section.item ul.left_al_nav li a, .leftNav_section.item ul.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 .thumb-inner{
  box-sizing: border-box;
  margin: 12px;
  cursor: pointer;
  text-align: center;
}
#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;
  width: 100%;
}
/* センターバナー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;
}

/* 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:140%;
  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;
}



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

.wrapContent{
  padding-top: 42px;
}
#item_history {
  margin: 0 0 42px 0;
}

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

#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;
  padding: 4px 6px;
  border-radius: 2px;
  background: #f5f5f5;
  font-size: 12px !important;
  color: #666 !important;
}
.list_trendword li a:hover{
  background: #eee;
  color: #333;
}

/*----------------------------------------------------------------------------
PICK UP BRAND
----------------------------------------------------------------------------*/
.section-hotBrand {
  margin: 0 auto 60px;
}

/*----------------------------------------------------------------------------
トピックス
----------------------------------------------------------------------------*/
.section-topics { margin-bottom: 80px; }
.arc-news--slider{
  overflow: hidden;
  margin: 0 auto;
  width: 800px;
}
#top-arc-news {
  background: #f2f2f2;
}
.arc-news-item{
  padding: 0 5px;
}
.arc-news-item a{
  display: block;
  transition: .3s ease;
}
.arc-news-item a.lc-item__link{
  padding-bottom: 0 !important;
}
.arc-news-item a:hover img{
  opacity: 1;
}
.arc-news--item__image{
  display: flex;
  align-items: center;
}
.arc-news--item__image img{
  width: auto;
  margin: 0 auto;
}
.arc-news--since{
  color: #fff;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 700;
}
.arc-news__date{
  color: #7f7f7f;
  line-height: 1.6;
}
.arc-news__title{
  color: #666;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  margin: 6px 0 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#arc-news .lc-u-text-ellipsis {
  white-space : wrap !important;
}
p.arc-news__subtitle{
  color: #7f7f7f;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.section-topics a:hover {
  opacity: 0.6;
}

/*----------------------------------------------------------------------------
ランキング
----------------------------------------------------------------------------*/
/* ランキングは色も含めて BOEM 共通の _assets/css/pc/ranking-section.css で描く（サイトの値はその「8. サイトごとの違い」。ITCRE-85） */
/*----------------------------------------------------------------------------
マイブランド
----------------------------------------------------------------------------*/
.section-myBrand .myBrand-inner{
  padding:0 15px;
}
.section-myBrand .-not-authenticated a{
  margin: 0 auto;
  width:50%;
  color:#fff;
}
/* 見出し */
.section-myBrand .headingSub {
  margin-right: .5em;
  font-size: 13px;
  color: #01ABB5;
  position: relative;
  top: -.1em;
}
.section-myBrand .headingSub:before{
  font-size:1.1em;
  position:relative;
  top:.08em;
}
.section-myBrand h2 i {
  position: relative;
  top: -.15em;
  display: inline-flex;
  align-items: center;
  height: 1em;
  padding: 0 .18em 0 .2em;
  border-radius: 1px;
  margin-right: .3em;
  border: 1px solid #333;
}
.section-myBrand h2 i::before {
  display: block;
  content: "NEW";
  font: 10px/150% Lato, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', arial, helvetica, sans-serif, clean;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #222;
  transform: scale(0.9);
}
/* section-myBrand サイズ調整 */
.section-myBrand .catalog.ranking .catalog-item {
  width: 115px;
}
.section-myBrand .catalog.ranking .catalog-item:nth-child(-n + 4) {
  width: 182px;
}
.section-myBrand .catalog.ranking .catalog-imgContainer,
.section-myBrand .catalog.ranking .catalog-imgContainer:before {
  height: 161px;
}
.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: 255px;
}
.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;
  background-color:#01c3cf;
  border-radius:2px;
}
.section-myBrand .ranking-btnToMypage{
  margin-top:-10px;
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  color: #01ABB5;
  font-size: 12px;
}
.section-myBrand{
  margin-bottom: 40px;
  padding:0;
  background-color: #fff;
}
.section-myBrand.myBrandNotLogin{
  padding:5px 15px 30px;
  background-color: #f2f2f2;
  border:none;
}
.section-myBrand.myBrandNewArrival{
  margin-bottom:60px;
}
/* 見出し */
.section-myBrand h2 {
  margin: 24px 0 20px;
  text-align: center;
  font-weight: 400;
  font-style: normal;
  vertical-align: top;
  font-size: 20px;
  color: #444;
}
.section-myBrand h2 .headingSub{
  margin: 0;
  font-size: 12px;
  display: block;
  color: #444;
  position: static;
}
.section-myBrand .ranking-btnToMypage{
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  color: #01ABB5;
  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:#01C3CF;
}
.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 .ranking-btnToMypage{
  text-align:right;
  padding-right:10px;
}
.section-myBrand .ranking-btnToMypage a{
  color: #01ABB5;
  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:#01ABB5;
  border-radius:2px;
}

/* #71637 新着・ランキングの表示数調整 */
.section-myBrand.myBrandNewArrival .catalog-item:nth-of-type( n + 13),
.section-myBrand.myBrandRanking .catalog-item:nth-of-type( n + 23){
  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 .catalog.-isShowAll ~ .btn_view{
  display:block;
}
.section-myBrand.myBrandRanking .-isShowAll ~ .btn_visibleAll{
  display: none !important;
}
/* マイブランドランキングがない時 */
.section-myBrand.myBrandRanking .msg_noItem{
  text-align:center;
  color:#999;
  margin-bottom:20px;
}

/*----------------------------------------------------------------------------
 ランキング、マイブランド新着（.catalog）
----------------------------------------------------------------------------*/
.catalog .catalog-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  justify-content:space-between;
}
.catalog .catalog-link{
  display:block;
  text-decoration:none;
}
.catalog .catalog-item {
  width: calc((100% - 30px) / 4);
  overflow: hidden;
  margin-bottom: 5px;
}
.catalog.-col-3 .catalog-item {
  width: calc((100% - 20px) / 3);
}
.catalog.-col-5 .catalog-item {
  width: calc((100% - 40px) / 5);
}
.catalog.-col-6 .catalog-item {
  width: calc((100% - 50px) / 6);
}
.catalog .catalog-imgContainer {
  padding-top: 100%;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.catalog .catalog-img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.catalog .catalog-imgContainer:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.02;
}
.catalog .catalog-list::before,
.catalog .catalog-list::after{
  content:"";
  display:block;
  width: calc((100% - 30px) / 4);
  height:0;
  order:1;
}
/* 長方形 */
.catalog.-rectangle .catalog-imgContainer {
  padding-top: 140%;
}
.catalog.-rectangle .catalog-img {
  max-width:140%;
  width: 140%;
}
.catalog.-rectangle .catalog-imgContainer:before{
  padding-top: 140%;
}
/* 長方形に正方形を配置する */
.catalog.-rectangle .catalog-item.-square .catalog-img{
  max-width:100%;
}

/* -------------------------- テキスト -------------------------- */
.catalog .catalog-content {
  padding: 8px 5px 20px 5px;
  line-height: 1.4;
  text-align: left;
}
.catalog .catalog-brandName {
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #333;
  letter-spacing: 0.03em;
}
.catalog .catalog-brandName{
  display:none;
  margin-bottom:.15em;
}
.catalog .catalog-commodityName {
  font-size: 12px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #999;
  letter-spacing: 0.02em;
  margin-bottom:.15em;
}
.catalog .catalog-price {
  font-size: 14px;
  color: #333;
  letter-spacing: 0.05em;
}
[data-icon-layout="below-price"]  .catalog .catalog-price {
  display: flex;
}
.catalog .catalog-price.-discount {
  color: #ff0030;
}
/* マイブランドの新着（#top_new_mybrand）。ランキングの順位は _assets/css の ranking-section.css が描くので、ここには置かない（ITCRE-85） */
#top_new_mybrand .catalog-item {
  position: relative;
}

/* キャンペーンアイコン .catalog-campaignGroup（マイブランドの新着だけ。ランキングには当てない） */
#top_new_mybrand .catalog-campaignGroup {
  font-size: 10px;
  transform: inherit;
  text-align:left;
  top: -16px;
}
/* refined: 旧DOM(UL は <a> 内・画像下重ね)前提の負 top を打ち消してフロー配置に戻す */
[data-icon-layout="below-price"] #top_new_mybrand .catalog-campaignGroup {
  top: 0;
}
#top_new_mybrand .catalog-campaignItem{
  height:calc( 18px * 0.9);
  margin-bottom:1px;
}
#top_new_mybrand .catalog-campaignItem span {
  display:inline-flex;
  align-items:center;
  padding:0 .5em;
  font-size:10px;
  font-weight:600;
  line-height:1.8em;
  white-space:nowrap;
  transform-origin:0 0;
  transform:inherit;
  color: #fff;
  letter-spacing: .05em;
}
#top_new_mybrand .catalog-campaignItem span:after{
  letter-spacing: 0;
}
#top_new_mybrand .catalog-campaignItem:last-child {
  margin-bottom: -18px;
}
/* refined: 次要素を引き上げる負 margin を無効化（DOM移動後は不要） */
[data-icon-layout="below-price"] #top_new_mybrand .catalog-campaignItem:last-child {
  margin-bottom: 0;
}
.catalog .catalog-link:hover .catalog-campaignItem {
  opacity: 0.7;
}
.catalog .catalog-link{
  text-decoration: none;
}
/* セール */
#top_new_mybrand .catalog-campaignItem.-discount span {
  background-color:rgba(255, 94, 116, .8);
}
#top_new_mybrand .catalog-campaignItem.-discount span:after {
  content: "OFF";
  margin-left: 0.1em;
}
span.-specialprice:after{
  display: none !important;
  margin-left: 0 !important;
}
#top_new_mybrand .catalog-campaignItem.-discount.-timesale span:before {
  content:"";
  display:inline-block;
  width: 12px;
  height: 12px;
  background-image: url('//media.aws.locondo.jp/contents/img/common/icon_timesale.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-right: .2em;
}
/* クーポン */
#top_new_mybrand .catalog-campaignItem.-coupon span {
  color: #fff;
  background-color:rgba(233, 140, 247, .8);
}
#top_new_mybrand .catalog-campaignItem.-coupon.-rate span:after {
  content: "%";
}
#top_new_mybrand .catalog-campaignItem.-coupon.-price span:after {
  content: "円";
}
/* 調整 */
.catalog_contents .lc-item__image,
#item_ranking .lc-item__image{
  margin-bottom:0;
}
.catalog_contents .lc-item__body,
#item_ranking .lc-item__body{
  padding-top:.5em;
}



/*----------------------------------------------------------------------------
Instagram(ロコグラマー)
----------------------------------------------------------------------------*/
.section_instagram{
  padding-bottom: 30px;
}
.instagram-modal_instagramSection{
  float: left;
  max-width: 420px;
}
.instagram-modal_itemSection{
  float: right;
}
.section_instagram h2.instagram_heading{
  position: relative;
  margin-top: 0;
  margin-bottom: 24px;
  padding: 0;
  text-align: center;
  vertical-align: top;
  font-size: 20px;
  color: #444;
}
#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;
  font-size: 12px;
}
/* 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: #01C3CF;
  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;
}

/* 共通の商品ユニット（ITCRE-85。新着、閲覧履歴などを #catalogList_template で描く）の段の間。今までの .catalog-content の下 20px と li の下 5px を合わせた 25px を、li の下 margin で持つ */
.catalog .catalog-list > .catalogList_item {
  margin-bottom: 25px;
}