@charset "utf-8";

*{
margin:0;
padding:0;
}

html,body{
font-family: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;
}

a:hover img{
opacity: 0.5;
-webkit-transition:0.3s;
-ms-transition:0.3s;
transition:0.3s;
}

#header a,
#leftnav a{
width:100%;
height:100%;
}

ul,li{
list-style:none;
}

#conts h2,
#conts h3,
#conts h4,
#conts h5,
#footconts h3{
display: block;
box-sizing:border-box;
text-align: center;
border: 1px solid #003B53;
border-left: 8px solid #003B53;
background: #f4f7f7;
}

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

#conts h2,
#conts h3,
#conts h4,
#footconts h3{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.5rem 0 0.5rem 0.5rem;
width:100%;
position: relative;
}

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

#conts h2 > :nth-of-type(2),
#conts h3 > :nth-of-type(2),
#conts h4 > :nth-of-type(2),
#footconts h3 > *:nth-of-type(2){
font-size:10px;
font-weight:normal;
}

		/*animation*/

.new{
position:relative;
}

.new:after{
content:"NEW";
position:relative;
font-size: 10px;
font-weight: bold;
margin-left:0.3rem;
color:#ff7f50;
animation-name: fad;
animation-duration: 3s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fad;
-webkit-animation-duration: 3s;
-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: fad;
animation-duration: 1s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fad;
-webkit-animation-duration: 1s;
-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: fad;
animation-duration: 1.5s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fad;
-webkit-animation-duration: 1.5s;
-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: fad;
animation-duration: 2s;
animation-timing-function:ease;
animation-iteration-count:infinite;
animation-fill-mode: both;
-webkit-animation-name: fad;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode: both;
}



@keyframes fad {
from {
opacity:1;
}

50% {
opacity:0;
}

to {
opacity:1;
}

}

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

50% {
opacity:0;
}

to {
opacity:1;
}

}


		/* header */


#header{
width:100%;
min-width: 1000px;
height:auto;
background:#003B53;
color:#ffffff;
padding: 0 0 1rem;
/*margin-bottom:1rem;*/
}

		/*header first line*/

#header > div:nth-child(1){
height:30px;
width:calc(100% - 1rem);
width:-webkit-calc(100% - 1rem);
margin: 0 auto;
padding:0.5rem 0;
text-align: left;
}

#header > div:nth-child(1) span{
font-size: 12px;
/*float:left;*/
}

#header > div:nth-child(1) span:nth-child(2n){
font-size:14px;
font-weight: bold;
}

		/*under line*/

#header a > span {
position: relative;
display: inline-block;
transition: 0.3s;
}

#header a > span::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 1px;
background-color: #2ecc71;
transition: 0.5s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

#header a > span:hover::after {
width: 100%;

}

		/*right infomattion*/

#header .info{
float: right;
width:auto;
text-align: center;
display: inline-block;
padding:0;
margin:0;
text-align: center;
}

#header .info ul{
overflow: hidden;
}

#header .info > ul li{
display: inline-block;
float: left;
width: auto;
position: relative;
margin:0 0.2rem;
}

#header .info li a{
display: block;
font-size: 12px;
height: 20px;
color:#ffffff;
overflow: hidden;
position: relative;
padding:0 0.25rem;
width: 100%;
}

#header li a  span:first-of-type{
display: block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#header li a:hover span:first-of-type{
display: none;
}

#header li a  span:nth-of-type(2){
display: none;
}

#header li a:hover span:nth-of-type(2){
display: block;
font-weight: bold;
color: #ff7f50;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#header > div:nth-child(1) > div > ul > li > a > span:nth-child(1){
font-size:0.8rem;
}

#header > div:nth-child(1) > div > ul > li > a > span:nth-child(2){
font-size:0.9rem;
}

		/*header 2ndline*/

#header div:nth-child(2){
position: relative;
padding: 0;
margin: 0 auto;
box-sizing: border-box;
max-width: 1200px;
min-width: 1000px;
}


		/* logo */

#header > div:nth-child(2) > h1{
width:25%;
height:70px;
box-sizing:border-box;
display:block;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

#header div:nth-child(2) h1 a{
display:block;
}

#header div:nth-child(2) h1 img{
width:100%;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}

		/*header left menu*/

#header div:nth-child(2){
font-size: 12px;
height:70px;
}

#header > div:nth-child(2) a{
color: #ffffff;
}

#header > div:nth-child(2) > ul{
width:40%;
overflow: hidden;
float:left;
}

#header > div:nth-child(2) > ul > li{
width:-webkit-calc(25% - 0.7rem);
width:calc(25% - 0.7rem);
height: 70px;
line-height: 70px;
float: left;
text-align: center;
}

#header > div:nth-child(2) > ul > li > ul{
position:absolute;
top:100%;
left:0;
width:100%;
z-index:100000;
display:none;
list-style:none;
background:rgba(0,59,83,0.9);
box-sizing:border-box;
padding:1.5rem ;
}

#header > div:nth-child(2) > ul > li:hover > ul{
display:inline-block;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}

#header > div:nth-child(2) > ul > li > ul a{
color:#ffffff;

}

#header > div:nth-child(2) > ul > li > ul > li{
display:block;
float:left;
text-align: left;
height:3rem;
line-height:3rem;
width:-webkit-calc(100%/6 - 1.5rem);
width:calc(100%/6 - 1.5rem);
margin:0.5rem 0.75rem;
position:relative;
}

#header > div:nth-child(2) > ul > li > ul > li:after{
content: "";
position: absolute;
top: 1.25rem;
right: -0.25rem;
margin: auto;
width: 0.25rem;
height: 0.25rem;
border-top:2px solid #ff7f50;
border-right:2px solid #ff7f50;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}


.clear{
clear: both;
}

#header > div:nth-child(2) > ul > li:nth-child(1) > ul > li{
display:block;
float:left;
height:3.5rem;
line-height:3.5rem;
width:-webkit-calc(25% - 1.5rem);
width:calc(25% - 1.5rem);
position:relative;
}

#header > div:nth-child(2) > ul > li:nth-child(1) > ul > li:after{
content: "";
position: absolute;
top: 1.5rem;
right: -0.25rem;
margin: auto;
width: 0.5rem;
height: 0.5rem;
border-top:2px solid #ff7f50;
border-right:2px solid #ff7f50;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#header > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > span:nth-of-type(1){
font-size:1rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-left:3.5rem;
}

#header > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > span:nth-of-type(2){
font-size:0.9rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-left:3.5rem;
}

#header > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > img{
display: block;
width:2.5rem;
margin:0.5rem 0;
float: left;
}

#header > div:nth-child(2) > ul > li > ul > li > a > span:nth-of-type(1){
font-size:0.8rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#header > div:nth-child(2) > ul > li > ul > li > a > span:nth-of-type(2){
font-size:0.8rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#header > div:nth-child(2) > ul > li > a > span:nth-child(1){
font-weight: bold;
}



/*holidayinfo*/

#holidayinfo {
width: calc(100% - 2rem);
max-width: calc(1200px - 2rem);
height: 275px;
margin: 0.25rem auto 0;
padding: 1rem 1rem 0;
background: #fff;
color: #1a1a1a;
border-radius: 2px;
}

#holidayinfo > iframe {
width: 100%;
height: 310px;
}




		/* search */

#header #search{
background:#ffffff;
border:1px solid #ffffff;
border-radius: 2px;
box-sizing:border-box;
height:40px;
width:calc(35% - 0.5rem);
width:-webkit-calc(35% - 0.5rem);
position:absolute;
top:16px;
right:0;
}

#header #search form > :nth-child(3){
width:-webkit-calc(100% - 30px);
width:calc(100% - 30px);
height:2rem;
padding:0 10px;
border:0;
outline:none;
float:left;
font-size:16px;
box-sizing:border-box;
font-family:Arial;
margin-top: 0.175rem;
}

#header #search form > :nth-child(4){
width:20px;
position:absolute;
right:10px;
top:0;
bottom:0;
margin:auto;
}

		/* event */

.event{
display: block;
margin: 0 auto;
max-width: 1200px;
/*background-color: #ffeea0;*/
}

.event a {
display: block;
}

.event ul{
width:100%;
overflow: hidden;
}

.event img{
width:100%;
border-radius:2px;
display: block;
margin-bottom: 0.5rem;

}

/*.event img:last-child {
    margin-right: 0;
}*/

.event li{
/* width: 25%; */
width: 100%;
margin: 0 0 0rem;
float: left;
/*padding: 1.5rem 0*/
}


.event li span:nth-of-type(1){
display:block;
font-size:14px;
font color: #029dff;
height:1.25rem;
line-height:1.25rem;
font-weight:bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

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

ul.coupon{
	width: 100%;
	overflow: hidden;
}

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

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

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

		/* recommend */

.recommend ul > li img {
display: block;
margin: 0 auto;
max-width: 1200px;
}

		/* header */


#contsheader{
width:100%;
min-width: 1200px;
height:auto;
background:#003B53;
color:#ffffff;
margin-bottom:1rem;
}

		/*header first line*/

