@charset "utf-8";

*{
margin:0;
padding:0;
}

html,body{
font-family: 'Noto Sans', sans-serif, "Montserrat", "Gotham Book", Helvetica Neue, Helvetica, YuGothic, Meyro, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
font-size:100%;
word-wrap:break-word;
color:#444444;
-webkit-text-size-adjust: 100%;
}

a:link,
a:visited,
a:hover,
a:active{
text-decoration:none;
color:#1a1a1a;
}


ul,li{
list-style:none;
}

#conts h2,
#conts h3,
#conts h4,
#conts h5,
#spconts h2,
#spconts h3,
#spconts h4,
#spconts h5,
#footer h4{
display: block;
box-sizing:border-box;
text-align: center;
}

#conts h2 > span,
#conts h3 > span,
#conts h4 > span,
#spconts h2 > span,
#spconts h3 > span,
#spconts h4 > span,
#spconts h5 > span,
#footer h4 > span{
display: block;
text-align: center;
}

#conts h2,
#conts h3,
#conts h4,
#spconts h2,
#spconts h3,
#spconts h4,
#spconts h5,
#footer h4{
height: 3.5rem;
line-height: 1rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.75rem;
width: 100%;
border-top: 1px solid #2E2E2E;
border-bottom: 1px solid #2E2E2E;
background: #EEEEEE;
position: relative;
}

#conts h2 > *:nth-of-type(1),
#conts h3 > *:nth-of-type(1),
#conts h4 > *:nth-of-type(1),
#spconts h2 *:nth-of-type(1),
#spconts h3 *:nth-of-type(1),
#spconts h4 *:nth-of-type(1),
#spconts h5 *:nth-of-type(1),
#footer h4 *:nth-of-type(1){
font-size:16px;
font-weight:bold;
}

#conts h2 > :nth-of-type(2),
#conts h3 > :nth-of-type(2),
#conts h4 > :nth-of-type(2),
#spconts h2 :nth-of-type(2),
#spconts h3 :nth-of-type(2),
#spconts h4 :nth-of-type(2),
#spconts h5 :nth-of-type(2),
#footer h4 :nth-of-type(2){
font-size:8px;
font-weight:normal;
}

		/* header */

@media screen and (orientation: landscape) {
 #header{
box-sizing:border-box;
width:100%;
height:3rem;
padding:0.5rem;
background:rgba(0,59,83,0.8);
position: fixed;
z-index:1000000;
top:0;
left:0;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.08);
}

}
@media screen and (orientation: portrait) {

 #header{
box-sizing:border-box;
width:100%;
height:3rem;
padding:0.5rem;
background:rgba(0,59,83,0.98);
position: fixed;
z-index:1000000;
top:0;
left:0;
box-shadow:0 1px 2px 0 rgba(0,0,0,0.08);
}

}

		/* headerlogo */

#header h1{
display:block;
height:100%;
float:left;
}

#header h1 a,
#header h1 img{
display:block;
height:100%;
}


		/* button */

#header > div{
box-sizing:border-box;
width:2rem;
height:2rem;
float:right;
color:#ffffff;
position:relative;
}

#header > div > span{
display:block;
height:0.233rem;
-webkit-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

#header > div > *:first-child{
width:1.6rem;
position:relative;
background:#ffffff;
margin:0 auto;
}

#header > div > *:first-child:before,
#header > div > *:first-child:after{
content:"";
display:block;
width:100%;
height:0.233rem;
position:absolute;
left:0;
background:#ffffff;
}

#header > div > *:first-child:before{
top:0.466rem;
opacity:1;
}

#header > div > *:first-child:after{
top:0.932rem;
}

#header > div.open > *:first-child,
#header > div.open > *:first-child:before,
#header > div.open > *:first-child:after{
background:#0098d6;
}

#header > div.open > :nth-child(2){
color:#0098d6;
}

#header > div.open > *:first-child{
top:0.5rem;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#header > div.open > *:first-child:before{
opacity:0;
}

#header > div.open > *:first-child:after{
top:0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}

#header > div > :last-child{
position:absolute;
left:0;
bottom:0;
font-size:10px;
text-align:center;
width:100%;
height:0.6rem;
line-height:0.6rem;
}


		/* transition */

#header > div > *:first-child,
#header > div.open > *:first-child,
#header > div > *:first-child:before,
#header > div > *:first-child:after,
#header > div.open > *:first-child:before,
#header > div.open > *:first-child:after,
.drawermenuif,
.drawermenuif.open,
#conts,
#conts.open,
#footer,
#footer.open{
-webkit-transition:0.3s;
-ms-transition:0.3s;
transition:0.3s;
}

#conts.open,
#footer.open{
left:-100%;
position: relative;
}

