@charset "utf-8";
/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE: TCB

UPDATED:2019.06 #53831 枝番ファイルを元に戻す
____________________________________________________________________________*/
.info-lt *,.info-lb *,.info-gc *, .info-2oclock *, .info-ls *, .info-maison *, .info-kix *{
  display: none;
}
.info-lt .tcb_container_outer,
.info-lb .tcb_container_outer,
.info-gc .tcb_container_outer,
.info-2oclock .tcb_container_outer,
.info-ls .tcb_container_outer,
.info-maison .tcb_container_outer,
.info-kix .tcb_container_outer{
  display: none;
}

/* ロコンドヘッダの中でのみ表示 */
.info-ld .ld{ display: block;}
.info-ld .lgc,
.info-lt .lt,
.info-ld .lb,
.info-ld .ls{ display: none;}

/* ガールズコレクションヘッダの中でのみ表示 */
.info-gc .lgc,.info-gc .lgc *{display: block;}

/* ロコレットの中でのみ表示 */
.info-lt .lt, .info-lt .lt *{display: block;}

/* ロコンドバイヤーの中でのみ表示 */
.info-lb .lb, .info-lb .lb *{display: block;}

/* スニーカーヘッズの中でのみ表示 */
.info-ls .ls, .info-ls .ls *{display: block;}

/* TCB */

.tcb_band_title {
  display:inline-block;
  margin-right:4px;
  font-size: 19px;
  line-height:1;
  text-align:center;
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  letter-spacing: .05em;
  font-weight: 600;
  vertical-align:top;
  width: 174px;
  padding-bottom:2px;
  white-space:normal;
}
.tcb_band_title em{
  display:block;
  font-size: 21px;
  letter-spacing: .1em;
  margin-bottom:2px;
  /* font-weight: 600; */
}
.tcb_container_outer{
  font-size: 24px;
  letter-spacing: 0.05em;
  background:#fa7046;
  color:#fff;
  line-height:40px;
  text-align:center;
  cursor: pointer;
}
.tcb_container_outer small{
  font-size: 12px;
}
.tcb_container_outer .tcb_band_max{
  display:inline-block;
  text-indent:-9999px;
  text-align: left;
  width:14px;
  height:28px;
  background-image:url(//media.aws.locondo.jp/contents/img/sp/text_saidai.png);
  background-size:contain;
  background-repeat:no-repeat;
  vertical-align:top;
  position:relative;
  top:10px;
  margin-right: 0px;
}
.tcb_bar-title strong{
  font-size:44px;
  font-weight:400;
  letter-spacing:-.01em;
}
.tcb_container_outer .tcb_band_off{
  font-size: 16px;
  padding-left: 2px;
}
.tcb_container_outer .tcb_bar-anc a{
  display:block;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 600;
  width: 160px;
  height:50px;
  padding-top:10px;
  color: #fa7046;
  letter-spacing: 0;
  background: #fff;
}
.tcb_container_outer .tcb_bar-anc #tcb_bar-anc_endday{
  display:block;
  margin-top:4px;
  font-size:11px;
}
.tcb_container_outer .tcb_bar-anc #tcb_bar-anc_endday:before{
  content:"〜";
}
.tcb_container_outer .tcb_bar-anc #tcb_bar-anc_endday:after{
  content:"23:59";
  margin-left:4px;
}
.tcb_container_outer a:hover{
  text-decoration: none;
  background-color:rgba(255,255,255,.8);
}  
.tcb_container.remodal{
  padding: 0 !important;
  background: transparent !important;
  width: 920px !important;
  min-width: 920px !important;
  background: #000 !important;
  border-radius: 8px !important;
}
.tcb_container .remodal-wrapper{
  overflow-y: scroll;
}
.remodal-overlay {
  background: rgba(40, 40, 40, 0.8);
}
.tcb_container_header h2{
  color: white;
  font-size: 24px;
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  font-weight: 600;
  margin: 30px 0 36px 0;
  letter-spacing: 0.1em;
}
.tcb_container_header h3{
  color: #ee0000;
  line-height: 1em;
  margin-bottom:16px;
}
.tcb_container_header h3 .prefix-max{
  font-size:32px;
  font-weight:600;
  letter-spacing:0.05em;
}
.tcb_container_header h3 .prefix-yen{
  font-size:68px;
}
.tcb_container_header h3 strong{ 
  font-size: 72px;
  padding-right: 4px;
}
.tcb_container_header h3 .suffix-off{
  font-size: 32px;
  font-weight:600;
  padding: 0 10px 0 0;
  letter-spacing:0.05em;
}
.tcb_container_header .endDay{
  font-size:12px;
  font-weight: 600;;
  color:#ee0000;
  letter-spacing:.07em;
}
body .remodal-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
.tcb_container.remodal .remodal-close{
  left: 900px;
  top: -16px;
}
.tcb_container.remodal .remodal-close:before {
  background: #000;
  border-radius: 20px;
  border: 2px solid;
  color:#ccc;
}
  
