@charset "shift_jis";

/*
*  custom/itemlist.css
* 
*	 0.Common
*	 1.Item list
*	 99.clearfix
*/

/*-------------------------------------------------
  0.Common
---------------------------------------------------*/
.itemList > li:after,
.itemList a,
.itemDetails > dt,
.itemDetails > dd,
.detailIcon li,
.priceList dt { display: block; }
.itemDetails > dt,
.detailIcon li,
.priceList dt { float: left; }
.itemDetails > dd { float: right; }
.itemList > li,
.itemDetails h2,
.priceList dt,
.note { clear: both; }

/*-------------------------------------------------
  1.Item list
---------------------------------------------------*/
/* 1-1.Result number
-------------------------------------------------- */
#resultsNumber {
	margin: 8px 10px;
	color: #999;
}
/* 1-2.Item list
-------------------------------------------------- */
.itemList {
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
}
.itemList > li {
	background: url(../../img/base/list-icon.png) no-repeat 97% 50%;
	background-size: 11px 17px;
}
.itemList a {
	padding: 15px 26px 15px 10px;
	border-bottom: 1px solid #999;
}
.itemDetails > dt { width: 28.1%; text-align: center; }
.itemDetails > dd { width: 70.4%; }

/* 1-3.Detail icon
-------------------------------------------------- */
.detailIcon li {
	margin-right: 8px;
	padding: 2px 5px;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
}
.powderIcon { background: #768426; }
.grainIcon { background: #4D5618; }
.granuleIcon { background: #755526; }
.liquidIcon { background: #573E1C; }
.postFreeIcon { background: #D94222; }

/* 1-4.title, description
-------------------------------------------------- */
.itemDetails h2 {
	margin: 8px 0 5px;
	color: #577E27;
	font-size: 15px;
}
.quantity { font-size: 12px; }
.itemDetails h2,
.quantity { line-height: 1.2; }
.itemDescription {
	color: #333;
	font-size: 13px;
}
/* 1-5.Price
-------------------------------------------------- */
.priceList {
	margin-top: 10px;
	letter-spacing: 0;
}
.priceList dt {
	width: 54px;
	padding: 3px 2px;
	border-radius: 2px;
	font-size: 11px;
	text-align: center;
}
.priceList dd { margin-left: 64px; }
.discountTitle, .teikiComment {
	background: #E4680C;
	color: #FFF;
}
.usualTitle {
	background: #E2E2DC;
	color: #000;
}
.priceList { margin-top: 5px; }
.priceList dd {
	line-height: 1.2;
	font-size: 11px;
}
.priceList strong { font-size: 16px; }
.priceList b {
	margin: 0 0.1em;
	font-size: 12px;
}
.usualPrice { color: #394C18; font-size: 14px; }
.teikiComment {
	margin: 8px 15px 8px 0;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 90%;
}

/* 1-6.Note
-------------------------------------------------- */
.note, .note2 {
	clear: both;
	margin-top: 6px;
	font-size: 11px;
}
.note { color: #000; }
.note2 { color: #999; }
.discountPrice,
.note2 span { color: #D83F1F; }

/*-------------------------------------------------
  99-clearfix
---------------------------------------------------*/
.itemList:after,
.itemList > li:after,
.itemList a:after,
.detailIcon:after,
.priceList:after {
	content: "";
	display: block;
	clear: both;
}