#conts,
#footer{
position: relative;
left: 0;
}

		/* -webkit-overflow-scrolling:touch */


		/*drawermenu*/

		/*error対策*/
#drawermenuwrapper{
position: fixed;
top: 0;
left: 0;
width:100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

.drawermenu  ul ul {
display: none;
}

.drawermenu{
width: 100%;
height:auto;
background:#020202;
color:#ffffff;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
box-sizing: border-box;
}

.drawermenu a{
color:#ffffff;
display:block;
padding-left:0.5rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;
border-bottom:0.5px solid #dddddd;
}

.drawermenu img{
display:block;
float:left;
margin:0.5rem;
height:2.0rem;
}

.drawermenu div{
display: block;
background:#1a1a1a;
height:3rem;
padding-left: 0.5rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.drawermenu span:nth-of-type(1){
font-size:13px;
font-weight:bold;
line-height:3rem;
padding-left:0.5rem;
}

.drawermenu span:nth-of-type(2){
font-size:9px;
font-weight:normal;
padding-left: 0.5rem;
}

.drawermenu ul{
background:#303030;
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.drawermenu li{
width: 100%;
height:100%;
font-size:15px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;

}

.drawermenu li:last-of-type{
border:none;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}


.bottomlogo {
width:100%;
height:4rem;
background: #000000;
overflow: hidden;
}

.bottomlogo img{
width:2rem;
margin-top:1rem;
}
.bottomlogo > ul{
background:#1a1a1a;
}

.bottomlogo > ul > li{
width: 10%;
margin-left:1.5rem ;
display: block;
float: left;
}

.drawermenu > ul li{
position: relative;
}

.drawermenu > ul li:after{
position: absolute;
content: "";
top: 1.15rem;
right: 0.75rem;
width: 0.5rem;
height: 0.5rem;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

		/*addclass*/



.drawermenu > ul li:after.open{
background: #002f42;

}

.drawermenu > ul > li.li-root.open > ul > li.li-root.open > a,
.drawermenu > ul > li.li-root.open > ul > li.li-root.open > ul > li{
background: #325867;

}

.drawermenu > ul > li.li-root.open > ul > li.li-root.open > a{

}

.drawermenu ul li.open li{
background: #003B53;
box-sizing:border-box;
}


		/*drawermenuif*/


.drawermenuif{
position:fixed;
top:3rem;
right:-100%;
width:100%;
height:calc(100% - 2.6rem);
height:-webkit-calc(100% - 2.6rem);
background:rgba(265,265,265,1);
z-index:1000000;
overflow:scroll;
box-sizing:border-box;
-webkit-overflow-scrolling:touch;
}

.drawermenuif.open{
right:0;
z-index:1000000;
}

.drawermenuif iframe{
width:100%;
height:100%;
border:0;
}

		/*animation*/

.new{
position:relative;
}

.new:after{
content:"NEW";
position:relative;
font-size: 10px;
font-weight: bold;
margin-left:0.3rem;
color:#ff7f50;
animation-name: fls;
animation-duration: 3s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fls;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode: both;
}

.sale{
position:relative;
}

.sale:after{
content:"SALE";
position:relative;
font-size: 10px;
font-weight: bold;
margin-left:0.3rem;
color:#ff0000;
animation-name: fls;
animation-duration: 1.5s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fls;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode: both;
}

.pick{
position:relative;
}

.pick:after{
content:"PICK";
position:relative;
font-size: 10px;
font-weight: bold;
margin-left:0.3rem;
color:#ffd700;
animation-name: fls;
animation-duration: 2s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fls;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode: both;
}


.pointup{
position:relative;
}

.pointup:after{
content:"POINT UP";
position:relative;
font-size: 10px;
font-weight: bold;
margin-left:0.3rem;
padding:0 0.2rem;
color:#ffffff;
background: #ff0000;
animation-name: fls;
animation-duration: 2s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fls;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode: both;
}

@keyframes fls {
from {
opacity:1;
}

50% {
opacity:0;
}

to {
opacity:1;
}

}

@-webkit-keyframes fls {
from {
opacity:1;
}

50% {
opacity:0;
}

to {
opacity:1;
}

}

		/*conts*/

#conts{
position: relative;
overflow: hidden;
width:100%;
margin:3.25rem auto 0;
}

		/*categoryconts*/

		/*error対策*/

#categorycontswrapper{
position: relative;
width:100%;
height: 100%;
overflow-x:scroll;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

.categoryconts{
width:100%;
/*background: #f6f6f6;*/
}

.categoryconts img{
width:100%;
border-radius: 5px;
}

.categoryconts > div{
width:100%;
height: 100%;
box-sizing:border-box;
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
}

.categoryconts > div > ul{
display:block;
/*width:39rem;*/
width:100%;
margin:0 auto;
height:9rem;
}

.categoryconts > div > ul > li{
display:block;
float:left;
/*width:6.5rem;*/
width:calc(100%/3);
padding: 0.5rem;
margin-top:0.2rem;
text-align:center;
box-sizing:border-box;
}

.categoryconts li span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
width:100%;
}
.categoryconts span:nth-of-type(1){
font-size:12px;
font-weight:bold;
}

.categoryconts span:nth-of-type(2){
font-size:8px;
font-weight:normal;
}

		/*categoryacd*/

.categoryacd{
width:100%;
height: 100%;
height:auto;
color:#ffffff;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
box-sizing: border-box;
}

.categoryacd > ul > li > ul > li > ul{
display: none;
}


.categoryacd span:nth-of-type(1){
font-size:12px;
font-weight:600;
height:2.5rem;
line-height:2.5rem;
padding-left:0.5rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.categoryacd span:nth-of-type(2){
font-size:8px;
font-weight:normal;
height:2.5rem;
line-height:2.5rem;
margin-left: 0.5rem;
}

.categoryacd img{
display:block;
float:left;
margin:0.5rem 0 0.5rem 1.0rem;
height:1.5rem;
line-height:1.5rem;
}

.categoryacd a{
width:100%;
color:#ffffff;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;
border-bottom:0.5px solid #dddddd;
}

.categoryacd ul{
position:relative;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.categoryacd li{
position: relative;
width: 100%;
height:100%;
font-size:14px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.categoryacd li:last-of-type{
border:none;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;
}

.shoesbrandlistacd ul > li{
background: #003b53;
box-sizing: border-box;
}

.brandlistacd ul > li{
background: #3f312b;
box-sizing: border-box;
}

.mensitemcategoryacd ul > li{
background: #17184b;
box-sizing: border-box;
}

.ladysitemcategoryacd ul > li{
background: #a22041;
box-sizing: border-box;
}

.businessbrandlistacd ul > li{
background: #201f1f;
box-sizing: border-box;
}

.kidsitemcategoryacd ul > li{
background: #cc581f;
box-sizing: border-box;
}
.categoryacd > ul > li > ul > li> ul > li > a > span:nth-child(1){
margin-left: 0.5rem;
}

.categoryacd > ul > li.kidsitemcategoryacd > ul > li:nth-child(1):before,
.categoryacd > ul > li.kidsitemcategoryacd > ul > li:nth-child(2):before,
.categoryacd > ul > li.li-root > ul > li > ul > li:before{
position: absolute;
content: "";
top: 1rem;
right: 0.75rem;
width: 0.45rem;
height: 0.45rem;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}


		/*addclass*/

.categoryacd  ul li a:not(:only-child):before {
position: absolute;
content: "";
top: 1rem;
right: 0.75rem;
width: 0.45rem;
height: 0.45rem;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.categoryacd ul li.open > a:not(:only-child):before {

}

.categoryacd .li-root .open li{
box-sizing:border-box;
}

.shoesbrandlistacd.li-root > ul > li.li-root.open > ul > li,
.shoesbrandlistacd.li-root ul li.li-root.open{
background: #325867;
box-sizing:border-box;
}

.brandlistacd.li-root > ul > li.li-root.open > ul > li,
.brandlistacd.li-root > ul > li.li-root.open{
background: #655a55;
box-sizing:border-box;
}

.mensitemcategoryacd.li-root > ul > li.li-root.open > ul > li,
.mensitemcategoryacd.li-root ul li.li-root.open{
background: #45466e;
box-sizing:border-box;
}

.ladysitemcategoryacd.li-root > ul > li.li-root.open > ul > li,
.ladysitemcategoryacd.li-root ul li.li-root.open{
background: #b44c66;
box-sizing:border-box;
}

.businessbrandlistacd.li-root > ul > li.li-root.open > ul > li,
.businessbrandlistacd.li-root ul li.li-root.open{
background: #444444;
box-sizing:border-box;
}


		/*serch*/

#search{
margin:1rem 0.5rem 0.9rem;
overflow:hidden;
/*z-index:10000;*/
background:#ffffff;
position:relative;
}

#search form{
position:relative;
width:100%;
margin: 0;
border:1px solid #cccccc;
display:inline-block;
box-sizing:border-box;
height:3rem;
}

#search form > :nth-child(3){
width:calc(100% - 3rem) !important;
width:-webkit-calc(100% - 3rem) !important;
height:100%;
padding:0 0 0 0.5rem;
border:0;
float:left;
font-size:14px !important;
}

#search form > :nth-child(4){
position:absolute;
top:0;
bottom:0;
right:0.5rem;
margin:auto;
width:2rem;
height:2rem;
padding:0;
border:0;
background:transparent url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33622161/pc/css/../images/serch.png) no-repeat center center;
background-size:contain;
cursor:pointer;
-webkit-appearance:none;
appearance:none;
}

		/*info*/