#contsheader > div:nth-child(1){
height:30px;
width:calc(100% - 1rem);
width:-webkit-calc(100% - 1rem);
margin: 0 auto;
padding:0.5rem 0;
text-align: left;
}

#contsheader > div:nth-child(1) span{
font-size: 12px;
/*float:left;*/
}

#contsheader > div:nth-child(1) span:nth-child(2n){
font-size:14px;
font-weight: bold;
}

		/*under line*/

#contsheader a > span {
position: relative;
display: inline-block;
transition: 0.3s;
}

#contsheader a > span::after {
position: absolute;
bottom: 0;
left: 50%;
content: '';
width: 0;
height: 1px;
background-color: #2ecc71;
transition: 0.5s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

#contsheader a > span:hover::after {
width: 100%;

}

		/*right infomattion*/

#contsheader .info{
float: right;
width:auto;
text-align: center;
display: inline-block;
padding:0;
margin:0;
text-align: center;
}

#contsheader .info ul{
overflow: hidden;
}

#contsheader .info > ul li{
display: inline-block;
float: left;
width: auto;
position: relative;
margin:0 0.2rem;
}

#contsheader .info li a{
display: block;
font-size: 12px;
height: 20px;
color:#ffffff;
overflow: hidden;
position: relative;
padding:0 0.25rem;
width: 100%;
}

#contsheader li a  span:first-of-type{
display: block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:0.8rem;
}

#contsheader li a:hover span:first-of-type{
display: none;
}

#contsheader li a  span:nth-of-type(2){
display: none;
}

#contsheader li a:hover span:nth-of-type(2){
display: block;
font-weight: bold;
color: #ff7f50;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:1rem;
}

#contsheader > div:nth-child(1) > div > ul > li > a > span:nth-child(1){
font-size:0.8rem;
}

#contsheader > div:nth-child(1) > div > ul > li > a > span:nth-child(2){
font-size:0.9rem;
}

		/*header 2ndline*/

#contsheader div:nth-child(2){
position: relative;
padding: 0;
margin: 0 auto;
box-sizing: border-box;
max-width: 1200px;
min-width: 1000px;
}


		/* logo */

#contsheader > div:nth-child(2) > h1{
width:25%;
height:70px;
box-sizing:border-box;
display:block;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

#contsheader div:nth-child(2) h1 a{
display:block;
}

#contsheader div:nth-child(2) h1 img{
width:100%;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}

		/*header left menu*/

#contsheader div:nth-child(2){
font-size: 12px;
height:70px;
}

#contsheader > div:nth-child(2) a{
color: #ffffff;
}

#contsheader > div:nth-child(2) > ul{
width:40%;
overflow: hidden;
float:left;
}

#contsheader > div:nth-child(2) > ul > li{
width:-webkit-calc(100%/3 - 0.7rem);
width:calc(100%/3 - 0.7rem);
height: 70px;
line-height: 70px;
float: left;
text-align: center;
}

#contsheader > div:nth-child(2) > ul > li > ul{
position:absolute;
top:100%;
left:0;
width:100%;
z-index:100000;
display:none;
list-style:none;
background:rgba(0,59,83,0.9);
box-sizing:border-box;
padding:0.5rem 1rem ;
}

#contsheader > div:nth-child(2) > ul > li:hover > ul{
display:inline-block;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}

#contsheader > div:nth-child(2) > ul > li > ul a{
color:#ffffff;

}

#contsheader > div:nth-child(2) > ul > li > ul > li{
display:block;
float:left;
text-align: left;
height:2.5rem;
line-height:2.5rem;
width:-webkit-calc(100%/7 - 1.5rem);
width:calc(100%/7 - 1.5rem);
margin:0.25rem 0.75rem;
position:relative;
}

#contsheader > div:nth-child(2) > ul > li > ul > li:after{
content: "";
position: absolute;
top: 1.1rem;
right: -0.25rem;
margin: auto;
width: 0.25rem;
height: 0.25rem;
border-top:2px solid #ff7f50;
border-right:2px solid #ff7f50;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}


.clear{
clear: both;
}

#contsheader > div:nth-child(2) > ul > li:nth-child(1) > ul > li{
display:block;
float:left;
height:2.5rem;
line-height:2.5rem;
width:-webkit-calc(100%/6 - 1.5rem);
width:calc(100%/6 - 1.5rem);
position:relative;
}

#contsheader > div:nth-child(2) > ul > li:nth-child(1) > ul > li:after{
content: "";
position: absolute;
top: 1.2rem;
right: -0.25rem;
margin: auto;
width: 0.3rem;
height: 0.3rem;
border-top:2px solid #ff7f50;
border-right:2px solid #ff7f50;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#contsheader > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > span:nth-of-type(1){
font-size:0.7rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-left:3.25rem;
}

#contsheader > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > span:nth-of-type(2){
font-size:0.65rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-left:3.25rem;
}

#contsheader > div:nth-child(2) > ul > li:nth-child(1) > ul > li > a > img{
display: block;
width:2.5rem;
/*margin:0.5rem 0;*/
float: left;
}

#contsheader > div:nth-child(2) > ul > li > ul > li > a > span:nth-of-type(1){
font-size:0.7rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#contsheader > div:nth-child(2) > ul > li > ul > li > a > span:nth-of-type(2){
font-size:0.7rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#contsheader > div:nth-child(2) > ul > li > a > span:nth-child(1){
font-weight: bold;
}


		/* search */

#contsheader #search{
background:#ffffff;
border:1px solid #ffffff;
border-radius: 2px;
box-sizing:border-box;
height:40px;
width:calc(35% - 0.5rem);
width:-webkit-calc(35% - 0.5rem);
position:absolute;
top:16px;
right:0;
}

#contsheader #search form > :nth-child(3){
width:-webkit-calc(100% - 30px);
width:calc(100% - 30px);
height:2rem;
padding:0 10px;
border:0;
outline:none;
float:left;
font-size:16px;
box-sizing:border-box;
font-family:Arial;
margin-top: 0.175rem;
}


#contsheader #search form > :nth-child(4){
width:20px;
position:absolute;
right:10px;
top:0;
bottom:0;
margin:auto;
}


/*headerslide*/

.headerslide {
width:100%;
min-width: 1000px;
background:#4c7586;
display:table;
padding:8px;
box-sizing:border-box;
position:relative;
margin-top:-1rem;
}


.headerslide li{
display:table-cell;
padding:0 5px;
}

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


/* contswrapper */

#contswrapper{
		width: 100%;
		display: inline-block;
		/* border: 1px solid #000; */
		box-sizing: border-box;
		/* background: #eeeeee; */
		padding-bottom: 10px;
		}

#contswrapper > div{
max-width:1200px;
min-width:1000px;
height:100%;
overflow: hidden;
/*border:1px solid;*/
margin:0 auto;
padding:10px 0;
/*background:#ccc;*/
}


/* leftnav */

#leftnav{
width:270px;
height:100%;
border:0;
margin:0;
box-sizing:border-box;
float:left;
}

#leftnav h3{
text-align: center;
margin:0.5rem 0;
}

#leftnav > iframe{
width: 100%;
height:3000px;
}


/*leftnav*/

#leftnav  ul ul {
display: none;
}

#leftnav{
/*color:#020202;*/
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
box-sizing: border-box;
}

#leftnav a{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;
padding-right: 1rem;
}

#leftnav > ul > li > a > img{
display:block;
float:left;
margin:0rem 0 0rem 0.25rem ;
height:2.5rem;
width:2.5rem;
}

#leftnav > div:nth-child(3) a,
#leftnav > div:nth-child(6) a{
display: block;
width: 100%;
margin: 0;
padding:0;
}

#leftnav > div:nth-child(3) img,
#leftnav > div:nth-child(6) img{
width: 100%;
display: block;
border-radius: 3px;
}


#leftnav > div:nth-child(3) > ul > li,
#leftnav > div:nth-child(6) > ul > li{
width:100%;
/*width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);*/
display: block;
margin:0.5rem 0 0.5rem ;
border: none;
}

/*#leftnav > div:nth-child(3) > ul > li:nth-child(2),*/
#leftnav > div:nth-child(2) > ul > li:nth-child(5){
width:-webkit-calc(50% - 0.25rem);
width: calc(50% - 0.25rem);
display: block;
float: left;
/*margin: 0 0 0.5rem 0.5rem;*/
margin-bottom: 0.5rem;
}

#leftnav > div:nth-child(2) > ul > li:nth-child(4),
#leftnav > div:nth-child(2) > ul > li:nth-child(3){
width:-webkit-calc(50% - 0.25rem);
width: calc(50% - 0.25rem);
display: block;
float:right;
margin-bottom: 0.5rem;
}

#leftnav > div:nth-child(2),
#leftnav > div:nth-child(3),
#leftnav > div:nth-child(4),
#leftnav > ul > div:nth-child(11),
#leftnav > div:nth-child(6){
color:#ffffff;
background: #003B53;
}

