@charset "Shift-JIS";

/*-----------------------------------------------------------------------
    商品リスト
-----------------------------------------------------------------------*/

/*includeヘッダ部用*/
.itemlist_header {
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto 10px;
}

main .header_banner {
	margin-bottom: 10px;
}

main .contents {
	float:right;
	width:726px;
	margin-bottom:40px;
}
main .contents.disp_mode {
	float:none;
	width:1000px;
}
@media (max-width: 480px){
	main .contents,
	main .contents.disp_mode {
		float:none;
		width: 98%;
		margin: 0 1% 40px;
	}
}

main .contents .items ul li.goodsList{
	float: left;
	margin: 0 0 25px 0;
	padding: 0 10px 0 0;
	position: relative;
	width: 33%;
}
@media (min-width: 481px){

	main .contents.disp_mode  .item_area {
		padding: 20px 0 20px;
	}
	main .contents.disp_mode .items ul li.goodsList {
		width:24.6%;
	}
	main .contents.disp_mode .select_wrap.order {
		position:absolute;
		top:8px;
		left:770px;
		width:130px;
	}
	main .contents.disp_mode .select_wrap.number {
		position:absolute;
		top:8px;
		left:905px;
		width:90px;
	}
}
main .contents.disp_mode .item ul {
	margin-left:-10px;
}
main .contents p.empty {
	font-size: 18px;
	font-weight: bold;
	margin: 15px;
}

/* 子展示絞り込みリスト用 */
.more_search_child {
	padding: 3px 10px;
}
.more_search_child:hover {
	text-decoration: none;
}
.more_search_child:first-child {
	padding-left:0;
}
.more_search_child.current {
	color: #A37E29;
}
.more_search_block {
    width: 95%;
    margin: 5px 25px 15px;
    letter-spacing: -0.4em;
}
.more_search_block .delim,
.more_search_block .more_search_child {
	display: inline-block;
	letter-spacing: normal;
}
@media (max-width: 480px){
	.more_search_child {
		white-space: nowrap;
		padding: 2px 5px;
	}
	.more_search_block {
		width: 100%;
		margin: 0;
		padding: 0 6px 10px;
	}
}

@media (max-width: 480px){
	main {
		background:none;
		padding-top:0px;
	}
	main .contents .items ul li.goodsList {
	    margin: 0 0 25px 0;
	    position: relative;
	    width: 49.4%;
	    height: auto;
	}
	main .contents .items ul li.goodsList:nth-child(2n+1) {
		padding: 0 0 0 0.4%;
		clear:both;
		float:left;
	}
	main .contents .items ul li.goodsList:nth-child(2n) {
		padding: 0 0.4% 0 0;
		float:right;
	}

	main .contents.disp_mode .item ul {
		margin-left:0;
	}

	main .contents.disp_mode .item > ul > li {
		width:50%;
	}

}
/*===== PC・スマホ表示切替 =====*/
/*
	スマートフォンの最大表示横幅を480と定義する。
	480以内の横幅でページを表示する場合は要素「pc」を非表示にし、
	481以上の横幅でページを表示する場合は要素「sp」を非表示にする。
	主要な使用先：検索結果のページ切り替え
*/
@media (min-width: 481px){
	.sp{display:none  !important;}
}
@media (max-width: 480px){
	.pc{display:none  !important;}
}

/*===== PC・スマホ表示切替 =====*/