.info{
width:100%;
}

.info ul{
width:100%;
margin: 0.5rem auto;
overflow: hidden;
}

.info li:not(:last-child){
border-bottom:1px solid #cccccc;
}

.info li{
width:100%;
padding:0.5rem 0;
}

.info li span{
display: block;
margin-left: 0.5rem;
}

.info span:nth-of-type(1){
display:block;
font-size:14px;
height:1.25rem;
line-height:1.25rem;
font-weight:bold;

}

.info span:nth-of-type(2){
font-size:10px;
height:1.25rem;
line-height:1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.info li img{
width:100%;
}

		/*feature*/

.feature{
width: 100%;
margin: 0 auto 0.5rem;
display: block;
position: relative;
}

.feature ul{
width: calc(100% - 1rem);
margin: 0.5rem auto 1rem;
overflow: hidden;
}

.feature li{
width: calc(50% - 0.25rem);
float: left;
margin: 0.5rem 0 0;
list-style: none;
}

.feature > ul > li:nth-child(odd) {
margin-right: 0.5rem;
}

.feature img {
width: 100%;
display: block;
}

.feature span{
display:block;
width:100%;
}

.feature span:nth-of-type(1){
display:block;
font-size:14px;
height:1.25rem;
line-height:1.25rem;
font-weight:bold;
overflow: hidden;
white-space: nowrap;
}

.feature span:nth-of-type(2){
font-size:10px;
height:1.25rem;
line-height:1.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

/*recommendbrand*/

.recommendbrand{
width:100%;
}

.recommendbrand img{
	width: 100%;
	display: block;
}

.recommendbrand > iframe{
width:100%;
height:130rem;
border:0;
margin:0;
overflow-y:auto;
overflow-x:hidden;
}

.recommendbrand ul{
width: calc(100% - 1rem);
margin: 0 auto 0.25rem;
display:block;
overflow: hidden;
padding: 0.5rem;
}

.recommendbrand ul li{
	width: calc(20% - 0.25rem);
	float: left;
	margin-right: 0.3125rem;
	margin-top: 0.3125rem;
	box-sizing: border-box;
	border:1px solid #ccc;
}

.recommendbrand ul li:nth-child(5n){
	margin-right: 0;
}

.recommendbrand > ul > li > a{
	display: block;
	padding:0.25rem;
}

		/*ranking*/

#ranking{
width:100%;
padding-bottom: 0.25rem;
}

#ranking > iframe{
width:100%;
height:100%;
border:0;
margin:0;
overflow-y:auto;
overflow-x:hidden;
}

		/* ranking */

