@charset "shift_jis";
/* CSS Document */


#WN_tops {width:100%;}

/*タブレットでcbinnerが小さくなる対策*/
@media screen and (max-width: 768px){

#ht5_contents .mod_cntBlock > .cbInner {
    min-width: 300px;
    max-width:100%;
    margin: 0px 8px;
}

#WN_tops {
    width: 100%;
   /* margin-top: 40px;*/
}
}

#WN_tops img{max-width:100%; height:auto;}


#WN_tops h1{text-align:center; margin-top:-170px; color:#302525;}
#WN_tops h1 .pc_head{font-size:470%; color:#e1a656; margin: -10px 0 0 0;}
#WN_tops h1 .pc_head span{font-size:80%; color:#302525;}
#WN_tops h1.smp{ margin:10px 0; text-align:left;}

@media screen and (max-width:1037px) {
#WN_tops h1{text-align:center; margin-top:-150px; color:#302525;}
}


#WN_tops .mt60{margin-top:60px;}
#WN_tops .mt20{margin-top:20px;}

/*ニットカーデガンPC*/
#WN_tops dl.pc_tops{width:auto; overflow:hidden; margin:40px 0 0 0;}
#WN_tops dl.pc_tops dd.knit{width:48.4245439%; float:left; border:#bdb5aa 4px solid; text-align:center; padding-bottom:15px;}
#WN_tops dl.pc_tops dt.card{width:48.4245439%; float:right; border:#bdb5aa 4px solid; text-align:center; padding-bottom:15px;}
#WN_tops dl.pc_tops h2.ttl1{font-size:275%; text-align:center; padding:13px 0 0px;}
#WN_tops dl.pc_tops h3{text-align:center; padding:0 5px 12px;}

/*シャツ他PC*/

#WN_tops dl.pc_tops_3culm  { width:100%; overflow:hidden; margin-top:42px;}

#WN_tops dl.pc_tops_3culm dd {
    float: left;
    margin-right:2.289%;
    width: 30.7%;
    border:#bdb5aa 4px solid;
	text-align:center;
	padding:0 2px 2px;
}

#WN_tops dl.pc_tops_3culm dd:nth-child(2) {margin-right:0;}

#WN_tops dl.pc_tops_3culm dt {
    float: right;
    width: 30.7%;
    border:#bdb5aa 4px solid;
	text-align:center;
	padding:0 2px 2px;
}

#WN_tops dl.pc_tops_3culm h2{font-size:270%; text-align:center; padding:13px 0 0px;}
#WN_tops dl.pc_tops_3culm h3{text-align:center; padding:0 3px 10px;}

/*ニットカーで他sp*/
#WN_tops dl.sp_tops{width:auto; overflow:hidden; margin:0;}
#WN_tops dl.sp_tops dd.left_box{float:left; width:48.9932885%; border:none;}
#WN_tops dl.sp_tops dt.right_box{float:right; width:48.9932885%; border:none;}
#WN_tops dl.sp_tops img{margin-bottom:8px;}

/*カラーで選ぶPC*/
#WN_tops ol.color{width:100%; overflow:hidden;}
#WN_tops ol.color li{width:19.402985%; display:inline-block; margin-left:0.7462686%;}
#WN_tops ol.color li:first-child{margin-left:0px;}
#WN_tops ol.color li img{width:100%; height:auto;}


#WN_tops h2.ttl2{margin-top:40px; font-size:250%; color:#000000;}


@media screen and (max-width:767px) {
	#WN_tops h2.ttl2{font-size:170%; font-weight:bold; margin-top:30px;}
}

/*全部ボタンpc*/
#WN_tops dl.pc_tops dd.petit{width:48.4245439%; float:left;}
#WN_tops dl.pc_tops dt.all{width:48.4245439%; float:right;}



/********************ranking＿tops仕様に**************************/

#WN_tops #mod_1columnArea {margin-top:40px;}

#WN_tops #mod_1columnArea div.mod_1columnArea_ranking {
    max-width: 1206px;
    margin: 0;
    padding: 0;}

#WN_tops #mod_1columnArea div.mod_1columnArea_ranking h2 p {
    display: none;
}

	
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking p.update {
    float: right;
    display: inline;
    margin:-10px 0 0 0;
}

#WN_tops #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking ul.tabmenu {
    position: absolute;
    right: 0;
    top: 11px;
    height: 29px;
}
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking h2 {
    float: left;
    display: inline;
    margin: 0 30px -4px 0;
	font-size:230%;
	background:url(images/icon_crown.png) no-repeat 0 2px;
	padding-left:45px;
}


@media screen and (max-width:1112px) {
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking h2 {
	background-size: 35px 25px;
    padding-left: 40px;
    background-position: 0 7px;
}


@media screen and (max-width:767px) {
#WN_tops h2.ttl2 span{color:#000000;}
	
#WN_tops #mod_1columnArea {margin-top:30px;}
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking {
    min-width: inherit;
    margin: 0;
    padding: 10px 10px 10px;
}
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking ul.tabmenu {
    position: relative;
    right: auto;
    top: auto;
    height: 23px;
}
#WN_tops #mod_1columnArea div.mod_1columnArea_ranking p.update {
    float: left;
    display: inline;
}

#WN_tops dl{width:auto; overflow:hidden; margin:30px 0 0 0;}
#WN_tops dd{width:45%; float:left; border:#edecec 5px solid;}
#WN_tops dt{width:45%; float:right; border:#edecec 5px solid;}

#WN_tops #mod_1columnArea div.mod_1columnArea_ranking p.update { margin: 5px 0 0 0;}

#WN_tops #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking h2 {
    font-size: 120%;
    font-weight: bold;
    margin-right: 0;
	background:none;
	padding-left:0;
}


}