@charset "utf-8";
/* 東京靴流通センター・スライドメニュー */
#tsrc #SlideInMenu .navbar-nav > li {border-bottom: none; /*background: url(/smp/tsrc/images/header/menu_bottom.png) no-repeat center bottom;*/}
#tsrc #SlideInMenu {background-color: #E50012;}
#tsrc #SlideInMenu .navbar-nav > li > a {
  padding: 20px 15px; font-size: 14px; line-height: 14px; color: #ffffff;
  background: url(/smp/images/corp/header/arrow_header.png) no-repeat right center #E50012;
  -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100%; opacity:0.95;
}
#tsrc #SlideInMenu .navbar-nav > li.active > a,
#tsrc #SlideInMenu .navbar-nav > li.active:focus > a,
#tsrc #SlideInMenu .navbar-nav > li.active:hover > a,
#tsrc #SlideInMenu .navbar-nav > li:hover > a,
#tsrc #SlideInMenu .navbar-nav > li:focus > a,
#tsrc #SlideInMenu .navbar-nav > li.active > a:focus,
#tsrc #SlideInMenu .navbar-nav > li.active:focus > a:focus,
#tsrc #SlideInMenu .navbar-nav > li.active:hover > a:focus,
#tsrc #SlideInMenu .navbar-nav > li:hover > a:focus,
#tsrc #SlideInMenu .navbar-nav > li:focus > a:focus {color: #E50012; background: url(/smp/images/corp/header/arrow_header.png) no-repeat right center #ffffff;-webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100%; opacity:0.9;}
#tsrc #SlideInMenu > .navbar-nav { display:none; }
#tsrc #SlideInMenu.opened > .navbar-nav { display:block; }
#tsrc #header {position:relative; width:100%; height:97px; border-bottom:solid 1px #cfcfcf; background-color:#fff;}
#header div.container {height:50px;}
#tsrc #header .navbar-default h1.shoeplaza-title {float:left; width:150px; height:49px;}/*-- shoeplaza-titleは160831以降に削除 --*/
#tsrc #header .navbar-default h1.tsrc-title { float: left; width: 150px;height: 49px; font-size: 13px;}
#tsrc #header .container .collapse {display:block;}
#tsrc #header .navbar-default .navbar-toggle.collapsed{float:left; margin-right:0; width: 49px; height: 49px; border: none; border-radius: 0; background: url(/smp/tsrc/images/header/btn_menu.png) no-repeat 0 50%; -webkit-background-size: auto auto; -ms-background-size: auto auto; background-size: 100% auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1;}
#tsrc #header .navbar-default .navbar-toggle{float:left; margin-right:0; width: 49px; height: 49px; border: none; border-radius: 0; background: url(/smp/tsrc/images/header/btn_close.png) no-repeat 0 50%; -webkit-background-size: auto auto; -ms-background-size: auto auto; background-size: 100% auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 1;}
#tsrc #header .globalnavi {position:absolute; top:0; right:8px;}
#tsrc #header .globalnavi li {float:left; width: 45px; height: 49px;}
#tsrc #top-news h3.section-title {padding-bottom:10px;}
#tsrc #campaign-other { margin-top:40px;}
#tsrc #campaign-other ul {margin:0 0 0 4%;}
#tsrc #campaign-other ul li {text-align:center; padding:4% 4% 0 0;}
#tsrc #webMagazineWrap { margin-bottom:20px;}
#tsrc #webMagazineWrap h3.section-title {padding-bottom:15px;}
#tsrc #webMagazineWrap ul {margin:0 0 0 4%;}
#tsrc #webMagazineWrap ul li {text-align:center; padding:0 4% 4% 0;}
#brandListWrap h3.section-title {margin-top:10px;}
/*#brandListWrap .brandTabsWrap {margin-top:30px;}*/
#brandListWrap .brandTabsWrap .nav-tabs {border-bottom:1px solid #E50012;}
.nav-tabs > li {margin-bottom:0;}
#brandListWrap .brandTabsWrap .tab-pane {background-color:#fff; padding:15px 0 0 0;}
#brandListWrap .brandTabsWrap .tab-pane .itemsWrap {margin:0 0 0 4%;}
#brandListWrap .brandTabsWrap .tab-pane .itemsWrap ul {}
#brandListWrap .brandTabsWrap .tab-pane .itemsWrap ul li {text-align:center; padding:0 4% 4% 0;}
#brandListWrap .brandTabsWrap .nav {margin-top:10px; padding:0 4%;}
#brandListWrap .brandTabsWrap .nav > li:first-child a {margin-left:0;}
#brandListWrap .brandTabsWrap .nav > li:last-child a {margin-right:0;}
#brandListWrap > .brandTabsWrap > .nav > li a {margin-top:6px;}
#brandListWrap > .brandTabsWrap > .nav > li.active a {margin-top:0;}
.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #E50012 #E50012 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #E50012;
    cursor: default;
	text-align:center;
	margin-left:1px;
} 
.brandTabsWrap .nav > li {
	font-size:12px;
	list-style:16px;
	margin-top:6px;
}
.brandTabsWrap .nav > li.active {
	font-size:12px;
	list-style:16px;
	margin-top:0;
}
.brandTabsWrap .nav > li > a {
    display: block;
	margin-right: 1px;
    padding: 15px 0;
	height:46px;
    position: relative;
    color: #E50012;
    background-color: #fff;
	text-align:center;
	border-bottom: none;
}
.brandTabsWrap .nav > li.active > a {
	height:52px;
    padding: 18px 0;
	color: #fff;
	background-color: #E50012;
	border-bottom:none;
}
.brandTabsWrap .nav li.active a:hover {
    color: #fff;
    border-color: #E50012 #E50012 transparent;
}
.brandTabsWrap .nav li a:hover {
    color: #E50012;
    border-color: #E50012 #E50012 transparent;
}
#brandListWrap .brandTabsWrap .news-container article {
	height:114px;
}
#brandListWrap .brandTabsWrap .news-container article a {
	height:86px;
	padding:14px 0;
}
#brandListWrap .brandTabsWrap .news-container p.imgL {
    float: left;
    margin: 0 14px 0 0;
}
#brandListWrap .brandTabsWrap .news-container p.imgL img {
    width:108px;
}
#brandListWrap .brandTabsWrap .news-container p.tx-title {
	padding-right:30px;
}
#brandListWrap .brandTabsWrap .spBrandWrap .nav-tabs {border-bottom:medium none;}
.brandTabsWrap .spBrandWrap .nav > li {
	margin-top:0;
}
.spBrandWrap .nav-tabs > li > a, .spBrandWrap .nav-tabs > li.active > a, .spBrandWrap .nav-tabs > li.active > a:hover, .spBrandWrap .nav-tabs > li.active > a:focus {
    color: #989898;
    background-color: #fff;
    border-color: transparent;
}
.spBrandWrap .nav-tabs > li.active > a, .spBrandWrap .nav-tabs > li.active > a:hover, .spBrandWrap .nav-tabs > li.active > a:focus {
    color: #E50012;
	border-bottom: solid 2px #E50012;
}
.brandTabsWrap .spBrandWrap .nav li > a:hover {
    border-color: #fff;
}
.brandTabsWrap .spBrandWrap .nav li.active > a:hover {
	border-bottom: solid 2px #E50012;
}
.brandTabsWrap .spBrandWrap .nav > li > a {
	height:58px;
    padding: 0 0 10px;
}
.brandTabsWrap .spBrandWrap .nav > li.active > a {
	height:58px;
	margin-top:0;
    padding: 0 0 10px;
}
.brandTabsWrap .spBrandWrap .nav > li > a > span {
    display: block;
    padding: 8px 0;
}