#tabnavi {
display:table;
table-layout:fixed;
width:calc(100% - 0.75rem);
margin: 0.75rem auto;
}

#tabnavi > li > span{
display: block;
text-align: center;
}

#tabnavi > li > span:nth-of-type(1){
font-size: 14px;
font-weight:bold;
}

#tabnavi > li > span:nth-of-type(2){
font-size: 8px;
}

#tabnavi li {
display: table-cell;
width: calc(100%/3 - 0.25rem);
padding: 0.5rem 0;
background: #a22041;
color:#ffffff;
margin: 0 0.125rem;
float: left;
}

#tabnavi li:nth-child(2) {
display: table-cell;
width: calc(100%/3 - 0.25rem);
padding: 0.5rem 0;
background: #003B53;
color:#ffffff;
margin: 0 0.125rem;
float: left;
}

#tabnavi li:nth-child(3) {
display: table-cell;
width: calc(100%/3 - 0.25rem);
padding: 0.5rem 0;
background: #17184b;
color:#ffffff;
margin: 0 0.125rem;
float: left;
}

#tabnavi li.active {
position: relative;
background: #1a1a1a;
color: #fff;
}

#tabnavi li.active:after {
content: "";
position: absolute;
bottom: -1.5rem;
right: 43%;
border: 0.5rem solid transparent;
border-top: 1rem solid #1a1a1a;
}

		/* ranking*/

#tabconts {
width:100%;
margin:1rem auto 0.5rem;
overflow: hidden;
box-sizing: border-box;
}

#tabconts img{
width:100%;
display: block;
}

#tabconts span{
display: block;
}

#tabconts div > ul{
overflow: hidden;
width: calc(100% - 0.5rem);
margin:0 auto;
}

#tabconts div > ul > li > a{
display: block;
padding:0.3rem;
}

#tabconts div > ul > li {
position: relative;
box-sizing:border-box;
}

#tabconts div > ul > li:nth-child(1):before{
content: "1";
color: #ffffff;
background: #ffd700;
font-size: 8px;
padding: 0.3rem 0.5rem;
position: absolute;
top: -1px;
left: -1px;
z-index: 10;
}

