@charset "utf-8";

/*.siteHeader*/
.pageList .siteHeader {
	background:#fff;
	height:160px;
}

.pageList .siteContent {
	padding: 180px 0 0;
}


/*LIST PAGE
-------------------------------*/
.sortItems {
	text-align:right;
	font-size:0;
	margin-top:30px;
}

.sortItems li {
	display:inline-block;
}

.sortItems li a {
	display:block;
}

.sortItems li:nth-child(1) a{
	background: url(../img/ico_sort_2items.png) no-repeat;
	width:23px;
	height:18px;
	margin-right:10px;
	background-size:23px auto;
}

.sortItems li:nth-child(1).current a ,
.sortItems li:nth-child(1) a:hover {
	background: url(../img/ico_sort_2items_current.png) no-repeat;
	background-size:23px auto;
	opacity:1;
}

.sortItems li:nth-child(2) a{
	background: url(../img/ico_sort_4items.png) no-repeat;
	width:18px;
	height:18px;
	background-size:18px auto;
}

.sortItems li:nth-child(2).current a ,
.sortItems li:nth-child(2) a:hover {
	background: url(../img/ico_sort_4items_current.png) no-repeat;
	background-size:18px auto;
	opacity:1;
}

.itemList {
	width:100%;
	margin-bottom:160px;

}

.itemListInner {
	padding-left:150px;
	/* margin-top:200px; */

}

.itemList ul {
	font-size:0;
}

.itemList figure {
	margin:0 ;
}

.itemList figure  img {
	width:100%;
	height:auto;
}

.itemList itemName {
	margin-bottom:15px;
}

.itemList .imgWrap {
	position:relative;
	margin-bottom:40px;
}

.itemList .color {
	font-size:1.2rem;
	text-align:center;
	display:block;
	margin-bottom:5px;
	margin-top:-20px;
}

.itemList .itemName ,
.itemList .itemSoldout,
.itemList .itemPrice {
	font-size:1.3rem;
	text-align:center;
}

.itemList .itemSoldout {
    margin-top:0%;
}

.itemList a:hover .itemName {
	text-decoration:underline;
}

.itemList .sort2items li.largePic {
	width:100%;
	margin-right:0;
	display:block;
}

.itemList .sort4items li.largePic {
	width:47%;
	margin-right:3%;
	display:inline-block;
/*	height: 575px;*/
}

.colorList {
	text-align:center;
	margin-left:0;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-top:20px;
	display:none;
}

/*.isActive .colorList {
	display:block;
}*/

.colorList li {
	display:inline-block;
	font-size:1.2rem;
	text-align:center;
	margin-bottom:5px;
	margin-right:10px;
	width:auto !important;
}

.colorList li:last-child {
	margin-right:0;
}

.colorList li i {
	display:block;
	width:30px;
}


.sort2items > li {
	width:44%;
	display:inline-block;
	vertical-align:top;
	margin-right:6%;
	margin-bottom:6%;
}

.sort4items > li {
	width:22%;
	display:inline-block;
	margin-right:3%;
	margin-bottom:3%;
	/*vertical-align:bottom;*/
	/*height: 330px;*/
}
.sort4items > li:nth-child(16n-5),
.sort4items > li:nth-child(16n-4)
 {
	margin-bottom:3%;
}

#infscr-loading {
	text-align:center;
margin:0 auto;
}

.soldoutItem {
	position: absolute;
	height: 100%!important;
}


.plpSoldOut{
	opacity: 0.2;
}

.plpSoldOutText{
	font-size: 1.2rem;
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #111;
}

.more-btn-detail {
    display: block;
    border: 1px solid #000;
    text-align: center;
    font-size: 1.6rem;
    padding: 12px 0;
}

@media only screen and (max-width: 750px) {

	/*sp header layout*/

	.pageList .siteHeader {
		height: auto;
	}

	.siteHeader .inner {
		height:50px;
		padding: 15px 15px;
	}

	.pageList .spHeaderHeight{
			height: 60px;
	}

	.siteHeader .detailItemName {
		font-size:1.4rem ;
	}

	.siteHeader .detailItemName  {
		position:relative;
		padding-left:30px;
		z-index: 10;
	}

	.siteHeader .detailItemName  i {
		position:absolute;
		left:0;
	}

	.siteHeader .unitSearchItems .inputSearchItems {
		width: 75%;
	}

	/*sp list layout*/
	.pageList .siteContent {
		padding:0;
		margin-top: 50px;
	}

	.itemListInner {
		padding-left:0;
	}

	.itemList {
		margin-bottom:40px;
		overflow-x:hidden;
		margin-right:-6%;
	}
	.toCategoryBtn {
		text-align:center;
		margin-bottom: 20%;
	}

	.toCategoryBtn a{
		width:100%;
		background:#f8f8f8;
		font-size:1.4rem;
		display:block;
		border-top:1px solid #ccc;
		padding:25px 0;
	}

	.itemList .imgWrap {
		margin-bottom:10px;
	}

    .itemList .itemName,
    .itemList .itemPrice,
    .itemList .itemSoldout {
		font-size:1rem;
		width: 90%;
	    margin: 0 auto;
	    line-height: 1.4;
	}
	
	.itemList .itemSoldout {
        margin-top:0%;
    }
	.sort4items.non_rank > li:nth-child(2n + 1) {
		margin-left: 0;
	}
	.itemList .sort2items li.largePic {
		width:100%;
		margin-right:-1%;
		margin-left:0%;
		display:block;
		height:auto;
	}
	.itemList .sort4items.non_rank li.largePic {
		width: 100%;
		margin-right: -1%;
		margin-left: 0%;
		display: block;
		height: auto;
	}
	.sort4items.non_rank > li {
		width:49%;
		display:inline-block;
		vertical-align:top;
		margin-right:0;
		margin-left:2%;
		margin-bottom:8%;
		height:auto;
	}
	.sort2items > li {
		width:49%;
		display:inline-block;
		vertical-align:top;
		margin-right:0;
		margin-left:2%;
		margin-bottom:8%;
		height:auto;
	}
	.sort2items > li:nth-child(2n + 1) {
		margin-left:0;
	}
	.bestItem .sort2items > li {
		width:49%;
		display:inline-block;
		vertical-align:top;
		margin-right:0;
		margin-left:0%;
		margin-bottom:6%;
	}
	.bestItem .sort2items > li:nth-child(2n + 1) {
		margin-left:2%;
	}
	.itemList .color {
		font-size:0.9rem;
		text-align:center;
		display:block;
		margin-bottom:2px;
		margin-top:-4px;
	}
	.reveal-modal {
		margin-top: 10%;
	}
	
	.plpSoldOut{
		opacity: 0.2;
	}
	
	.plpSoldOutText{
		font-size: 1.2rem;
	    position: absolute;
	    top: 50%;
	    bottom: 0;
	    width: 100%;
	    text-align: center;
	    color: #111;
	}
	
	.imgWrap .topRankNum{
		color: #111;
	    font-size: 1.2rem;
	    position: absolute;
	    left: 0;
	    padding: 2.5%;
	    bottom: 0;
	    background: #fff;
	    display: block;
	}
	
	
	.siteHeader .listMenuMyPage li {
	    position: relative;
	    display: inline-block;
	   margin-left: 1.3em;
	}
	
	.siteHeader .listMenuMyPage li.internet {
		margin-left: 0;
    	display: inline;
	}
	
	.more-btn {
	    width: 100%;
	    margin: 0 auto;
	}
}