.tcb_container.remodal .remodal-close:hover,
.tcb_container.remodal .remodal-close:focus {
  color: #eee;
}
.tcb_container .cols-img{
  border-radius: 50%;
  overflow: hidden;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}
.tcb_container .cols-img img{
  width: auto;
  height: 100%;
}
.tcb_container .col-pc-4 .cols{
  text-align: center;
  padding: 0px;
  border-top: 2px dashed #444;
  border-right: 2px dashed #444;
}
.tcb_container .col-pc-4 .cols:nth-child(4n){
  border-right: none;
}
.tcb_container .cols a{
  display: block;
  padding: 20px;
}
.tcb_container .cols a , .tcb_container .cols a:hover{
  color: inherit;
  text-decoration: none;
}
.tcb_container .cols a:hover{
  background: #222;
}
.tcb_container .cols a h4{
  font-family: 'classico-urw', 'Classico URW', sans-serif;
  font-weight: 500;
  color: white;
  text-align: left;
  margin: 12px 0 10px 0;
  font-size: 18px;
}
.tcb_container .cols a h5{
  color: #ccc;
  text-align: left;
  font-size: 13px;
  line-height:1.6;
  font-weight: 400;
}
.tcb_container .cols a h5 br{
  content:"";
}

.tcb_container .tcb-campaignSet {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding: 0;
  font-size: 14px;
  line-height:14px;
  color: #fff;
  font-family:"Lato", "ヒラギノ角ゴ ProN";
}
.tcb_container .tcb-campaignSet span{
  display:flex;
  margin-bottom:6px;
}
.tcb_container .tcb-campaignSet span:before{
  display:inline-block;
  font-size:10px;
  font-weight:400;
  font-style:normal;
  line-height:14px;
  padding:0 .3em;
  margin-right:.5em;
  border-radius:2px;
}
.tcb_container .tcb-campaignSet .sale{
  color:#ED143D;
}
.tcb_container .tcb-campaignSet .sale:before{
  content:"セール";
  color:#fff;
  background-color:#ED143D;
}
.tcb_container .tcb-campaignSet .coupon{
  color:#FFDA1F;
}
.tcb_container .tcb-campaignSet .coupon:before{
  content:"クーポン";
  color:#333;
  background-color:#FFDA1F;
}
.tcb_container .tcb-campaignSet .new{
  color:#2FBBF1;
}
.tcb_container .tcb-campaignSet .new:before{
  content:"新作";
  color:#fff;
  background-color:#2FBBF1;
}
.tcb_container .tcb-campaignSet .point{
  color:#fa7046;
}
.tcb_container .tcb-campaignSet .point:before{
  content:"ポイント";
  color:#fff;
  background-color:#fa7046;
}

/* モーダル内は8つまで表示 */
.tcb_contents .cols:nth-child(n + 9){
  display:none;
}

.nowloading{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.sk-fading-circle {
margin: 100px auto;
width: 40px;
height: 40px;
position: relative;
}

.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}

.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #ccc;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; } 
}
.tcb_container .col-pc-1,
.tcb_container .col-pc-2,
.tcb_container .col-pc-3,
.tcb_container .col-pc-4 {
  position: relative;
}
.tcb_container .col-pc-1:before, .tcb_container .col-pc-1:after,
.tcb_container .col-pc-2:before,
.tcb_container .col-pc-2:after,
.tcb_container .col-pc-3:before,
.tcb_container .col-pc-3:after,
.tcb_container .col-pc-4:before,
.tcb_container .col-pc-4:after {
  display: block;
  content: "";
  clear: both;
}
.tcb_container .col-pc-1 .cols,
.tcb_container .col-pc-2 .cols,
.tcb_container .col-pc-3 .cols,
.tcb_container .col-pc-4 .cols {
  position: relative;
  min-height: 1px;
}
.tcb_container .col-pc-1 .cols .image,
.tcb_container .col-pc-2 .cols .image,
.tcb_container .col-pc-3 .cols .image,
.tcb_container .col-pc-4 .cols .image {
  text-align: center;
}
.tcb_container .col-pc-1 .cols .image img,
.tcb_container .col-pc-2 .cols .image img,
.tcb_container .col-pc-3 .cols .image img,
.tcb_container .col-pc-4 .cols .image img {
  max-width: 100%;
  height: auto;
}
.tcb_container .cols{
  box-sizing: border-box;
}
.tcb_container .col-pc-1 .cols {
  width: 100%;
  padding: 0;
}
.tcb_container .col-pc-2 .cols {
  float: left;
  width: 50%;
  padding: 0;
}