#leftnav > div:nth-child(5){
margin-top:0.5rem;
}

#leftnav span{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#leftnav span:nth-of-type(1){
font-size:12px;
font-weight:bold;
line-height:2.5rem;
margin-left: 0.5rem;
}

#leftnav span:nth-of-type(2){
font-size:10px;
font-weight:normal;
margin-left: 0.25rem;
}

#leftnav > ul > li > div > a > span:nth-child(1){
font-size:12px;
font-weight:bold;
line-height:2.5rem;
padding-left: 0.5rem;
text-align: right;
color:#ffffff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


#leftnav > ul > li > div > a > span:nth-child(2){
font-size:10px;
font-weight:normal;
padding-left: 0.25rem;
text-align: right;
color:#ffffff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#leftnav ul{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

#leftnav li{
width: 100%;
height:100%;
font-size:15px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
box-sizing: border-box;
border-top:1px solid #b7b7b7;
}

#leftnav > li:last-of-type{
border-bottom:1px solid #b7b7b7;
}

#leftnav > ul > li.li-root.open > ul > li.li-root.open > ul > li{
background: #007ea1;
}

#leftnav > ul > li > div,
#leftnav > ul > li > ul > li > div{
position: relative;
}

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

#leftnav > ul > li > ul > li > div:after{
position: absolute;
content: "";
top:1rem;
right:0.5rem;
width:0.25rem;
height:0.25rem;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#leftnav > ul > li > div{
background: #004d6d;
}

#leftnav > div:nth-child(6) > ul{
margin-top:0.5rem;
}

/*addclass*/

#leftnav > ul > li.li-root.open{
background: #005f86;
}

#leftnav > ul > li.li-root.open a{
color:#ffffff;
}
#leftnav > ul > li.li-root.open > div > a{
color:#1a1a1a;
}

#leftnav > ul > li > ul > li.li-root.open > ul > li,
#leftnav > ul > li.li-root.open > ul > li.li-root.open > ul > li{
position: relative;
}

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


		/* search */

#leftnav #search{
background:#ffffff;
border:1px solid #cccccc;
border-radius: 3px;
box-sizing:border-box;
height:35px;
width:calc(270px - 0.5rem);
width:-webkit-calc(270px - 0.5rem);
margin: 0.5rem 0.25rem;
overflow: hidden;
}

#leftnav #search form{
width:100%;
height:100%;
padding:0;
box-sizing:border-box;
position:relative;
}

#leftnav #search form > :nth-child(3){
width:100%;
height:100%;
padding:0 5px;
border:0;
outline:none;
float:left;
font-size:16px;
box-sizing:border-box;
font-family:Arial;
}

#leftnav #search form > :nth-child(4){
width:20px;
position:absolute;
right:5px;
top:0;
bottom:0;
margin:auto;
}


#leftnav .information{
position: relative;
}

#leftnav .information:after{
position: absolute;
content: "";
top:1rem;
right:0.75rem;
width:0.25rem;
height:0.25rem;
border-right:2px solid #1a1a1a;
border-bottom:2px solid #1a1a1a;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}


/* conts */

#conts{
width:calc(100% - 290px);
width:-webkit-calc(100% - 290px);
height:100%;
/*border:1px solid;*/
box-sizing:border-box;
float:right;
}



		/*pushitem*/


.pushitem{
width:100%;
}


.pushitem > div{
width:100%;
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;
/*border-top: 1px solid #cccccc;*/
}

.pushitem li{
width: calc(25% - 0.65rem);
float:left;
border: 1px solid #dddddd;
background: #ffffff;
margin:0.85rem 0.85rem 0 0 ;
border-radius: 2px;
box-sizing:border-box;
display: block;
position: relative;
}

.pushitem li span:nth-of-type(1){
display: block;
text-align: left;
font-size: 10px;
width:calc(100% - 1.5rem);
margin: 0.5rem auto;
line-height: 1rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

.pushitem li span:nth-of-type(2){
display: block;
text-align: right;
font-size: 14px;
font-weight: bold;
line-height: 1rem;
margin:1rem 0.75rem 0.25rem 0;
}

.pushitem li:nth-child(4n){
margin-right:0;
float:right;
}


.pushitem li img{
width:calc(100% - 1.5rem);
display:block;
margin: 0.75rem;
}

/*collection*/

#collection{
width:100%;
margin:0 auto;
overflow:hidden;
}

#collection > iframe{
width:100%;
height:1285px;
border: 0;
margin:0;
}
#collection ul{
width:100%;
margin: 1rem auto;
display: block;
overflow: hidden;
}

#collection li{
box-sizing:border-box;
display:block;
font-size:12px;
overflow:hidden;
position:relative;
float:left;
width:calc(50% - 5px);
width:-webkit-calc(50% - 5px);
height:200px;
margin: 0.3rem 0;
border:1px solid #dddddd;
border-radius: 3px;
}

#collection ul > li:nth-child(2n+1){
float: right;
}

#collection li img{
display:block;
width:448px;
float:left;
margin-right:10px;
}

#collection li span{
display:block;
width:calc(100% - 220px);
width:-webkit-calc(100% - 220px);
float:left;
}

#collection li a > :nth-child(2){
font-size:18px;
font-weight:bold;
box-sizing:border-box;
line-height:20px;
margin-top: 1.0rem;
}

#collection li a > :nth-child(3){
font-size:14px;
font-weight:bold;
box-sizing:border-box;
line-height:20px;
margin-top: 0.3rem;
}
#collection li a > :nth-child(4){
font-size:12px;
font-weight:normal;
box-sizing:border-box;
line-height:16px;
margin-top: 0.7rem;
}

#collection li a{
display:block;
overflow:hidden;
}

#collection li > div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotate(90deg) scale(3);
	transform: rotate(90deg) scale(3);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

#collection li > div a{
font-weight: bold;
color:#ffffff;
text-align: center;
line-height: 200px;
font-size: 16px;
}

#collection li:hover > div {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}

/*reccomendbrand*/

#recommendbrand{
width:100%;
margin:0 auto;
overflow:hidden;
}

#recommendbrand > iframe{
width:100%;
height:1285px;
border: 0;
margin:0;
}
#reccomendbrand ul{
width:100%;
margin: 1rem auto;
display: block;
overflow: hidden;
}

#reccomendbrand li{
box-sizing:border-box;
display:block;
font-size:12px;
overflow:hidden;
position:relative;
float:left;
width:calc(50% - 5px);
width:-webkit-calc(50% - 5px);
height:200px;
margin: 0.3rem 0;
border:1px solid #dddddd;
border-radius: 3px;
}

#reccomendbrand ul > li:nth-child(2n+1){
float: right;
}

#reccomendbrand li img{
display:block;
width:200px;
float:left;
margin-right:10px;
}

#reccomendbrand li span{
display:block;
width:calc(100% - 220px);
width:-webkit-calc(100% - 220px);
float:left;
}

#reccomendbrand li a > :nth-child(2){
font-size:18px;
font-weight:bold;
box-sizing:border-box;
line-height:20px;
margin-top: 1.0rem;
}

#reccomendbrand li a > :nth-child(3){
font-size:14px;
font-weight:bold;
box-sizing:border-box;
line-height:20px;
margin-top: 0.3rem;
}
#reccomendbrand li a > :nth-child(4){
font-size:12px;
font-weight:normal;
box-sizing:border-box;
line-height:16px;
margin-top: 0.7rem;
}

#reccomendbrand li a{
display:block;
overflow:hidden;
}

#reccomendbrand li > div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotate(90deg) scale(3);
	transform: rotate(90deg) scale(3);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

#reccomendbrand li > div a{
font-weight: bold;
color:#ffffff;
text-align: center;
line-height: 200px;
font-size: 16px;
}

#reccomendbrand li:hover > div {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}

/*newarrivals*/

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

#newarrival > iframe{
width:100%;
height:965px;
border: 0;
margin:1rem 0;
overflow: hidden;
}

#newarrivalitems {
position:relative;
height:965px;
padding-bottom: 1rem;
padding-left:0.5rem;
background: #f6f6f6;
}

#newarrivalitems a:hover{
opacity: 0.4;
-webkit-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

#newarrivalitems #mCSB_1_container img{
width:100%;
display: block;
padding:0.25rem 0.25rem 0;
margin:0 auto 0.25rem;
box-sizing: border-box;
}

#newarrivalitems #mCSB_1_container > u l> li > a{
display: block;
padding:0.4rem ;
}

#newarrivalitems #mCSB_1_container > span{
width: calc(100% - 1rem);
display: block;
margin-top: 0.75rem;
padding-left: 0.5rem;
font-size: 14px;
height: 2rem;
line-height: 2rem;
font-weight: bold;
border-left: 8px solid #003B53;
color:#1a1a1a;
background:#dddddd ;
box-sizing: border-box;
}

#newarrivalitems #mCSB_1_container > ul > li span:nth-of-type(1){
font-size:10px;
line-height: 15px;
height: 3rem;
padding:0 0.25rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}