#tabconts div > ul > li:nth-child(2):before{
content: "2";
color: #ffffff;
background: #c0c0c0;
font-size: 8px;
padding: 0.3rem 0.5rem;
position: absolute;
top: -1px;
left: -1px;
z-index: 10;
}
#tabconts div > ul > li:nth-child(3):before{
content: "3";
color: #ffffff;
background: #b87333;
font-size: 8px;
padding: 0.3rem 0.5rem;
position: absolute;
top: -1px;
left: -1px;
z-index: 10;
}
#tabconts div > ul > li:nth-child(4):before{
content: "4";
color: #ffffff;
background: #585858;
font-size: 8px;
padding: 0.3rem 0.5rem;
position: absolute;
top: -1px;
left: -1px;
z-index: 10;
}
#tabconts div > ul > li:nth-child(5):before{
content: "5";
color: #ffffff;
background: #585858;
font-size: 8px;
padding: 0.3rem 0.5rem;
position: absolute;
top: -1px;
left: -1px;
z-index: 10;
}

#tabconts div > ul > li:nth-child(1),
#tabconts div > ul > li:nth-child(2){
width: calc(50% - 0.5rem);
margin: 0.5rem 0.25rem;
float: left;
border: 1px solid #eeeeee;
}

#tabconts div > ul > li:nth-child(3),
#tabconts div > ul > li:nth-child(4),
#tabconts div > ul > li:nth-child(5){
width: calc(100%/3 - 0.5rem);
margin: 0 0.25rem;
float: left;
border: 1px solid #eeeeee;
}

#tabconts div > ul > li > a > span:nth-child(2){
font-size: 10px;
height: 1.75rem;
line-height: 1.5;
margin-top: 0.2rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

#tabconts > div > ul > li > a > span:nth-child(3){
font-size: 14px;
line-height: 1rem;
height: 1rem;
margin-top: 0.5rem;
text-align: right;
color: #2e2e2e;
/* padding-right: 0.4rem; */
}

#tabconts  div > ul  > li > a > span:nth-of-type(3){
font-size: 10px;
line-height: 1rem;
height: 1rem;
margin-top: 0.5rem;
text-align: right;
color:#2e2e2e;
/*padding-right: 0.4rem;*/
}

#tabconts div {
display: none;
}

#tabconts div.active {
display: block;
}

		/*trend*/

.trend > iframe{
width:100%;
height:100%;
border:0;
margin:0;
overflow-y:auto;
overflow-x:hidden;
}

.mensconts .trend{
border-top:1px solid #543f32;
}


.trend{
}

.trend a{
display:block;
width:100%;
height:100%;
}

.trend img{
width: 100%;
}


div.trend > div:nth-child(1) > span,
div.trend > div:nth-child(2) > span{
color: #ffffff;
font-size: 10px;
padding: 0.25rem;
position: absolute;
top: 0.5rem;
left: 0.5rem;
background: #ff8c00;
z-index: 10;
}

.trend > div > a > span{
	display: block;
}

.trend > div > a > span:nth-of-type(1){
font-size:14px;
margin-left:0.5rem;
font-weight:bold;
}

.trend > div > a > span:nth-of-type(2){
font-size:8px;
margin-left:0.25rem;
font-weight:normal;
}

.trend > div > ul{
overflow: hidden;
width: 100%;
margin: 0 auto;
}

.trend > div > ul > li{
width:calc(50% - 0.75rem);
float:left;
margin:0.5rem 0 0 0.5rem;
box-sizing:border-box;
}

.trend > div > ul > li:nth-child(odd){
clear: both;
}

.trend > div > ul > li > a > span:nth-of-type(1){
display: block;
font-size: 10px;
line-height: 1.25;
margin-top:0.5rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

.trend > div > ul > li > a > span:nth-of-type(2){
display: block;
font-size: 16px;
text-align: right;
margin-top: 1rem;
}

/**/

.trend > div:nth-child(2) > ul{
width:100%;
margin:0.5rem auto;
display:block;
}

.trend > div:nth-child(2) > ul > li{
display:block;
width:calc(100% - 1rem);
height:11.5rem;
padding-bottom:0.5rem;
border-bottom:1px solid rgba(0,0,0,0.3);
}

.trend > div:nth-child(2) > ul > :last-child{
border:0;
margin-bottom:0;
}


.trend > div:nth-child(2) > ul > li img{
width:11rem;
float:left;
}

.trend > div:nth-child(2) > ul > li div{
float:left;
margin-left:0.5rem;
width:calc(100% - 11.5rem);
width:-webkit-calc(100% - 12.5rem);
box-sizing:border-box;
overflow:hidden;
}

.trend ul li a > span:nth-child(1){
width:100%;
text-align:left;
font-size:10px;
padding-top: 0.5rem;
display:block;
line-height:1.25;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}

.trend li div > :nth-child(2){
display:block;
font-size:12px;
text-align: right;
height:1rem;
line-height:1rem;
margin-top: 6.5rem;
}

.ranking {
width: 100%;
margin-bottom: 0.25rem;
}

.ranking > iframe {
width: 100%;
height: 30rem;
border: 0;
margin: 0;
overflow-y: auto;
overflow-x: hidden;
}


		/*footconts*/

#footconts{
width:100%;
overflow:hidden;
}

