@charset "utf-8";
/* contents */
#shoeplaza-contents { margin: 0 0 100px 0; }
#shoeplaza-contents .bxsliderWrap { width: 1000px; height: 650px; margin: 0 auto; overflow: hidden; }
#shoeplaza-contents h3, #shoeplaza-contents h4 { margin: 0 0 10px 0; }
/* news */
#topic { position: relative; clear: both; margin: 20px 0 20px 0; }
#topic #news { float: left; width: 480px; overflow: hidden; position: relative; }
#topic #news h3 { display: block; margin-bottom: 4px; line-height: 1em; }
#topic #news #news-more { position: absolute; top: 2px; right: 0; width: 47px; height: 9px; margin: 0; padding: 0; font-size: 1px; }
#topic #news #news-more a { display: block }
#topic #news > article { clear: both; }
#topic #news > article p { float: left; font-size: 13px; position: relative; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #e6e6e6; }
#topic #news > article p.date { width: 90px; }
#topic #news > article p.headline { width: 390px; }
#topic #news > article p.headline:before, #topic #news > article p.headline:after { position: absolute; background: #FFFFFF; padding: 0 0 0 5px; }
#topic #news > article p.headline:before { content: "･･･"; bottom: 0; right: 0; }
#topic #news > article p.headline:after { content: ""; width: 100%; height: 100%; }

#topic #newopen { float: right; width: 480px; overflow: hidden; position: relative; }
#topic #newopen h3 { display: block; margin-bottom: 4px; line-height: 1em; }
#topic #newopen #newopen-more { position: absolute; top: 2px; right: 0; width: 47px; height: 9px; margin: 0; padding: 0; font-size: 1px; }
#topic #newopen #newopen-more a { display: block }
#topic #newopen > article { clear: both; }
#topic #newopen > article p { float: left; font-size: 13px; position: relative; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #e6e6e6; }
#topic #newopen > article p.date { width: 90px; }
#topic #newopen> article p.headline { width: 390px; }
#topic #newopen > article p.headline:before, #topic #newopen > article p.headline:after { position: absolute; background: #FFFFFF; padding: 0 0 0 5px; }
#topic #newopen > article p.headline:before { content: "･･･"; bottom: 0; right: 0; }
#topic #newopen > article p.headline:after { content: ""; width: 100%; height: 100%; }