#newarrivalitems #mCSB_1_container > ul > li span:nth-of-type(2){
font-size:10px;
display:block;
float:right;
margin-top:0.25rem;
}

#newarrivalitems #mCSB_1_container > ul{
width:100%;
display: inline-block;
}


#newarrivalitems #mCSB_1_container > ul > li:nth-child(5n+1){
clear: both;
}
#newarrivalitems #mCSB_1_container > ul > li{

width: calc(20% - 1rem);
float:left;
border: 1px solid #dddddd;
background: #ffffff;
margin:1rem 1rem 0 0;
box-sizing:border-box;
display: block;
position: relative;
}

#newarrivalitems #mCSB_1_container > ul > li:before{
content:"MENS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: -1px;
left: -1px;
background: #191970;
z-index: 10;
}

#newarrivalitems #mCSB_1_container > ul.ladys > li:before{
content:"LADYS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: -1px;
left: -1px;
background: #e11997;
z-index: 10;
}

#newarrivalitems #mCSB_1_container > ul.unisex > li:before{
content:"UNISEX";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: -1px;
left: -1px;
background: #4a6e0c;
z-index: 10;
}

#newarrivalitems #mCSB_1_container > ul.kids > li:before{
content:"KIDS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: -1px;
left: -1px;
background: #ff7f50;
z-index: 10;
}

/*newarrivaldays*/


#newarrivaldays {
width:100%;
height:100%;
margin:0 auto;
padding-bottom:0.5rem;
position:relative;
background: #eeeeee;
/*padding-left:0.5rem;*/
/*border: 3px solid #202f55;*/
box-sizing: border-box;
/*background:#f6f6f6 url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.rakuten.co.jp/sneak/cabinet/01/08/50-newarrivals.jpg") repeat-y 100% 0px;*/
}

#newarrivaldays-w {
width:100%;
height:100%;
margin:0 auto;
padding-bottom:0.5rem;
position:relative;
background: #eeeeee;
/*padding-left:0.5rem;*/
/*border: 3px solid #FEB3B8;*/
box-sizing: border-box;
/*background:#f6f6f6 url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.rakuten.co.jp/sneak/cabinet/01/08/50-newarrivals-w.jpg") repeat-y 100% 0px;*/
}


#newarrivaldays h3 a{
display: block;
color:#5A5446;
}

#newarrivaldays h3{
position: relative;
width:-webkit-calc(100% - 20px);
width:calc(100% - 20px);
background: #FEB3B8;
margin:0 0 1rem;
padding:10px;
text-align: right;
border-radius: 3px;
}

#newarrivaldays h3:after{
position: absolute;
content:"";
top:1.1rem;
right:1rem;
width:0.5rem;
height:0.5rem;
border-right:3px solid #5A5446;
border-bottom:3px solid #5A5446;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#newarrivaldays h3 span:nth-child(1),
#newarrivaldays-w h3 span:nth-child(1){
font-size: 1.25rem;
display: inline-block;
}

#newarrivaldays h3 span:nth-child(2),
#newarrivaldays-w h3 span:nth-child(2){
font-size: 0.75rem;
display: inline-block;
margin-left:0.75rem;
margin-right: 50px;
}


#newarrivaldays-w h3{
position: relative;
width:-webkit-calc(100% - 20px);
width:calc(100% - 20px);
background: #202f55;
margin: 0 0 0.75rem;
padding: 0.75rem;
text-align: right;
}

#newarrivaldays-w h3:after{
position: absolute;
content:"";
top:1.1rem;
right:1rem;
width:0.5rem;
height:0.5rem;
border-right:3px solid #ffffff;
border-bottom:3px solid #ffffff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#newarrivaldays-w h3 a{
display: block;
color:#ffffff;
}

#newarrivaldays a:hover,
#newarrivaldays-w a:hover{
opacity: 0.4;
-webkit-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
}

#newarrivaldays img,
#newarrivaldays-w img{
width:100%;
display: block;
}

#newarrivaldays > ul > li > a,
#newarrivaldays-w > ul > li > a{
display: block;
padding:0.25rem;
}

#newarrivaldays > span:first-of-type{
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
display: block;
margin: 0 0 0.5rem;
padding:0.5rem;
font-size: 0.8rem;
font-weight: bold;
color:#ffffff;
background: #202f55;
overflow: hidden;
}


#newarrivaldays > span{
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
display: block;
margin: 1rem 0 0.5rem;
padding:0.5rem;
font-size: 0.8rem;
font-weight: bold;
color:#ffffff;
background: #202f55;
overflow: hidden;
}

#newarrivaldays-w > span:first-of-type{
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
display: block;
margin: 0 0 0.5rem;
padding:0.5rem;
font-size: 0.8rem;
font-weight: bold;
color:#5A5446;
background: #FEB3B8;
overflow: hidden;
}

#newarrivaldays-w > span{
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
display: block;
margin: 1rem 0 0.5rem;
padding:0.5rem;
font-size: 0.8rem;
font-weight: bold;
color:#5A5446;
background: #FEB3B8;
overflow: hidden;
}

#newarrivaldays > ul > li span:nth-of-type(1),
#newarrivaldays-w > ul > li span:nth-of-type(1){
font-size:0.5rem;
height: 1.75rem;
margin:0.5rem 0;
padding:0 0.25rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

#newarrivaldays > ul,
#newarrivaldays-w > ul{
width:-webkit-calc(100% - 0.75rem);
width: calc(100% - 0.75rem);
margin:0 auto;
display: block;
overflow: hidden;
}

#newarrivaldays > ul > li:nth-child(4n),
#newarrivaldays-w > ul > li:nth-child(4n){
margin-right:0;
float:right;
}

#newarrivaldays > ul > li:nth-child(4n+1),
#newarrivaldays-w > ul > li:nth-child(4n+1){
clear: both;
}

#newarrivaldays > ul > li,
#newarrivaldays-w > ul > li{
width:-webkit-calc(25% - 0.3rem);
width: calc(25% - 0.3rem);
float:left;
border: 1px solid #dddddd;
background: #ffffff;
margin: 0.4rem 0.4rem 0 0;
box-sizing:border-box;
display: block;
position: relative;
}

#newarrivaldays > ul > li:before,
#newarrivaldays-w > ul > li:before{
content:"MENS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: 0.25rem;
left: 0.25rem;
background: #191970;
z-index: 10;
}

#newarrivaldays > ul.ladys > li:before,
#newarrivaldays-w > ul.ladys > li:before{
content:"LADYS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: 0.25rem;
left: 0.25rem;
background: #e11997;
z-index: 10;
}

#newarrivaldays > ul.unisex > li:before,
#newarrivaldays-w > ul.unisex > li:before{
content:"UNISEX";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: 0.25rem;
left: 0.25rem;
background: #4a6e0c;
z-index: 10;
}

#newarrivaldays > ul.kids > li:before,
#newarrivaldays-w > ul.kids > li:before{
content:"KIDS";
color: #ffffff;
font-size: 8px;
padding: 0.1rem 0.2rem 0.2rem;
position: absolute;
top: 0.25rem;
left: 0.25rem;
background: #ff7f50;
z-index: 10;
}


#topweekly{
width:100%;
margin:0 0 10px;
}

#topweekly img{
display: block;
margin:0 auto;
}

#topweekly a{
display: block;
padding:1rem;
color:#ffffff;
background: #003B53;
border-radius: 3px;
}


#topweekly a:hover{
opacity: 0.5;
}


#topweekly ul{
width:100%;
margin:0 0 0.5rem;
overflow: hidden;
}

#topweekly ul li span:nth-child(1){
font-size: 1.1rem;
display: block;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

#topweekly ul li span:nth-child(2){
font-size: 0.75rem;
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

#topweekly ul li{
width: calc(25% - 10px);
width: -webkit-calc(25% - 10px);
margin-right: 13px;
display: block;
float: left;
border-radius: 3px;
box-sizing: border-box;
}

#topweekly ul li:last-child{
margin: 0;
}

#topweekly ul li{
position: relative;
}

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

#weekly{
width:100%;
margin:10px 0;
}

#weekly img{
display: block;
margin:0 auto;
}

#weekly a{
display: block;
padding:1rem 0.5rem;
color:#ffffff;
background: #202f55;
border-radius: 3px;
}

#weekly-w a{
display: block;
padding:1rem 0.5rem;
color:#5A5446;
background: #feb3b8;
border-radius: 3px;
}

#weekly a:hover{
opacity: 0.5;
}


#weekly ul,
#weekly-w ul{
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
margin:0 auto;
overflow: hidden;
}

#weekly ul li span:nth-child(1),
#weekly-w ul li span:nth-child(1){
font-size: 1.1rem;
display: block;
font-weight: 600;
}

#weekly ul li span:nth-child(2),
#weekly-w ul li span:nth-child(2){
font-size: 0.75rem;
display: block;
}

