@charset "utf-8";
div.newarrival,div.rearrival,div.preorder{
	position:relative;
	max-width:1424px;
	min-height:600px !important;
	margin:0 auto;
	overflow:hidden;
}

/*REARRIVALSタイトル*/
div#title{
	max-width: 100%;
	font-family: 'Roboto', sans-serif;
	margin:20px 0;
	position: relative;
}
/*新入荷タイトル*/
/*div.newarrival div#title::before{
	content:url(".");
	display:block;
	max-width:100%;
}*/
div.newarrival div#title a{
	display: block;
	width:65%;
	height:100%;
	position: absolute;
	right:0px;
	top:0px;
}
/*div.newarrival div#title a::before{
	content:url("../img/narrilist_point10.jpg");
}*/

/*再入荷タイトル*/
div.rearrival div#title::before{
	content:url("https://image.rakuten.co.jp/zip/cabinet/img/rarrilist_title.jpg");
}
div.rearrival div#title::after{
	content:"\002d\0052\0045\0020\0041\0052\0052\0049\0056\0041\004c\0053";
}


/*ポイント10倍表示*/
p.newpoint10{
	display:block;
	max-width:839px;
	margin:20px auto 30px auto;
}
p.newpoint10 img{width:100%;}


/*ここからナビ*/
#navigation{
	width:222px;
	position: absolute;
	margin-top: -20px;
/*top:260px;*/
}
#navigation span{
	display:block;
	width:100%;
	padding:12px 0;
	position:relative;
	padding-left:30px;
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
}
div.newarrival #navigation span{
	height: 30px;
}

div.rearrival #navigation span{
	height: 40px;
}

div.preorder #navigation span{
	height: 40px;
}

#navigation span:hover{
	cursor:pointer;
}
#navigation span.active::before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 11px;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 5px solid transparent;
	/* border-right: 40px solid transparent; */
	border-bottom: 5px solid transparent;
	border-left: 12px solid #000;
	z-index: 9;
}

#navigation>a{
	display:block;
	margin:8px 0;
}

/**************ここから商品一覧*************/
#itemlist{
	position: relative;
	max-width: 1202px;
	top: 0px;
	right: -222px;
	padding-right: 222px;
	letter-spacing: -.40em; /* inline-box対策：文字間を詰めて隙間を削除する */
	margin-bottom:130px;
}

/*商品：個別セル*/
#itemlist li{
	width: 300px;
	text-align:center;
	background-color:#fff;
	display:inline-block;
	font-size:1.3rem;
	position:relative;
}

div.rearrival #itemlist li{
		width: 230px;
}

/*商品：新入荷のセル高さ*/
div.newarrival #itemlist li{
	height:500px;
}
/*商品：再入荷のセル高さ*/
div.rearrival #itemlist li{
	height:380px;
}

/*商品：予約のセル高さ*/
div.preorder #itemlist li{
	height:350px;
}

/******ここから商品情報テキスト******/
#itemlist li a{
	display:inline-block;
	/*width:294px;*/
	margin-left:6px;
	letter-spacing: normal; /*  inline-box対策：文字間を通常に戻す */
}

#itemlist li a img{
	width:294px;
}
div.rearrival #itemlist li a img{
	width:235px;
}


/*テキスト枠*/
#itemlist li a p{
	width:80%;
	margin-top:5px;
	line-height:150%;
}

#itemlist li a p span,#itemlist li a p b,#itemlist li a p i{
	display:block;
	width:100%;
	text-align:center;
	color:#222;
}
/*UP DATE日付：新入荷のみ*/
#itemlist li a p span{
	margin-bottom:3px;
}
/*UP DATEテキスト：新入荷のみ*/
#itemlist li a p span::after{
	content:"\0020\0055\0050\0020\0044\0041\0054\0045";
}
/*各種特別表示：新入荷のみ*/

#itemlist li a span::before{
	content:"";
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:0px 3px;
	margin-right:3px;
	font-size:1.0rem;
}


/*各種特別表示：メンズ・レディース表示*/
#itemlist li a p span.men, #itemlist li a p span.lady, #itemlist li a p span.uni,#newarri_in span.men,#newarri_in span.lady,#newarri_in span.uni{
	display: block;
	position: absolute;
	width: 59px;
	bottom: 118px;
	padding: 3px 0 3px 10px;
	margin-bottom: 0px;
	text-align: left;
	color:#fff;
}