#footconts > iframe{
width:100%;
height: 100%;
border:0;
margin:0;
overflow-y:auto;
overflow-x:hidden;
}

#spconts{
width:100%;
overflow: hidden;
}


		/* colorsearch */

.colorsearch{
padding:1.25rem 0 0 0;
}

.colorsearch ul{
width:100%;
padding:0 0.5rem;
display:inline-block;
box-sizing:border-box;
}

.colorsearch li a,
.colorsearch li img{
display:block;
width:100%;
}

.colorsearch li{
display:block;
float:left;
width:calc(10% - 0.45rem);
width:-webkit-calc(10% - 0.45rem);
margin-right:0.5rem;
margin-bottom:0.5rem;
}

.colorsearch li:nth-child(10){
margin-right:0;
}

.colorsearch li:nth-child(n + 11){
margin-bottom:0;
}


		/*footer*/

#footer{
width:100%;
display:block;
}

#footer ul{
display: block;
overflow: hidden;
}

#footer li > a{
display: block;
padding:0.5rem;
width:100%;
height:1.5rem;
}

#footer li{
display:block;
position:relative;
float:left;
width:100%;
box-sizing:border-box;
border-bottom:1px solid #cccccc;
height:2.5rem;
line-height:1.5rem;
font-size:10px;
color:#1a1a1a;
}

#footer li:nth-child(1),
#footer li:nth-child(2){
width:50%;
display:block;
float: left;
}

#footer li:nth-child(1),
#footer li:nth-child(2){
}

#footer li:nth-child(1),
#footer li:nth-child(3){
border-right:1px solid #cccccc;
}

#footer li:nth-child(1) img,
#footer li:nth-child(2) img,
#footer li:nth-child(3) img,
#footer li:nth-child(4) img{
display:block;
height: 1.5rem;
float: left;
}

#footer li:not(:last-child):before{
position:absolute;
right:1rem;
top:0.25rem;
bottom:0;
margin:auto;
content:"";
width: 0.5rem;
height: 0.2rem;
background:#8e8e8e;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

#footer li:not(:last-child):after{
position:absolute;
right:1rem;
top:0;
bottom:0.25rem;
margin:auto;
content:"";
width:0.5rem;
height:0.2rem;
background:#8e8e8e;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

#footer li span{
display:block;
float:left;
}

#footer span:first-child,
#footer > ul > li:nth-child(1) > a > span,
#footer > ul > li:nth-child(2) > a > span,
#footer > ul > li:nth-child(3) > a > span,
#footer > ul > li:nth-child(4) > a > span{
font-weight: bold;
font-size: 14px;
}

#footer span:nth-child(2),

#footer > ul > li:nth-child(1) > a > span:nth-child(3),
#footer > ul > li:nth-child(2) > a > span:nth-child(3),
#footer > ul > li:nth-child(3) > a > span:nth-child(2),
#footer > ul > li:nth-child(4) > a > span:nth-child(2){
font-size: 10px;
margin-left:0.5rem;
font-weight: normal;
}

#footer li:last-child{
height:4rem;
border: none;
}

#footer li:last-child img{
height:2rem;
margin:0.5rem auto 0;
display:block;
}

#footer li:last-child span{
margin: 0;
line-height: 1.5rem;
text-align:center;
width:100%;
}




		/* totop */

.totop{
position: fixed;
right: 0.5rem;
/*bottom: 2rem;*/
bottom:3.5rem;
z-index: 100000;
padding: 0.5rem 0.7rem;
font-size: 1rem;
color: #fff !important;
background: rgba(51,51,51,.7);
border-radius: 5px;
-webkit-border-radius: 5px;
}

		/*topconts*/

#topconts{
margin-top:3.3rem;
position: relative;
width:100%;
}

#topconts img{
width:100%;
}

		/*mens feature*/

.mensconts {
width:100%;
font-size: 12px;
margin: 1.5rem 0 0.5rem 0;
/*border-top: 3px #542b00 solid;*/
overflow: hidden;
}
.mensconts > div{
background:#554738;
color:#ffffff;
padding:1rem 0.5rem;
box-sizing:border-box;
width:100%;

}