#weekly ul li,
#weekly-w ul li{
width:calc(25% - 0.5rem);
width:-webkit-calc(25% - 0.5rem);
margin-right:0.66rem;
display: block;
float:left;
border-radius: 3px;
box-sizing: border-box;
}

#weekly ul li:last-child,
#weekly-w ul li:last-child{
margin: 0;
}

#weekly ul li,
#weekly-w ul li{
position: relative;
}

#weekly-w ul li:after{
position: absolute;
content:"";
top:1.9rem;
right:0.75rem;
width:0.5rem;
height:0.5rem;
border-right:2px solid #5A5446;
border-bottom:2px solid #5A5446;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#weekly ul li:after{
position: absolute;
content:"";
top:1.9rem;
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);
}


/*feature*/

.feature{
width: 100%;
margin-bottom: 1rem;
}

.feature img{
width: 100%;
}

.feature ul{
width:100%;
margin: 1rem auto;
overflow: hidden;
}

.feature ul li{
width:calc(25% - 0.5rem);
display: block;
float: left;
margin-right:0.65rem;
}

.feature ul li:last-child{
width:calc(25% - 0.5rem);
display: block;
float: right;
margin:0;
}

.feature span:nth-of-type(1){
display: block;
font-size: 14px;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
}

.feature span:nth-of-type(2){
display: block;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}


/* pickitem */

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

#pickitem > iframe{
width:100%;
height:980px;
border: 0;
margin:0;
}


#tabnavi {
display:table;
table-layout:fixed;
/*width:calc(100% - 0.75rem);*/
width:100%;
margin: 1rem 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:nth-child(1) {
display: table-cell;
width: calc(25% - 0.525rem);
padding: 0.5rem 0;
background: #003B53;
color: #ffffff;
margin-right: 0.7rem;
float: left;
}

#tabnavi li:nth-child(2) {
display: table-cell;
width: calc(25% - 0.525rem);
padding: 0.5rem 0;
background: #17184b;
color:#ffffff;
margin-right: 0.7rem;
float: left;
}

#tabnavi li:nth-child(3) {
display: table-cell;
width: calc(25% - 0.525rem);
padding: 0.5rem 0;
background: #a22041;
color:#ffffff;
margin-right: 0.7rem;
float: left;
}

#tabnavi li:nth-child(4) {
display: table-cell;
width: calc(25% - 0.54rem);
padding: 0.5rem 0;
background: #444444;
color:#ffffff;
float: right;
}

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

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


/* tabconts*/

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

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

#tabconts span{
display: block;
}

#tabconts div > ul{
overflow: hidden;
width: 100%;
margin:0 auto;
}

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


#tabconts div > ul > li{
position: relative;
box-sizing:border-box;
width: calc(25% - 0.5rem);
margin: 0.35rem calc(2rem/3) 0.35rem 0 ;
float: left;
border: 1px solid #eeeeee;
border-radius: 3px;
}

#tabconts div > ul > li:nth-child(4n){
margin-right: 0;
}

#tabconts div > ul > li:nth-child(4n+1){
clear: both;
}

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

#tabconts > div > ul > li > a > span:nth-of-type(2){
font-size: 14px;
line-height: 1rem;
height: 1rem;
margin-top: 0.5rem;
text-align: right;
color:#2e2e2e;
font-weight:bold;
}

#tabconts div {
display: none;
}

#tabconts div.active {
display: block;
}



/*ranking*/

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

#ranking > iframe{
width:100%;
height:300px;
border: 0;
margin:0;
}

#ranking ul{
width:100%;
margin: 1rem auto;
overflow:hidden;
position:relative;
zoom:1;
margin-bottom:1rem;
}

#ranking span{
display: block;
}

#ranking > ul > li > a > span:nth-of-type(1),
#ranking > ul > li > a > span:nth-of-type(2){
text-align: left;
font-size: 10px;
line-height: 15px;
width: 100%;
}

#ranking > ul > li > a > span:nth-of-type(1){
margin-top: 0.5rem;
height: 3rem;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
#ranking > ul > li > a > span:nth-of-type(2){
text-align: right;
font-weight: 600;
font-size: 16px;
margin-top: 0.5rem;
line-height: 2rem;
}

#ranking li{
width:calc(20% - 0.5rem);
padding:0.5rem;
float:left;
position:relative;
display: block;
border:1px solid #dddddd;
box-sizing: border-box;
margin-right:0.625rem;
}


#ranking li:nth-child(5){
width:calc(20% - 0.5rem);
padding:0.5rem ;
display: block;
float:right;
position:relative;
border:1px solid #dddddd;
box-sizing: border-box;
margin:0;
}

#ranking img{
width:100%;
}

#ranking li div{
padding:0;
margin:0;
height:3rem	;
}

#ranking ul > li > span{
color:#fff;
padding:0.3rem 0.4rem;
display:block;
font-size: 10px;
position:absolute;
top:0;
left:0;
}


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

#ranking  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;
}

#ranking  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;
}

#ranking  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;
}

#ranking  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;

}

/*
#ranking h5{
font-weight: 500;
padding: 5px 0 5px 5px;
margin-bottom:1.25rem;
color: #1a1a1a;
font-weight: 700;
font-size: 14px;
}*/


/*goqsystem ranking*/

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

#goqranking > iframe{
width:100%;
height:600px;
border: 0;
margin:1rem 0;
}

/*goqsystem review*/

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

#goqreview > iframe{
width:100%;
height:600px;
border: 0;
margin:1rem 0;
}


		/*footpickconts*/


#footpickconts{
	width:100%;
	/*background:#eeeeee;*/
}


#footpickconts h3{
display: block;
box-sizing:border-box;
text-align: center;
color:#ffffff;
background: #003B53;
}


#footpickconts h3 > span{
display: block;
text-align:center;
}


#footpickconts h3{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.5rem 0 0.5rem 0.5rem;
width:100%;
position: relative;
}


#footpickconts h3 > *:nth-of-type(1){
font-size:18px;
font-weight:bold;
}

#footpickconts h3 > *:nth-of-type(2){
font-size:10px;
font-weight:normal;
}

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

#footpickconts ul{
	overflow: hidden;
}

#footpickconts li{
	width:calc(20% - 1rem);
	width:-webkit-calc(20% - 1rem);
	float:left;
	margin:1.25rem 1.25rem 0 0;
	border:1px solid #dddddd;
	background: #ffffff;
	box-sizing: border-box;
}

#footpickconts li:nth-child(5n){
	margin-right:0;
}

#footpickconts li:nth-child(5n+1){
	clear: both;
}

#footpickconts > ul > li > a{
	display: block;
	padding:0.5rem;
}

#footpickconts > ul > li > a > span:nth-of-type(1){
	text-align: left;
	font-size: 0.7rem;
	margin:1rem 0;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#footpickconts > ul > li > a > span:nth-of-type(2){
	display: block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1rem;
	text-align: right;
}


/*footer*/

#footer > p,
#wmfooter > p{
	width: calc(1200px - 2rem);
	margin: 0.5rem auto 1.5rem;
	padding: 1rem;
	background: #fff;
	text-align: left;
}

#footer > p > span,
#wmfooter > p > span{
	font-size: 14px;
	display: block;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

#footer{
width:100%;
min-width: 1000px;
height:auto;
box-sizing:border-box;
font-size:12px;
background: #003B53;
}

#footer h4 > span{
display: block;
text-align:center;
}

#footer h4{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.5rem 0;
width:100%;
position: relative;
}

#footer h4 > *:nth-of-type(1){
font-size:18px;
font-weight:bold;
}


#footer h4 > *:nth-of-type(2){
font-size:10px;
font-weight:normal;
}


#footer h4{
color: #ffffff;
text-align: center;
}


#footer > div:nth-of-type(1){
max-width:1200px;
min-width:1000px;
width:100%;
margin:auto;
overflow: hidden;
line-height: 1.25rem;
}

#footer > div:nth-of-type(2){
width:100%;
display:inline-block;
margin:auto;
background: #003B53;
padding:0.5rem 0 2rem 0;
}

#footer > div:nth-of-type(1) > ul > li{
display: block;
margin-bottom: 0.75rem;
}

#footer > div:nth-of-type(1) > ul > li > span{
display: block;
font-weight: bold;
font-size:14px;
text-align: center;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #1a1a1a;
}

#footer > div:nth-of-type(1) > ul > li:not(:nth-of-type(1)) > span{
display: block;
font-weight: bold;
text-align: left;
font-size:14px;
margin:0;
padding:0;
border:none;
}

#footer > div:nth-of-type(2) > span{
width: 100%;
font-size:14px;
display: block;
color: #ffffff;
text-align: center;
}

#footer > div:nth-of-type(1) > ul > li strong{
font-size:0.9rem;
display: block;
color:#ff0000;
margin:0.25rem 0;
}

#footer > div:nth-of-type(1) > ul > li > p{
margin:0.75rem 0;
}

#footer > div:nth-of-type(1) > ul > li > p > span{
font-weight: bold;
font-size:1rem;
display: block;
margin: 1rem 0;
text-align: center;
}

