/*▼▼▼▼▼　カラーミー「３．商品一覧」　▼▼▼▼▼*/

/*--- エリア設定 ---*/
#main{}
#list{ text-align:left;}



/*--- 見出し ---*/
#list #h2-01{ color:#431d03; font-weight:bold; font-size:20px; text-indent:0px; background:url(https://xs839850.xsrv.jp/common/line-foot-w720.png) bottom left no-repeat; width:720px; padding:10px 0px 20px 0px;}


/*--- 下層表示（カテゴリ・グループ） ---*/
#list .flame{ border-bottom:solid 1px #d2d2b5; padding:20px 0px; margin-bottom:10px;}
#list ul.sub-list{ margin:10px 0px 30px 0px; width:100%;}
#list ul.sub-list li{ background:url(https://xs839850.xsrv.jp/common/icon-01.png) 0px 6px no-repeat; padding-left:16px; margin-right:40px; float:left;}


/*--- フリースペース設定 ---*/
#list .freespace_top{ clear:both; margin:0px 0px 20px 0px; padding:20px 0px; border-bottom:solid 1px #d2d2b5;}
#list .freespace_bottom{ clear:both; margin:0px 0px 20px 0px; padding:20px 0px; border-bottom:solid 1px #d2d2b5;}


/*--- 検索結果とソート ---*/
#list .sort__section{ margin:0px 0px 10px 0px; padding:10px 0px 10px 510px; }


/*--- 商品表示 ---*/
#list .product-list{ text-align:left;}
#list .product-list li{ display:block; width:300px; margin-right:30px; padding-bottom:30px; overflow:hidden; float:left;}
#list .product-list img{ width:300px; height:300px; margin-bottom:20px; box-sizing:border-box; /*border:solid 8px #FFF;*/ }
#list .product-list .product-list__name{ padding:20px 0px;  }
#list .product-list .product-list__expl{ font-size:14px; line-height:125%; padding:10px 0px;}
#list .product-list .product-list__prices{ font-size:14px; text-align:right; height:80px; overflow:hidden;}
#list .product-list .product-list__price-regular{ color:#004406;}
#list .product-list .product-list__price{ font-weight:bold; font-size:18px;}
#list .product-list .product-list__discount-rate{ color:#8e0000;}
#list .product-list .product-list__price-soldout{ color:#8e0000;}


#list .pagenation{ clear:both; margin:20px 0px; padding:10px 0px; font-size:14px; border-top:solid 1px #d2d2b5; border-bottom:solid 1px #d2d2b5;}
#list .pagenation .pagenation-prev{ float:left; width:150px;}
#list .pagenation .pagenation-next{ float:right; width:150px; text-align:right;}
#list .pagenation .pagenation-pos{ text-align:center;}
#list .pagenation .disabled{ color:#aaaaaa;}



/*---　おすすめ商品　---*/
#list #h2-recommend{ background:url(https://xs839850.xsrv.jp/common/h2-recommend.png) no-repeat; width:720px; height:32px; text-indent:-9999px; margin-bottom:40px;}
#list .recommend-area { margin:20px 0px;}
#list .recommend-area .recommend-item{ display:block; float:left; margin-right:12px; width:225px; height:280px; overflow:hidden;}
#list .recommend-area .recommend-item a{ display:block; width:225px; height:225px; box-sizing:border-box; border:solid 1px #e8e8d4;}
#list .recommend-area .recommend-item img{ width:223px; height:223px; box-sizing:border-box; border:solid 5px #FFF; margin-bottom:8px; }
#list .recommend-area .recommend-name{ margin:10px 0px; padding:0px; line-height:100%; text-align:left;}
#list .recommend-area .recommend-name a{ text-indent:0px; color:#3d801c; }