#itemlist li a p span.men,#newarri_in span.men{    background: #7b9cc6;}
#itemlist li a p span.lady,#newarri_in span.lady{    background: #e196b2;}
#itemlist li a p span.uni,#newarri_in span.uni{    background: #a4c67b;}

#itemlist li a p span.men::before,#newarri_in span.men::before{ content:"MEN'S";}
#itemlist li a p span.lady::before,#newarri_in span.lady::before{ content:"LADY'S";}
#itemlist li a p span.uni::before,#newarri_in span.uni::before{ content:"UNISEX";}

#itemlist li a p span.men::after, #itemlist li a p span.lady::after, #itemlist li a p span.uni::after,#newarri_in span.men::after,#newarri_in span.lady::after,#newarri_in span.uni::after{content:""}

#itemlist li a span.men::before,#itemlist li a span.lady::before,#itemlist li a span.uni::before,#newarri_in span.men::before,#newarri_in span.lady::before,#newarri_in span.uni::before{
	font-size: 1.2rem;
	font-weight:normal;
}


s{
	text-decoration: none;
	display:inline-block;
	color:#fff;
	padding:0 6px;
}


s.hanbai{/*販売に関する情報：新色販売開始、新サイズ販売開始、近日販売開始、予約販売開始等*/
		background:#4daaab;
}

s.info{/*画像リニューアル*/
		background:#F08A26;
	}


/*商品名 */
div.newarrival #itemlist li a p b,div.rearrival #itemlist li a p b,div.preorder #itemlist li a p b{

}

/*商品名：新入荷用 */
div.newarrival #itemlist li a p b{
}
/*商品名：再入荷用 */
div.rearrival #itemlist li a p b{
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 180px;
	overflow: hidden;
	display:block;
}

/*商品名：予約用 */
div.preorder #itemlist li a p b{

}

/*価格：新入荷,再入荷*/
#itemlist li a p i{
}
#itemlist li a p i::before,#rearri_in li a p i::before{
	content:"\00ffe5";
}
#itemlist li a p i::after,#rearri_in li a p i::after{
	content:"\0028\007a0e\008fbc\0029";
	font-size:10px;
}


/**********************お気に入りボタン*************************/

s.favorite{
    display: block;
    color: #222;
}
s.favorite a{
	background: url(https://www.rakuten.ne.jp/gold/zip/img/bt_favorite.png) no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    width: 38px !important;
    height: 38px !important;
    position: absolute !important;
    right: 3;
    bottom: 54px;
}

s.favorite a:hover{
background: url(https://www.rakuten.ne.jp/gold/zip/img/bt_favorite2.png) no-repeat;
    background-size: contain;
}

s.favorite a s.favorite_text {
    display: none;
    width: 84px;
    position: absolute;
    top: 44px;
    left: -50px;
    padding: 5px 3px;
    border-radius: 2px;
    background: #e83d5c;
    color: #fff;
    font-size: 11px;
    line-height: 150%;
}

s.favorite a:hover s.favorite_text{
	display: block;
}
s.favorite a:hover s.favorite_text::before{
	padding:0px !important;
}
s.favorite a:hover s.favorite_text::after{
	content:"\00304a\006c17\00306b\005165\00308a\008ffd\0052a0";
	color:#fff;
}


/**************調整**************/
#newarri_in a,#rearri_in a,#hitlist_in a,#preorder_in a{
	max-width:100%;
}
#newarri_in ul li,#rearri_in ul li,#hitlist_in ul li,#preorder_in ul li{
	max-width:335px;
	display:inline-block;
	position:relative;
}

#newarri_in a p,#rearri_in a p,#hitlist_in a p,#preorder_in a p{
    line-height: 150%;
}
s.favorite a{ /*再入荷にも価格を入れたことによって、ボトムの位置を微調整。*/
    bottom: 45px;
}

#newarri_in span,#newarri_in b,#newarri_in i,#rearri_in span,#preorder_in i,#preorder_in b{
    width: 88%;
    margin: 0 12% 0 0;
}

#rearri_in span,#rearri_in b{
	width:100%;
}

#preorder_in span{
	display:none;
}