#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(2) > img{
width: 280px;
display: block;
}

#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(4) > img{
width: 180px;
display: block;
}

#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(5) > img{
width: 180px;
display: block;
}

#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(6) > img{
width: 250px;
display: block;
margin-top: 0.5rem;
}
/*
#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(7) > img{
width: 80px;
display: block;
}
*/
#footer > div:nth-of-type(1) > ul:nth-child(1) > li:nth-child(7) > img{
width: 280px;
display: block;
}

#footer ul{
width:-webkit-calc(100%/3 - 3rem);
width:calc(100%/3 - 3rem);
height:570px;
display: block;
background: #ffffff;
float: left;
margin-right:1.25125rem;
margin-bottom:1.5rem;
padding: 1rem;
position: relative;
text-align: left;
}

#footer ul:nth-child(3){
width:-webkit-calc(100%/3 - 3rem);
width:calc(100%/3 - 3rem);
height:570px;
background: #ffffff;
display: block;
margin: 0;
padding: 1rem;
}


#footer ul:nth-child(4),
#footer ul:nth-child(5){
width:-webkit-calc(100%/3 - 3rem);
width:calc(100%/3 - 3rem);
height:360px;
display: block;
background: #ffffff;
margin-right:1.25125rem;
margin-bottom:0.5rem;
padding: 1rem;
}

#footer ul:nth-child(6){
width:-webkit-calc(100%/3 - 3rem);
width:calc(100%/3 - 3rem);
height:360px;
background: #ffffff;
display: block;
margin: 0;
padding: 1rem;
}

#footer > div:nth-of-type(1) > ul:nth-child(6) > span{
display: block;
font-weight: bold;
margin:0.5rem 0;
}

#footer > div:nth-of-type(1) > ul:nth-child(6) > p{
margin:0.5rem 0;
}

#footer > div:nth-of-type(1) > ul > li:last-child{
margin: 0.5rem 0;
text-decoration: underline;
float: right;
position: absolute;
right:1rem;
bottom:0;
}

		/* totop */

.totop{
position: fixed;
right: 0.5rem;
bottom: 4rem;
z-index: 100000;
padding: 0.5rem 0.75rem;
font-size: 1.5rem;
color: #fff !important;
background: rgba(51,51,51,.7);
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
}


.arrival {
width:900px !important;
}

		/*footconts*/

#footconts{
width:100%;
margin:10px auto;
}

#footconts img{
display: block;
margin:0 auto;
}

#footconts a{
display: block;
padding:1rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#footconts a:hover{
opacity: 0.5;
}

#footconts ul li:nth-child(1) a{
padding:0;
}
#footconts ul li:nth-child(1){
text-align: center;
}

#footconts ul{
width: 100%;
margin:10px auto;
overflow: hidden;
}

#footconts ul li span:nth-child(1){
font-weight: bold;
font-size: 0.8rem;
}

#footconts ul li span:nth-child(2){
font-weight: normal;
font-size: 0.6rem;
margin-left:0.25rem;
}


#footconts ul li:nth-child(1){
width: 100%;
display: block;
margin-bottom: 10px;
border:none;
}

#footconts ul li{
width:calc(25% - 6px);
width:-webkit-calc(25% - 6px);
margin-right:8px;
display: block;
float:left;
border: 1px solid #1a1a1a;
border-radius: 3px;
box-sizing: border-box;
}

#footconts ul li:last-child{
margin: 0;
}

#footconts ul li{
position: relative;
}

#footconts ul li:not(:first-child):after{
position: absolute;
content:"";
top:1.175rem;
right:0.4rem;
width:0.5rem;
height:0.5rem;
border-right:3px solid #1a1a1a;
border-bottom:3px solid #1a1a1a;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}


/*guidepage*/

#guide{
width: 100%;
max-width: 1200px;
min-width: 1000px;
margin: 0 auto;
margin-top:5rem;
}

#guidecontswrrpper td{
padding:0.5rem ;
}

#guide table{
margin:1rem 0;
}

#guide p{
margin: 0.5rem 0;
}

#guide strong{
margin-bottom:0.75rem;
}

#guide h2{
font-size: 1.0rem;
color:#ffffff;
background:#1a1a1a;
padding:0.5rem;
margin-bottom:1rem;
}
#guide h4{
font-size: 1.0rem;
color:#ffffff;
background:#ff0000;
padding:0.5rem;
margin-bottom:1rem;
}
#guide a{
font-size: 14px;
line-height: 21px;
}

.guideinfo{
overflow:hidden;
}
.guideinfo img {
display: block;
width:140px;
float: left;
padding-right:1rem;
}
#guide span,
.guideinfo span{
font-size: 1rem;
color:#ff0000;
display: block;
font-weight: bold;
margin-bottom:0.5rem;
}


#guide .guideinfo{
background:#dddddd;
color:#1a1a1a;
margin:1.5rem auto;
padding:1rem ;
text-align:left;
}

.guideinfo ul{
width:1100px;
margin:0;

}
.guideinfo li{
margin:5px auto;
font-weight:600;

}
.mokuji{
width: calc(1200px- 2rem);
margin: 1rem auto;
overflow: hidden;
border:1px solid #dddddd;
padding:0.5rem;
}
.mokuji a{
display: block;
font-size: 1rem;
font-weight: 600;
line-height: 2rem;
}
.mokuji span{
margin-left:0.5rem;
display: block;
}
.mokuji span:not(:first-child){
font-size: 1.1rem;
display: block;
margin-left:0.5rem;
font-weight: bold;
}

.mokuji ul{
width:390px;
float:left;
overflow: hidden;
margin-top:0.25rem;
}

.mokuji li{
margin: 0.5rem 0 0.5rem 1rem;
width: 390px;
float:left;
display: block;
}


/* ranking */

#featranking{
padding:1rem 0;
width:calc(100% - 0.5rem);
margin:0 auto;
}

#featranking > ul{
width:100%;
display:table;
height:3rem;
line-height:3rem;
font-size:12px;
text-align:center;
}

#featranking > ul > li{
display:table-cell;
border-left:1px solid #ffffff;
background:#444444;
color:#999999;
font-weight:bold;
padding:0 0.5rem;
cursor:pointer;
}

/* ranking */

section li a,
section a{
position:relative;
display:inline-block
color:#333;
text-decoration:none;
}

#recommend{
width:100%;
margin:0 auto;
overflow:hidden;
position:relative;
zoom:1;
margin-bottom: 1.0rem;
}

#recommend .tab-index ul{
display:table;
width:100%;
text-align:center;
}

#recommend .tab-index li{
display:table-cell;
width:33%;
height:33px;
line-height:33px;
background-color:#444;
}

#recommend .tab-index li:nth-child(2n){
display:table-cell;
width:33%;
height:33px;
line-height:33px;
background-color:#444;
border-right:1px solid #eee;
border-left:1px solid #eee;
}

#recommend .tab-index li a{
color:#999;
text-decoration:none;
font-size:14px;
font-weight:600;
}

#recommend .tab-index a{
display:block;
width:100%;
}

#recommend .tab-index li:last-child{
padding:2% 0;
font-size:14px;
}

#recommend .tab-index .active{
background-color:#405eab !important;
color:#fff;
}

#recommend .tab-index .active a{
color:#fff;
text-outline:none;
}

#recommend .tab-contents{
display:none;
}

#recommend .tab-contents.active{
display:block;
}

#recommend .pickup{
background-color:#0195d1;
text-align:left;
line-height:30px;
font-weight:700;
margin-top:0;
color:#fff;
font-size:14px;
padding-top:10px;
padding-right:0;
padding-bottom:10px;
padding-left:20px;
}



/* rankingbottom */

#tab1 > span:first-child,
#tab2 > span:first-child,
#tab3 > span:first-child{
display: block;
background:#405eab;
color:#ffffff;
font-weight: 700;
text-align: center;
font-size: 1.0rem;
padding:0.7rem 0 0.3rem 0;
}

#tab1 > span:nth-child(2),
#tab2 > span:nth-child(2),
#tab3 > span:nth-child(2){
display: block;
background:#405eab;
color:#ffffff;
font-weight: normal;
text-align: center;
font-size: 0.5rem;
padding-bottom: 0.3rem;
}

.ranklist,
.ranklist2{
width:100%;
display:inline-block;
overflow:hidden;
position:relative;
zoom:1;
margin-top: 0.5rem;
}

.ranklist span,
.ranklist2 span{
display: block;
line-height: 2rem;
box-sizing: border-box;
height: 2.5rem;
overflow: hidden;
font-size: 1rem;
}
/*no.1*/