.mensconts > div > h5{
width:100%;
text-align:center;
font-weight:bold;
font-size:1.5rem;
border-top: none;
}

.mensconts > div > h5 > span:nth-child(2){
display:block;
font-size:0.8rem;
font-weight:normal;
}

.mensconts > span:first-child {
display: block;
font-weight: 600;
font-size: 18px;
color:#543f32;
margin-bottom:0.5rem;
font-family: Arial;
margin-top:1rem;
text-align: center;
}
.mensconts > span:nth-child(2){
font-size: 12px;
display: block;
margin-bottom: 1.5rem;
text-align: center;
width: 80%;
margin:0 auto 1rem;
}

.mensconts > span:nth-child(3),
.mensconts > span:nth-child(4),
.mensconts > span:nth-child(5),
.mensconts > span:nth-child(6),
.mensconts > span:nth-child(7){
display: block;
font-size: 16px;
text-align: center;
font-weight: 700;
line-height: 1.5;
color: #7aa1c6;
margin:2rem 0;
text-align: center;
}

.mensconts > ul{
width:calc(100% - 0.5rem);
margin: 1rem auto;
overflow: hidden;
}

.mensconts > ul > li{
width: calc(100%/3 - 0.6rem);
margin: 0.2rem 0.3rem;
float: left;
}

.mensconts > ul > li:nth-child(3n+1){
clear:both;
}

.mensconts img{
width: 100%;
}

.more {
border: 1px #1a1a1a solid;
width: 50%;
margin: 1rem auto;
color: #090909;
display: block;
font-size: 0.8rem;
font-weight: bold;
line-height: 1.6rem;
text-align: center;
}

.more a{
display: block;
padding: 0.5rem 0;
width: 100%;
height:100%;
}


.morenew a{
display: block;
padding: 0.5rem 0 0.5rem 1rem;
width: 100%;
height:100%;
color: #fff;
box-sizing: border-box;
}

.morenew > ul{
width: -webkit-calc(100% - 2rem);
width: calc(100% - 2rem);
display: block;
overflow:hidden;
margin:1rem auto;
}

.morenew > ul li{
width: -webkit-calc(50% - 0.5rem);
width: calc(50% - 0.5rem);
background: #003B53;
display: block;
font-size: 0.8rem;
font-weight: bold;
line-height: 1.6rem;
float: left;
position: relative;
border-radius: 2px;
}

.morenew > ul li:last-child{
margin-right: 0;
float: right;
}

.morenew > ul li:after{
content:"";
position: absolute;
top:1rem;
right:0.7rem;
width:0.4rem;
height: 0.4rem;
border-right:2px solid #ffffff;
border-bottom:2px solid #ffffff;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

.featcontent{
display:inline-block;
width:100%;
font-size:1rem;
background: #fafafa;
}

.featcontent img{
display: block;
width: 100%;
}

.featcontent > div > span{
font-size:1.1rem;
margin-top:1rem;
text-align: center;
font-weight: bold;
display: block;
}
.featcontent > ul{
width:calc(100% - 0.5rem);
margin: 0 auto;
}

.featcontent > ul > li {
width:calc(50% - 1rem);
margin:0.3rem;
padding:0.2rem;
float:left;
text-align: center;
background: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
box-shadow:1px 1px 3px 2px rgba(0,0,0,0.1);
}

.featcontent span:nth-of-type(1){
font-size:0.7rem;
color:#1a1a1a;
line-height:2rem;
height:2rem;
text-align: left;
display: block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.featcontent > ul > li > span:nth-of-type(2){
font-size:0.9rem;
color:#1a1a1a;
line-height:1.5rem;
text-align: right;
display: block;
width:100%;
overflow: hidden;
}


.featcontent > ul > li > img{
width:100%;
height:auto;
margin-top:10px;
}

		/* itemslide */

.itemslide{
width:100%;
position:relative;
z-index:1000;
background:#ffffff;
}

.itemslide div{
width:100%;
overflow:hidden;
text-align:center;
overflow-y:hidden;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
}

.itemslide div ul{
overflow:hidden;
display:inline-block;
width:1750px;
padding:0.5rem 0 0.2rem 0;
margin:0 auto;
}

.itemslide div li{
display:block;
float:left;
width:150px;
margin-left:0.5rem;
}

.itemslide div a,
.itemslide div img{
width:100%;
display:block;
}

		/*sneaker pick*/

#topicsseason{
width:100%;
margin:55px auto;
}

#topicsseason > img {
width:100%;
}

#topicsseason li img {
width:100%;
border-radius: 5px;
box-shadow:1px 2px 2px 1px rgba(0,0,0,0.3);
}

#topicsseason > span{
display: block;
font-size: 14px;
text-align: center;
font-weight: 600;
margin: 2% 0;
}