#tsrc .breadcrumb-list{
	border-top: none;
}
.bottom-brand-button {
    margin: 10px auto 0;
    text-align: center;
    width: 60%;
}


/*-- 171222 FSP追加 --*/

/*#brandListWrap .pickupWrap,
#brandListWrap .brandTabsWrap,
#top-news{margin-top:60px;}
*/



/*#brandListWrap .brandTabsWrap .tab-pane .itemsWrap {margin:0;}*/

.more-contents .bottom-brand-button{margin:0 auto;}

/*#brandListWrap li{margin-bottom:4%;}*/
/*#brandListWrap li:nth-child(odd){padding:0 2% 0 4%;}
#brandListWrap li:nth-child(even){padding:0 4% 0 2%;}*/
#brandListWrap .brandTabsWrap .tab-pane .itemsWrap .more-contents li:last-child{margin-bottom:6%;}






.pickupWrap{margin-top:50px;}

.pickupWrap a{display:block;}

.pickupWrap ul{
	padding: 6% 4% 0;
	box-sizing:border-box;}

.pickupWrap ul li{margin-bottom:8%;}

.pickupWrap .pickupImg {
    width: 45%;
}

.pickupWrap .pickupImg img {
    width: 100%;
    height: 100%;
    border: 1px solid #db0012;
    box-sizing: border-box;
}

.pickupWrap .tx-item {
    padding-left: 4%;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 11px;
    line-height: 2.0;
	}

.pickupWrap .tx-item img {
    width: 45%;
}














p.tx-price .red {
    color: #c50019;
}
	
p.tx-price .red strong {
    font-size: 22px;
}

.btn-more{max-width: 432px;}

.flyerWrap { margin: 4%; }

.flyerWrap li { margin-bottom: 6%; }