/* search,ec */
/*#topic #shopInfo { float: right; width: 462px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }*/
/*#topic #shopInfo li { float: left; width: 153px; height: 115px; border-right: 1px solid #e6e6e6; }*/
#topic #shopInfo { width: 1000px; margin: 0 auto 56px; }
#topic #shopInfo ul { display: flex; }
#topic #shopInfo li:first-child { margin-right: 30px; }
#topic #shopInfo li:nth-child(2) { margin-right: 10px; }
/* campaign */
#campaign { position: relative; clear: both; margin: 40px 0 0 0; }
#campaign > #campaign-container { width: 1000px; }
#campaign > #campaign-container article { float: left; width: 240px; height: 237px; margin: 0 13px 39px 0; background: #f5f4f4; }
#campaign > #campaign-container article:nth-child(4n) { margin: 0 0 39px 0; }
#campaign > #campaign-container article p.tx-campaign { margin: 10px 12px 12px 12px; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
#campaign > #campaign-container article p.tx-campaign:before, #campaign > #campaign-container article p.tx-campaign:after { position: absolute; padding: 0 5px 0 5px; background: #f5f4f4; }
#campaign > #campaign-container article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
#campaign > #campaign-container article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
/* tab*/
.campaign-container { width: 1000px; }
.campaign-container article { float: left; width: 241px; margin: 0 12px 12px 0; background: #f5f4f4; }
.campaign-container article p.tx-campaign { margin: 10px 12px 12px 12px; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
p.tx-campaign span { width: 70px; height: 17px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
p.tx-campaign span.ic_ladys { background: url(/shoeplaza/images/campaign/icon_ladies.png?161212) no-repeat; }
p.tx-campaign span.ic_mens { background: url(/shoeplaza/images/campaign/icon_mens.png?161212) no-repeat; }
p.tx-campaign span.ic_kids { background: url(/shoeplaza/images/campaign/icon_kids.png?161212) no-repeat; }
p.tx-campaign span.ic_event { background: url(/shoeplaza/images/campaign/icon_event.png?161212) no-repeat; }
.campaign-container article p.tx-campaign:before, .campaign-container article p.tx-campaign:after { position: absolute; padding: 0 5px 0 5px; background: #f5f4f4; }
.campaign-container article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
.campaign-container article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
.tabs { position: relative; margin: 0 auto; width: 998px; }
.tabs input { position: absolute; z-index: 1000; width: 195px; height: 40px; left: 0px; top: 0px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; }
.tabs input#tab-2 { left: 200px; }
.tabs input#tab-3 { left: 400px; }
.tabs label { background: #fff; font-size: 16px; line-height: 40px; height: 40px; position: relative; margin-right: 5px; float: left; display: block; width: 195px; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: solid 1px #ddd; }
.tabs label:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; }
.tabs input:hover + label { background: #fff; }
.tabs label:first-of-type { z-index: 4; }
.tab-label-2 { z-index: 3; }
.tab-label-3 { z-index: 2; }
.tabs input:checked + label { background: #fff; z-index: 6; }
.tabsContent { clear: both; background: #fff; position: relative; width: 100%; height: auto; z-index: 5; border: solid 1px #ddd; }
.tabsContent div.content-1, .tabsContent div.content-2, .tabsContent div.content-3 { position: relative; z-index: 1; opacity: 0; -webkit-transition: opacity linear 0.1s; -moz-transition: opacity linear 0.1s; -o-transition: opacity linear 0.1s; -ms-transition: opacity linear 0.1s; transition: opacity linear 0.1s; }
.tabs input.tab-selector-1:checked ~ .tabsContent .content-1, .tabs input.tab-selector-2:checked ~ .tabsContent .content-2, .tabs input.tab-selector-3:checked ~ .tabsContent .content-3 { z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; margin: 20px 0 0 1px; height: auto; -webkit-transition: opacity ease-out 0.2s 0.1s; -moz-transition: opacity ease-out 0.2s 0.1s; -o-transition: opacity ease-out 0.2s 0.1s; -ms-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; }
.tabs input.tab-selector-1 ~ .tabsContent .content-1, .tabs input.tab-selector-2 ~ .tabsContent .content-2, .tabs input.tab-selector-3 ~ .tabsContent .content-3 { z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; margin: 0 0 0 1px; height: 0; overflow: hidden; }
.tab-label-1 { color: #23AFC9; margin-top: 3px; font-weight: normal; }
.tabs input.tab-selector-1:checked ~ .tab-label-1 { margin-top: 0; border-top: solid 4px #23AFC9; font-weight: bold; }
.tab-label-2 { color: #E75298; margin-top: 3px; font-weight: normal; }
.tabs input.tab-selector-2:checked ~ .tab-label-2 { margin-top: 0; border-top: solid 4px #E75298; font-weight: bold; }
.tab-label-3 { color: #0972FF; margin-top: 3px; font-weight: normal; }
.tabs input.tab-selector-3:checked ~ .tab-label-3 { margin-top: 0; border-top: solid 4px #0972FF; font-weight: bold; }
/* campaign,other */
#campaign-other { margin: 50px 0 0 0; width: 1000px; }
#campaign-other article { float: left; width: 240px; height: 180px; margin: 0 13px 0 0; }
#campaign-other article:nth-child(4n) { margin: 0 0 0 0; }
#campaign-other article p.tx-campaign { margin: 10px 0 10px 0; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
#campaign-other article p.tx-campaign:before, #campaign-other article p.tx-campaign:after { position: absolute; padding: 0; background: #ffffff; }
#campaign-other article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
#campaign-other article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
/* brand */
#brandList { position: relative; clear: both; margin: 10px 0 0 0; }
#brandList h3 span { margin: 0 0 0 14px; vertical-align: bottom; display: inline-block; line-height: 1; font-size: 14px; }
#brandWrap { position: relative; padding: 20px 32px; background: #f4f4f4; margin-bottom: 10px; }
#brandWrap .bx-wrapper { height: 131px; }
#brandWrap .bx-wrapper .bx-pager { display: none; }
#brandWrap .brandSlider { margin: 0 auto; }
.brandSlider div li { float: left; border: 1px solid #cfcfcf; }
.brandSlider div li:nth-child(2), .brandSlider div li:nth-child(3), .brandSlider div li:nth-child(4), .brandSlider div li:nth-child(5) { border-left: none; }
.brandSlider div li:nth-child(6) { border-top: none; }
.brandSlider div li:nth-child(7), .brandSlider div li:nth-child(8), .brandSlider div li:nth-child(9), .brandSlider div li:nth-child(10) { border-top: none; border-left: none; }
#brandWrap .bx-wrapper .bx-controls-direction a.bx-prev { left: -31px; }
#brandWrap .bx-wrapper .bx-controls-direction a.bx-next { right: -31px; }
#brandWrap .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 0) url(../images/brand/controls_brand.png) no-repeat scroll 0 -2pc; left: 10px; }
#brandWrap .bx-wrapper .bx-next { background: rgba(0, 0, 0, 0) url(../images/brand/controls_brand.png) no-repeat scroll -43px -2pc; right: 10px; }
#brandWrap .bx-wrapper .bx-prev:hover { background-position: 0 0; }
#brandWrap .bx-wrapper .bx-next:hover { background-position: -43px 0; }
.brandLink { text-align: center; }
.brandLink span { font-size: 14px; padding-left:0.5em; background: url(/images/corp/footer/arrow.png) no-repeat left 0.5em; }
/* social area */
#socialList { position: relative; clear: both; }
#socialList #socialTwitter, #socialFacebook { width: 490px; float: left; margin: 0 14px 0 0; }
#socialList #socialTwitter .socialBlogBox { width: 300px; padding: 11px; background: #f4f4f4; }
#socialList #socialTwitter .socialBlogBox .snsBox { height: 310px; padding: 4px 4px 0 4px; background: #ffffff; overflow: hidden; border-bottom: 4px solid #ffffff; }
#socialBlog { width: 324px; float: left; margin: 0 14px 0 0; }
#socialBlog #blogBox { width: 296px; padding: 14px; background: #f4f4f4; }
#socialBlog #blogBox article { height: 86px; margin: 0 0 27px 0; }
#socialBlog #blogBox article:last-child { margin: 0; }
#socialBlog #blogBox p.imgL { float: left; margin: 0 12px 0 0; }
#socialBlog #blogBox p { font-size: 13px; line-height: 1.6em; }
#socialBlog #blogBox p.headline { position: relative; height: 4.8em; overflow: hidden; }
#socialBlog #blogBox p.headline:before, #socialBlog #blogBox p.headline:after { position: absolute; background: #f4f4f4; padding: 0 5px 0 5px; }
#socialBlog #blogBox p.headline:before { content: ""; bottom: 0; right: 0; }
#socialBlog #blogBox p.headline:after { content: ""; width: 100%; height: 100%; }
#socialList #socialMailmagezine { float: left; width: 324px; }
#socialApp { float: left; width: 324px; margin: 27px 0 0 0 !important; }
#socialList #socialMailmagezine #mailmagezineBox, #socialList #socialApp #appBox { padding: 10px; background: #f4f4f4; }
/* banner area */
#upper-stage-banner { margin: 30px auto 50px;}
#upper-stage-banner ul { padding: 0; max-width: 1000px; margin: 0 auto; overflow: hidden; }
#upper-stage-banner ul li { width: 490px; float: left; height: auto; }
#upper-stage-banner ul li:first-child { margin-right: 20px; }


/*-- 171221 FSP追記--*/

.campaign-container li:nth-child(4n) article{margin-right:0;}
.pickup-container li:nth-child(5n) article{margin-right:0;}

.center{
	text-align:center;
	margin:0 auto;}

section#event,
section#pickup{margin:50px auto 0;}

/* pickup */
.pickup-container { width: 1000px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.pickup-container article { float: left; width: 190px; margin-right:12px; }
.pickup-container .pickupImg img{width:190px; height:190px; box-sizing:border-box;}
.pickup-container article p.tx-item,.pickup-container article p.tx-price{ margin: 5px; font-size: 12px; line-height: 20px; font-weight:bold;}
.pickup-container article p.tx-price .red{color:#fa0020;}
.pickup-container article p.tx-price .red strong{font-size:22px; font-weight: bold;}

.pickup-container tx-item {
	margin-bottom: 5px;
}

p.btn-more{margin-top:20px;}

.pickup-container ul {
	margin: 20px 0 30px;
}

/* Instagram */
#socialInstagram {
	width: 324px;
    float: left;
    margin: 0 0 0 0;
}
	
#socialInstagram .socialInstagramBox {
    padding: 10px;
    background-color: #f4f4f4;
}
	
#socialInstagram ul {
	height: 310px;
	overflow-y: scroll;
	background-color: #ffffff;
	padding: 5px;
}
	
#socialInstagram ul li {
    float: left;
    width: 128px;
    height: 128px;
    margin: 5px;
    overflow: hidden;
    position: relative;
}

#socialInstagram ul li img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    max-height: 150%;
    height: auto;
    position: absolute;
    top: -20%;
    right: -20%;
    bottom: -20%;
    left: -20%;
    margin: auto;
}


/* YouTube */
#socialYouTube {
	width: 490px;
    float: left;
    margin: 0 20px 0 0;
}

#socialYouTube .socialYouTubeBox {
    padding: 10px;
    background-color: #f4f4f4;
}



.footer_link {
	display: flex;
    flex-wrap: wrap;
	margin: 30px auto 0;
}

.footer_link li{
	margin-bottom: 50px;
}

.footer_link li:nth-child(odd){
	margin-right: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    #shoeplaza-contents { padding-bottom: 50px;}
}