#topicsseason > a {
display:block;
}

#topicsseason ul{
width: 100%;
display:inline-block;
padding:0;
margin:0;
overflow: hidden;
}

#topicsseason li{
display: block;
width: calc(50% - 0.75rem);
margin:0.25rem 0 0.25rem 0.5rem;
float: left;
}

#topicsseason li:nth-child(odd){
clear:both;
}

.btn_event {
	padding: 15px 10px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	background-color:#FF0000;
	text-align:center;
	margin: 0.5rem 40px;
}

.pushitem {
	width: 100%;
}

.pushitem > div {
	width: calc(100% - 1rem);
	margin: 1rem auto 0;
	display: block;
}

.pushitem > div img {
	width: 100%;
}


.pushitem ul {
	width: 100%;
	margin: 0 auto 1rem;
	display: block;
	overflow: hidden;
	box-sizing: border-box;

}

.pushitem li {
	width: calc(100%/3 - 0.65rem);
	float: left;
	border: 1px solid #dddddd;
	background: #ffffff;
	margin: 0.5rem 0 0 0.5rem;
	box-sizing: border-box;
	display: block;
	position: relative;
}
.pushitem > ul > li > a {
	display: block;
	padding: 0.25rem;
}

.pushitem li img {
	width: 100%;
	display: block;
	margin-bottom: 0rem;
}

.pushitem > ul > li > a {
	display: block;
	padding: 0.25rem;
}

.pushitem > ul > li > a > span:nth-child(2) {
	font-size: 10px;
	margin: 0.25rem 0;
	line-height: 15px;
	height: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pushitem > ul > li > a > span:nth-child(3) {
	text-align: right;
	display: block;
	font-size: 12px;
}
.toppage{
	margin: 0 0.5rem;
	text-align:center;

	}

.toppage img{
	width:100%;

	}
#splink {
	width:100%;
	}

#splink img{
	width: calc(100% - 1rem);
	display: block;
	margin: 0 auto;
}

#splink > ul {
	width: 100%;
	overflow: hidden;
	margin: 0.5rem auto 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
	box-sizing:border-box;
	}

#splink > ul > li {
	float: left;
	width: 25%;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	}

#splink > ul > li > a > img {
	width: 80%;
	display: block;
	margin: 0 auto 0.5rem;
	}
#splink > ul > li > a > span:nth-of-type(1) {
	font-weight: 600;
	}
#splink > ul > li > a > span {
	display: block;
	font-size: 8px;
	line-height: 12px;
	text-align: center;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	}
#splink > ul > li > a {
	width: 100%;
	display: block;
	padding: 0.5rem 0;
	}

#splink ul {
	width: calc(100% - 1rem);
	margin:0.5rem auto;
	}

#deliveryinfo {
	font-size: 12px;
	line-height: 1.5;
	width: 100%;
	/* margin: 0.25rem 0; */
	padding: 0.5rem;
	background: #ffffff;
	border: 1px solid #ccc;
	/* color: #bf0000; */
	box-sizing: border-box;
	}

#deliveryinfo img{
	width: 100%;
	display: block;
}

#deliveryinfo p{
	font-size: 12px;
	margin: 0.25rem 0;
	color: #bf0000;
	background: #ffffff
}

#deliveryinfo > p:nth-of-type(1) > strong{
	display:block;
	text-align: center;
}

#deliveryinfo > a {
	/* color: #fff; */
	text-align: center;
	font-weight: 600;
	background: #ffffff
	}

#deliveryinfo > iframe {
	width: 100%;
	height: 450px;
	}



/* event */

.event{
	width: 100%;
}

.event img{
	width: 100%;
	margin-bottom: 0.25rem;
	display: block;
}

.event ul{
	width: calc(100% - 1rem);
	margin: 0.5rem auto;
}

.event ul > li > a > span{
	font-size: 14px;
	font-weight: 600;
}

ul.coupon{
	/*width: calc(50% - 0.25rem);*/
	width: calc(100% - 0rem);
	margin: 0 auto;
	overflow: hidden;
}

ul.coupon > li{
	/*width: calc(50% - 0.25rem);*/
	width: calc(100%);
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	float: center;
	/*float: left;*/
}

ul.coupon > li:nth-child(even){
	margin-right: 0;
}
ul.coupon2{
	width: 100%;
	overflow: hidden;
}

ul.coupon2 li{
	/*width: calc(100%/4 - 0.5rem);*/
	width: calc(100%/2 - 0.5rem);
	/*: calc(100%/6 - 0.5rem);*/
	float: left;
	margin-right: 0.6rem;
	/*margin-right: 0.75rem;*/
	/*margin-top: 1rem;*/
}

ul.coupon2 li:last-child{
	margin-right: 0rem;
}