.tcb_container .col-pc-3 .cols {
  float: left;
  width: 33.33%;
  padding: 0;
}
.tcb_container .col-pc-4 .cols {
  float: left;
  width: 25.0%;
  padding: 0;
}
.tcb_container .col-pc-4 .cols:nth-child(4n + 1){clear:both;}

.tcb_container_outer{
  display:table;
  width: 100%;
}

.tcb_bar{
  display:table;
  width: 1000px;
  margin: 0 auto;
}

.tcb_bar-brand,
.tcb_bar-title,
.tcb_bar-anc {
  display:table-cell;
  height: 64px;
  line-height: 1;
  vertical-align: middle;
}
.tcb_bar-title{
  min-width: 200px;
  box-sizing: border-box;
  white-space: nowrap;
  padding-right:16px;
  display:flex;
  align-items:center;
}
.tcb_bar-brand{
  max-width: 400px;
  padding: 0;
  font-size:11px;
  color:#ccc;
  line-height: 1.4;
  text-align: left;
  letter-spacing: .05em;
  border-left:1px solid rgba(255,255,255,.5);
}
.tcb_bar-brand a{
  display:inline-block;
  width: 100px;
  height:32px;
  vertical-align:middle;
  box-sizing:border-box;
  border-right:1px solid rgba(255,255,255,.5);
  border-bottom:1px solid rgba(255,255,255,.5);
}
.tcb_bar-brand a:nth-child(n+5){
  border-bottom:none;
}  
.tcb_bar-brand a:hover{
  color: #fff;
  text-decoration: none;
  background-color:rgba(255,255,255,.1);
}
.tcb_bar-brand .inner{
  display:flex;
  display:-ms-flexbox;
  margin-top:3px;
  align-items: center;
  -ms-flex-align:center;
  justify-content: center;
  -ms-flex-pack:center;
  text-align:center;
  height:24px;
  padding:0 .5em;
  font-size:11px;
  line-height:1;
  color:#fff;
  overflow: hidden;
  -ms-flex: 0 1 auto;
}
.tcb_bar-anc{
  min-width: 140px;
}

/* TCB帯 ブランド数によるレイアウト調整#54970 */
/* 1 - 横1カラム */
.bar_itemNum-1 .tcb_bar-brand{
  border-left:none;
}
.bar_itemNum-1 .tcb_bar-brand a{
  width:180px;
  height:36px;
}
.bar_itemNum-1 .tcb_bar-brand .inner{
  font-size:14px;
  height:28px;
}
.bar_itemNum-1 .tcb_bar-brand a{
  border-top:1px solid rgba(255,255,255,.5);
}
.bar_itemNum-1 .tcb_bar-brand a:first-child{
  border-left:1px solid rgba(255,255,255,.5);
}
.bar_itemNum-1 .tcb_bar-anc a{
  width:260px;
}
/* 2 - 横1カラム */
.bar_itemNum-2 .tcb_bar-brand{
  max-width:340px;
  border-left:none;
}
.bar_itemNum-2 .tcb_bar-brand a{
  height:36px;
  width:180px;
  border-top:1px solid rgba(255,255,255,.5);
}
.bar_itemNum-2 .tcb_bar-brand .inner{
  font-size:12px;
  height:28px;
}
.bar_itemNum-2 .tcb_bar-brand a:first-child{
  border-left:1px solid rgba(255,255,255,.5);
}
/* 3-4 */
.bar_itemNum-3 .tcb_bar-brand,
.bar_itemNum-4 .tcb_bar-brand{
  max-width:340px;
}
.bar_itemNum-3 .tcb_bar-brand a,
.bar_itemNum-4 .tcb_bar-brand a{
  width:180px;
}
.bar_itemNum-3 .tcb_bar-brand a:nth-child(n+3),
.bar_itemNum-4 .tcb_bar-brand a:nth-child(n+3){
  border-bottom:none;
}
/* 5-6 */
.bar_itemNum-5 .tcb_bar-brand a,
.bar_itemNum-6 .tcb_bar-brand a{
  width:140px;
}
.bar_itemNum-5 .tcb_bar-brand a:nth-child(n+4),
.bar_itemNum-6 .tcb_bar-brand a:nth-child(n+4){
  border-bottom:none;
}
/* 「クーポン対象アイテムすべて」ボタン */
.tcb_container .btn_allItem{
  display:inline-block;
  box-sizing:border-box;
  margin:12px auto 24px;
  border:1px solid #fff;
  border-radius:20px;
}
.tcb_container .btn_allItem a{
  display:block;
  font-size:13px;
  line-height:40px;
  color:#fff;
  border-radius:20px;
  padding: 0 2em;
}
.tcb_container .btn_allItem a:hover{
  text-decoration:none;
  background-color:#222;
}