@charset "utf-8";
/*--------------------------------------------
  goodsList.css
  商品一覧画面用CSS
--------------------------------------------*/

/*---------------------------------------------
	goodsList 商品一覧(全体)
  ---------------------------------------------*/
.goodsList .matrix-header,
.goodsList .matrix-footer {
	font-size: 0.9em;
	margin: 10px auto;
}
/* celarfix - matrix-header */
.goodsList .matrix-header:before,
.goodsList .matrix-header:after,
.goodsList .matrix-footer:before,
.goodsList .matrix-footer:after {
    content:"";
    display:table;
}
.goodsList .matrix-header:after,
.goodsList .matrix-footer:after {
    clear:both;
}
.goodsList .matrix-header {
    zoom:1;
}
.goodsList .resultsPagingResultsShow {
	float: right;
	margin: 2px 0;
}
.goodsList .resultsPagingResultsShow span{
	padding: 0 4px;
}
.goodsList .resultsShowMaxLine{
	float: left;
}
.goodsList .resultsShowMaxLine a {
	font-size: 100%;
}


@media screen and (max-width: 641px){
	/* SP表示しない場合 */
	#goodsListArea .priceSearch,
	#goodsListArea .sortSetArea #displayTypeGroup #displayTypeLabel_labelId{
		display:none;
	}

	/* SP表示する場合 */
	#goodsListArea .sortSetArea,
	#goodsListArea .priceSearch {
		background-color:#fff;
		padding:0 10px;
	}
	#goodsListArea .sortSetArea a,
	#goodsListArea .priceSearch a {
		padding: 5px 6px;
		display: block;
	}

	div.imageResultsShowMaxLine {
		display: none;
	}

	fieldset#priceSearchGroupField legend {
		display: block;
		padding: 3px 5px;
		margin-bottom: 8px;
	}
}

/*---------------------------------------------
	goodsSort 商品一覧(ソート)
  ---------------------------------------------*/
.goodsSort.sortArea {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 90%;
}
.goodsSort.sortArea .sortAreaLeft,
.goodsSort.sortArea .sortAreaRight {
	float:left;
}
.goodsSort.sortArea .sortAreaLeft {
	width:60%;
}
.goodsSort.sortArea .sortAreaRight {
	border-left:1px dotted #dcdcdc;
	padding-left:5px;
	width:40%;
}
.goodsSort.sortArea .sortAreaLeft .sortTypeLabel_itemLabel,
.goodsSort.sortArea .sortAreaLeft a,
.goodsSort.sortArea .sortAreaRight .displayTypeLabel_itemLabel,
.goodsSort.sortArea .sortAreaRight a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.goodsSort.sortArea .sortAreaLeft .sortTypeLabel_itemLabel,
.goodsSort.sortArea .sortAreaRight .displayTypeLabel_itemLabel {
	width:auto;
	font-weight:bold;
	margin:0 5px 0 0;
	padding: 4px 0;
}
.goodsSort.sortArea a.btn_0 {
	border-radius:0;
	padding:2px 5px;
	background-color: #dcdcdc;
	border: 1px solid transparent;
	color: #787d82;
}
.goodsSort.sortArea #sortGroup a.check,
.goodsSort.sortArea #displayTypeGroup a.check {
	background-color:#f09bb4;
	color:#fff;
}
.goodsSort.sortArea a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.goodsSort {
	margin: 0 auto 15px 0;
	padding: 0;
	border: 1px solid #dcdcdc;
	width: 100%;
	background: #f3f3f3;
}

.goodsSort .sortGroup {
	padding: 10px;
	width: 70%;
/*	border-right: 1px dotted #dcdcdc;*/
}

.goodsSort .displayTypeGroup {
	padding: 10px;
	width: 30%;
}

.goodsSort > * {
	display: table-cell;
}
.goodsSort .sortTypeLabel_itemLabel,
.goodsSort .displayTypeLabel_itemLabel {
	font-weight: bold;
}
.goodsSort a[class*="btn_"] {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	padding-bottom: 3px;
}
.goodsSort a[class*="btn_"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* ソートエリア */
#sortGroup a,
#displayTypeGroup a {
	padding: 3px;
	margin-right: 5px;
}
#sortGroup a + a,
#displayTypeGroup a + a {
	border-left:1px solid #575746;
}
#sortGroup .itemWrap,
#displayTypeGroup .itemWrap {
	display: inline-block;
}
@media screen and (max-width: 641px) {
	.goodsSort.sortArea {
		font-size: 85%;
	}

	.goodsSort.sortArea .sortAreaRight {
		border-left:none;
		padding-left:0;
	}
	#sortGroup,
	#displayTypeGroup {
		display:block;
		float:none;
		margin:0;
		padding:0;
		clear: both;
		width:100%;
		border:0;
	}
	#sortGroup a {
		display: table-cell;
		text-align: center;
		text-decoration:none;
		margin:0 5px 10px 0;
		padding: 7px 4px;
		float: left;
	}
	#displayTypeGroup a {
		display: table-cell;
		text-align: center;
		text-decoration:none;
		margin:0 5px 3px 0;
		padding: 5px 7px;
		float: left;
	}
	#sortGroup a + a,
	#displayTypeGroup a + a {
		border-left:none;
	}
	#sortGroup:after,
	#displayTypeGroup:after {
		content:" ";
	}
	#sortGroup label,
	#displayTypeGroup label {
		display: block;
		padding: 8px 5px;
		clear: both;
	}
	#sortTypeLabelItemWrap,
	#displayTypeLabelItemWrap{
		vertical-align: top;
	}
}