.ranklist > li:first-child > span:first-child{
background: #b8860b;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}

/*no2*/

.ranklist > li:nth-child(2) > span:first-child{
background: #c0c0c0;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}
/*no3*/

.ranklist2 > li:first-child > span:first-child{
background: #8b4513;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}
/*no4,no5*/

.ranklist2 > li:nth-child(2) > span:first-child,
.ranklist2 > li:nth-child(3) > span:first-child {
background: #808080;
color: #ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom: 0.3rem;
display: inline-block;
}

.ranklist img,
.ranklist2 img{
width:100%;
}

.ranklist li{
width: calc(100%/2 - 1rem);
float: left;
margin: 0 0.5rem;
}

.ranklist2 li{
width: calc(100%/3 - 1rem);
float: left;
margin: 0.5rem;
}


.ranklist > li:nth-child(1) > span:nth-child(4),
.ranklist > li:nth-child(2) > span:nth-child(4),
.ranklist2 > li:nth-child(1) > span:nth-child(4),
.ranklist2 > li:nth-child(2) > span:nth-child(4),
.ranklist2 > li:nth-child(3) > span:nth-child(4){
font-size: 1.5rem;
line-height: 3rem;
color: #bf0000;
float: right;
}


/*mens feature*/

#mensfeatureconts{
width:900px;
margin:0 auto;
}

#mensfeatureconts h5{
background: #543f32;
color:#ffffff;
padding:0.5rem;
}

#mensfeatureconts h5 span:nth-child(1){
font-size: 24px;
display: block;
text-align: center;
}

#mensfeatureconts h5 span:nth-child(2){
font-size:14px;
display: block;
text-align: center;
}

.menscontsacte,
.mensconts {
width:900px;
font-size: 12px;
margin: 1.5rem 0 0.5rem 0;
overflow: hidden;
}

.menscontsacte > div,
.mensconts > div{
background:#554738;
color:#ffffff;
padding:1rem 0.5rem;
box-sizing:border-box;
width:100%;
}

.menscontscate > div > h2,
.mensconts > div > h2{
width:100%;
text-align:center;
font-weight:bold;
font-size:1.5rem;
}

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

.menscontscate > span:first-child,
.mensconts > span:first-child {
display: block;
font-weight: 600;
font-size: 26px;
color:#543f32;
margin-bottom:0.5rem;
font-family: Arial;
margin-top:1rem;
text-align: center;
}

.menscontscate > span:nth-child(2),
.mensconts > span:nth-child(2){
font-size: 12px;
display: block;
margin-bottom: 1.5rem;
text-align: center;
width: 100%;
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;
}

.menscontscate > ul,
.mensconts > ul{
width:100%;
margin: 1rem auto;
overflow: hidden;
}


.mensconts > ul > li{
width: calc(20% - 0.5rem);
margin: 0.625rem 0.625rem 0 0;
float: left;
}

.mensconts > ul > li:nth-child(5n){
width: calc(20% - 0.5rem);
margin-top: 0.625rem;
margin-right:0;
float: right;
}

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

.menscontscate img,
.mensconts img{
width: 100%;
}


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


.trend{
margin-top:0.5rem;
}

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

.trend img{
width: 100%;
}

.trend > div:first-child{
border-bottom:1px solid #542b00;
box-sizing: border-box;
padding-bottom: 0.5rem;
}

.trend > div:first-child,
.trend > div:nth-child(2){
position: relative;
margin:0.5rem 0 1rem;
}

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: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(25% - 0.75rem);
float:left;
margin:0.5rem 1rem 0 0;
box-sizing:border-box;
}

.trend > div > ul > li:nth-child(4n){
width:calc(25% - 0.75rem);
/*float:right;*/
margin-top:0.5rem;
margin-right:0;
box-sizing:border-box;
}

.trend > div > ul > li:nth-child(4n+1){
clear: both;
}

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

.trend > div > ul > li > a > span:nth-child(3){
display: block;
font-size: 12px;
line-height: 2rem;
height: 2rem;
text-align: right;
color:#2e2e2e;
}

/**/

.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(50% - 1rem);
height:10.5rem;
padding-bottom:0.5rem;
border-bottom:1px solid rgba(0,0,0,0.3);
}

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


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

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

.trend li div > *:first-child{
width:100%;
text-align:left;
font-size:10px;
padding-top: 0.5rem;
display:block;
line-height:1rem;
height:2rem;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}

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


/*ranking*/

.menscontsranking{
width:100%;
padding-bottom: 0.25rem;
}

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

.more {
width: 50%;
margin: 4rem auto;
padding: 1rem 0;
display: block;
text-align: center;
border:1px solid #1a1a1a;
border-radius: 3px;
position: relative;
}

.more:after{
content: "";
position: absolute;
top: 1.5rem;
right:1rem;
width:0.5rem;
height:0.5rem;
border-right:3px solid #1a1a1a;
border-top:3px solid #1a1a1a;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.more a{
display: block;
font-size: 1rem;
color: #1a1a1a;
font-weight: bold;
}

.featcontent{
display:inline-block;
width:100%;
font-size:0.7em;
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:100%;
margin: 0 auto;
}

.featcontent > ul > li {
width:calc(20% - 1rem);
margin:0.75rem 0.75rem 0 0;
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 > ul > li:nth-child(5n) {
width:calc(20% - 1rem);
float:right;
margin-right:0;
}

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

.featcontent > ul > li > a > 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-child(3){
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;
}


#recommend .tab-index .active a{
color:#fff;
text-outline:none;
}

#recommend .tab-contents{
display:none;
}

#recommend .tab-contents.active{
display:block;
}

#recommend .pickup{
background-color:#0195d1;
text-align:left;
line-height:30px;
font-weight:700;
margin-top:0;
color:#fff;
font-size:14px;
padding-top:10px;
padding-right:0;
padding-bottom:10px;
padding-left:20px;
}



/* rankingbottom */

#tab1 > span:first-child,
#tab2 > span:first-child,
#tab3 > span:first-child{
display: block;
background:#405eab;
color:#ffffff;
font-weight: 700;
text-align: center;
font-size: 1.0rem;
padding:0.7rem 0 0.3rem 0;
}

#tab1 > span:nth-child(2),
#tab2 > span:nth-child(2),
#tab3 > span:nth-child(2){
display: block;
background:#405eab;
color:#ffffff;
font-weight: normal;
text-align: center;
font-size: 0.5rem;
padding-bottom: 0.3rem;
}



.ranklist,
.ranklist2{
width:100%;
display:inline-block;
overflow:hidden;
position:relative;
zoom:1;
margin-top: 0.5rem;
}

.ranklist span,
.ranklist2 span{
display: block;
line-height: 2rem;
box-sizing: border-box;
height: 2.5rem;
overflow: hidden;
font-size: 1rem;
}
/*no.1*/

.ranklist > li:first-child > span:first-child{
background: #b8860b;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}

/*no2*/

.ranklist > li:nth-child(2) > span:first-child{
background: #c0c0c0;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}
/*no3*/

.ranklist2 > li:first-child > span:first-child{
background: #8b4513;
color:#ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom:0.3rem;
display: inline-block;
}
/*no4,no5*/

.ranklist2 > li:nth-child(2) > span:first-child,
.ranklist2 > li:nth-child(3) > span:first-child {
background: #808080;
color: #ffffff;
font-weight: 600;
padding: 0.4rem 0.7rem;
margin-bottom: 0.3rem;
display: inline-block;
}

.ranklist img,
.ranklist2 img{

width:100%;
}

.ranklist li{
width: calc(100%/2 - 1rem);
float: left;
margin: 0 0.5rem;
}

.ranklist2 li{
width: calc(100%/3 - 1rem);
float: left;
margin: 0.5rem;
}


.ranklist > li:nth-child(1) > span:nth-child(4),
.ranklist > li:nth-child(2) > span:nth-child(4),
.ranklist2 > li:nth-child(1) > span:nth-child(4),
.ranklist2 > li:nth-child(2) > span:nth-child(4),
.ranklist2 > li:nth-child(3) > span:nth-child(4){
font-size: 1.5rem;
line-height: 3rem;
color: #bf0000;
float: right;
}



/*ladysfeature*/

#womancontswapper{
width:900px;
margin:0 auto;
}

#womancontswapper h2{
font-size:14px;
line-height:1.25rem;
text-align:center;
width:90%;
margin:0.5rem auto;
font-weight:500;
}

#womancontswapper  h3{
width:80%;
margin:3rem auto;
border-bottom: 1px solid #000;
text-align:center;
font-size:25px;
font-weight:500;
padding-bottom: 0.5rem;
}

#womancontswapper  h4{
width:80%;
margin:1rem auto 2rem;
text-align:left;
font-size:12px;
line-height:1.25rem;
font-weight:500;
}

.wmconts{
margin:0;
}

.wmconts img{
width:100%;
display:inline-block;

}


.ranking{
width:100%;
margin:15px 0;
}

.ranking > img{
width:100%;
height:auto;
}

.content span:nth-of-type(1){
font-size:10px;
display: block;
/*margin: 0.25rem 0 0.5rem;*/
}

.content span:nth-of-type(2){
font-size:12px;
display: block;
text-align: right;
}

.content > ul ,
.contentmore > ul {
width:-webkit-calc(100% - 0.5rem);
width: calc(100% - 0.5rem);
margin:0 auto;
display: block;
overflow: hidden;
}