/*---------------------------------------------
	goodsItem 商品一覧(商品行)
  ---------------------------------------------*/
.goodsList .goodsItem {
	width: 24.2%;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	float: none;
	padding-right: 1.2%;
	padding-bottom: 10px;
	font-size: 0.9em;
}
.goodsList .goodsItem .goodsName {
	display: block;
}
.goodsList .goodsItem .addCount {
	width: auto;
	padding: 4px;
}
.goodsList .goodsItem .add_subbtn.plusButton,
.goodsList .goodsItem .add_subbtn.minusButton {
	width: 20px;
	padding: 2px;
}
.goodsList .goodsItem .addCart {
	display: block;
	background-color: #EC8125;
	color: #fff;
	padding: 3px 0;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	margin: 5px auto;
}
.goodsList .goodsItem .addFavoriteLink {
	display: block;
	background-color: #009B3A;
	color: #fff;
	padding: 3px 0;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
}
.goodsList .goodsItem .goodsInfo {
	padding: 5px 0 0 5px;
}

/* 写真のみ */
.goodsList .goodsItem.img {

}
.goodsList .goodsItem.img .goodsInfo .imgWrap{
	display: inline-block;
	width: auto;
	padding: 0 2px 2px 0;
}
.goodsList .goodsItem.img .goodsInfo .imgWrap img{
	width: 54px;
}

/* 説明付 */
.goodsList .goodsItem.desc {
	width:100%;
	display:block;
}
.goodsList .goodsItem.desc .goodsInfo .imgWrap{
	display: inline-block;
	width: auto;
	padding: 0 2px 2px 0;
}
.goodsList .goodsItem.desc .goodsInfo .imgWrap img{
	width: 80px;
}
.goodsList .goodsItem.desc .goodsImg {
	float: left;
	width: 130px;
}
.goodsList .goodsItem.desc .goodsInfo {
	float: left;
	width: 400px;
	text-align: left;
}
.goodsList .goodsItem .goodsInfo .itemWrap .items{
	display: inline-block;
}
.goodsList .goodsItem.desc .userOperateArea {
	float: left;
	text-align: center;
	width: 180px;
}

@media screen and (max-width: 641px) {
	.goodsList .goodsItem.img,
	.goodsList .goodsItem.desc {
		width: 49%;
		display: inline-block;
		vertical-align: top;
		float: none;
		text-align: center;
		padding-bottom: 10px;
	}

	.goodsList .goodsItem.desc .goodsImg {
		float: none;
		width: 100%;
		text-align: center;
	}
	.goodsList .goodsItem.desc .goodsInfo {
		float: none;
		width: 100%;
		text-align: center;
	}
	.goodsList .goodsItem.desc .goodsInfo .imgWrap{
		float: left;
	}
	.goodsList .goodsItem .add_subbtn.plusButton,
	.goodsList .goodsItem .add_subbtn.minusButton {
		display: none;
	}
	.goodsList .goodsItem.img .userOperateArea,
	.goodsList .goodsItem.desc .userOperateArea {
		float: none;
		margin: 0 auto;
		width: 90%;
	}
}

/* カートに入れる */
a.addCart,
a.imgAddCart{
	display:block;
	width:154px;
	overflow:hidden;
	margin:3px auto 0 auto;
	background-color: #EC8125;
	color:#fff;
	padding: 3px 0;
	border-radius: 6px;
	text-decoration:none;
}
a.addCart:hover,
a.imgAddCart:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration: none;
}

@media screen and max-width: 641px {
	a.addCart,
	a.imgAddCart {
		width: 100%;
	}
}

/* お気に入りに追加/削除 */
a.addFavoriteLink,
a.removeFavoriteLink,
a.imgAddFavoriteLink{
	display:block;
	width:154px;
	overflow:hidden;
	margin:3px auto 0 auto;
	background-color: #009B3A;
	color:#fff;
	padding: 3px 0;
	border-radius: 6px;
	text-decoration:none;
}
a.addFavoriteLink:hover,
a.removeFavoriteLink:hover,
a.imgAddFavoriteLink:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration: none;
}

@media screen and max-width: 641px {
	a.addFavoriteLink,
	a.removeFavoriteLink,
	a.imgAddFavoriteLink {
		width: 100%;
	}
}

/* 価格 */
span.imgPrice,span.price,span.imgDiscountedPrice,span.discountedPrice,
.discountRate_itemLabel, .discountRate, .discountRateSuffixLabel,
.imgDiscountRate_itemLabel, .imgDiscountRate, .imgDiscountRateSuffixLabel {
	color: #e65096;
}

div.discounted span.imgPrice,div.discounted span.price {
	text-decoration: line-through;
	color: #575746;
}

/* 数量 */
.contents .addCount,
.contents .imgAddCount {
	width: auto !important;
	padding: 4px;
}

.contents input.imgPlusButton,
.contents input.imgMinusButton,
.contents input.plusButton,
.contents input.minusButton{
	width: 20px;
	margin: 0;
	padding:2px;
	border:1px solid #888;
	cursor:pointer;
}

@media screen and max-width: 641px {
	.contents input.imgPlusButton,
	.contents input.imgMinusButton,
	.contents input.plusButton,
	.contents input.minusButton {
		display: none;
	}
}