.content > ul > li,
.contentmore > ul > li{
width:-webkit-calc(25% - 0.5rem);
width: calc(25% - 0.5rem);
margin:0.5rem 0.25rem;
padding:0.25rem 0;
float:left;
position: relative;
}

.content > ul li span:nth-of-type(1),
.contntmore > ul li span:nth-of-type(1){
font-size:12px;
font-weight:500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.content > ul li span:nth-of-type(2),
.contntmore > ul li span:nth-of-type(2){
font-size:16px;
color:#dc143c;
}

.content > ul > li:after,
.contentmore > ul > li:after{
position: absolute;
content:"";
background-color:#dc143c;
color:#fff;
font-size:10px;
padding:0.1rem;
bottom:0.5rem;
left:0;
}

.content > ul > li > a > img,
.contentmore > ul > li > a > img{
width:100%;
height:auto;
}


.moreitem a{
width: 40%;
font-size: 20px;
margin: 5rem auto;
display: inline-block;
background-color: #ad2624;
text-align: center;
padding: 0.5em 0;
display: block;
color: #fff !important;
text-decoration: none;
border-radius: 3px;
}



.pickup{
width:100%;
display:inline-block;
margin:25px 0 0;
}

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

.pickup > ul{
display:inline-block;
overflow: hidden;
}

.pickup > ul > li{
width:-webkit-calc(100%/6);
width:calc(100%/6);
width:16.5%;
margin:0;
float:left;
}

.pickup > ul > li > a > img{
width:100%;
height:auto;
}
/*
.select-box01 select {
width:80%;
padding:1rem;
margin:1.5rem auto;
border: 1px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 3px;
font-size:16px;
display: block;
overflow: hidden;
}
*/

.select-box01{
width: 60%;
margin:3rem auto;
}

.select-box01 select {
font-size: 12px;
position: relative;
width: 100%;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #999;
background: #eee;
background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%);
background: linear-gradient(to bottom, #fff 0%,#ddd 100%);
}

.select-box01 label {
position: relative;
}

.select-box01 label:after {
display: block;
content: " ";
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 30px;
margin-top: -8px;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33622161/pc/css/../images/contents/arrow02.png) 0 0 no-repeat;
background-size: 20px;
pointer-events: none;
}

.cate{
width:100%;
}
.cate ul{
width:100%;
display:block;
overflow: hidden;
}
.cate ul li a{
display: block;
width:100%;
height:100%;
}

.cate ul li{
width:-webkit-calc(100%/3 - 0.75rem);
width:calc(100%/3 - 0.75rem);
margin-right: 1rem;
margin-bottom: 1rem;
float:left;
display: block;

}
.cate ul li:nth-child(3n){
width:-webkit-calc(100%/3 - 0.75rem);
width:calc(100%/3 - 0.75rem);
margin-bottom: 1rem;
margin-right: 0;
float:right;
display: block;
}


.cate ul li a img{
width:100%;
height: 100%;
display: block;
}


.rankingtab{
width:100%;
display:inline-block;
margin-top:15px;
overflow: hidden;
}

.tab{
display: block;
width:101%;
}

.rankingtab > .tab > li{
display: inline-block;
color: #fff;
border:1px solid #262626;
border-top:3px solid #262626;
width: -webkit-calc(100%/3 - 0.75rem);
width: calc(100%/3 - 0.75rem);
font-size: 12px;
margin-left: 0.5rem;
padding: 1rem 0;
text-align: center;
background-color: #262626;
float: left;
box-sizing: border-box;
font-size: 18px;
}

.rankingtab > .tab > .select{
display: inline-block;
background: #fff;
width: -webkit-calc(100%/3 - 0.75rem);
width: calc(100%/3 - 0.75rem);
color:#333;
border:1px solid #333;
border-top:3px solid #333;
display:inline-block;
padding: 1rem 0;
margin-left: 0.5rem;
float: left;
font-size: 18px;
box-sizing: border-box;
}


.contenttab {

}
.contenttab li div{
display: block;
float: left;
}

ul.contenttab > li > div > img{
width: 3.5rem;
display: block;
margin: 0.25rem 0;
}

.contenttab li div:nth-of-type(1),
.contenttab li div:nth-of-type(2){
width: -webkit-calc(50% - 0.75rem);
width: calc(50% - 0.75rem);
margin-left:0.5rem;
}

.contenttab li div:nth-child(3),
.contenttab li div:nth-child(4),
.contenttab li div:nth-child(5){
width: -webkit-calc(100%/3 - 0.67rem);
width: calc(100%/3 - 0.67rem);
margin-left:0.5rem;
}


.contenttab li div img{
width:100%;
}

.contenttab > li > div > a > span:nth-of-type(1){
display: block;
font-size:14px;
line-height: 15px;
}

.contenttab > li > div > a > span:nth-of-type(2){
display: block;
font-size:16px;
text-align: right;
}

.hidetab {
display:none;
}

.otherbrand{
width:100%;
display:inline-block;
}

.brand{
width:50%;
float: left;
display:block;
}

.otherbrand > div > ul {
width:-webkit-calc(100% - 1rem);
width:calc(100% - 1rem);
margin:0 auto;
display:block;
overflow: hidden;
border-bottom:1px #333 dashed;
}

.otherbrand > div:last-child > ul{
margin:0 auto 1rem;
border-bottom:none;
display: block;
}

.brand > ul > li:first-child{
width:-webkit-calc(50% - 0.5rem);
width:calc(50% - 0.5rem);
margin:0.5rem 0.5rem 0.5rem 0;
float:left;
}

.brand > ul > li:nth-child(3){
width:-webkit-calc(50% - 0.25rem);
width:calc(50% - 0.25rem);
margin:1rem 0;
float:left;
}

.brand > ul > li > a > img{
width:100%;
display: block;
margin: 0;
}

.brand > ul > li:nth-child(3) > a > span:nth-child(1){
font-size:16px;
margin-bottom:0.5rem;
color:#dc143c;
font-weight:600;
display: block;
}

.brand > ul > li:nth-child(3) > a > span:nth-child(2){
font-size:12px;
line-height:18px;
display: block;
}



	/*yahoo event slider*/

.wideslider {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #fff url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33622161/pc/css/img/prev.jpg) no-repeat right center;
}
.slider_next {
	background: #fff url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33622161/pc/css/img/next.jpg) no-repeat left center;
}
.slider #prev, .slider #next {
	position: absolute;
	top: 0;
	cursor: pointer;
}
.slider #prev {
	top: 22px;
	left: 15%;
}
.slider #next {
	top: 22px;
	right: 15%;
}
.pagination {
	top: 80px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


	/*yahoo custum*/

#TopSPathList1{
	width:1200px;
	margin:10px auto 0 !important;
}

#Left{
	width:280px !important;
}

#Container{
	width:900px !important;
}

#wrapper2 th, #wrapper2 td{
	padding:0.5rem !important;
}

#Main{
	width: 1200px;
	margin:0 auto;
}

#wrap2{
	width:100%;
	padding:0 !important;
}

#BtmHotItem2{
	width: 1200px;
	margin:0 auto;
}


 /*fixfooter*/

#fixfooter {
 background-color: #bf0000;
 color: #fff;
 text-align: center;
 width: 100%;
 height: 1.5rem;
 padding: 0.5rem 0 1.25rem;
 position: absolute;
 font-size: 18px;
 font-weight: bold;
 bottom: 0;
 letter-spacing: 0.5;
 height:1.5rem;
}
#fixfooter a{
 display: block;
}

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

#fixfooter a:hover {
 text-decoration: underline;
}

#fixfooter span:nth-child(1),
#fixfooter span:last-child{
 color:#ff0;
 font-size: 1.25rem;
}

#fixfooter span:nth-child(2){
 color:#ff0;
 font-size: 1.75rem;
}


.fixfoot{
 position: fixed;
 bottom:-0.25rem;
 width: 100%;
 z-index: 10000;
}

.fixfoot iframe{
 width:100%;
 height:3rem;
}

/***???`???ʩ`?ʤ?O??***/

.salebb{
	width:1200px;
	margin:15px auto;
}

.event_coupon {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    clear: both;
}

.event_coupon ul {
    width: 100%;
    display: inline-block;
}

.event_coupon li {
    width: calc(50% - 0.5rem);
    float: left;
    overflow: hidden;
    margin-right: 1rem;
    margin-bottom: 0.75rem;
}

.event_coupon img {
    width: 100%;
    border-radius: 2px;
    display: block;
}

.event_coupon li:nth-child(2n){
margin-right:0;

}


/* deliveryinfo */

#deliveryinfo {
	width: 1200px;
	margin: 0 auto 1rem;
	color: #1a1a1a;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
	background:#eee;
	border: 1px solid #ccc;
	padding: 0.75rem;
	box-sizing: border-box;
}

#deliveryinfo > p:nth-of-type(1) > strong {
	font-size: 16px;
	display: block;
	text-align: center;
	color: #bf0000;
}

#deliveryinfo p {
	margin-bottom: 0.5rem;
}