/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */

 .category_ttl {
  font-size: 20px;
    font-weight: bold;
    margin: 20px auto 15px;
}
  
/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品一覧）
 * ------------------------------------- */
.sort_01 {
	width:726px;
	height:28px;
	margin-bottom:1px;
	}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px;
	margin:auto;
	text-decoration:line-through;
	color:#999999;
	}

.price_all {
	padding:0px;
	margin:auto;
	font-size:14px;
	color:#ff0000;
	text-align: left;
	}

.discount_rate_all {
	padding:0px;
	margin:0px;
	color:#999999;
	}

.price {
 margin-left: 13px;
}

* html .price {
 margin-left: 13px;
 margin-top: -10px;
}

.subtext {
    overflow: hidden;
    font-size: 11px;
    margin: 10px 0;
}
.subtext .attention {
    color: #FF0000;
    float: left;
}
.subtext .allnumber {
    float: right;
}

/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品検索結果）
 * ------------------------------------- */
.sort_02 {
	width:726px;
	height:28px;
	color:#333333;
	margin-bottom:1px;
	}

/* 会員専用価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px;
	margin:0px;
	text-decoration:line-through;
	color:#999999;
	}

.price_search {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#ff0000;
	}

.discount_rate_search {
	padding:0px;
	margin:0px;
	color:#333333;
	}

.list_line {
 width: auto;
 height: 15px;
 background: url(https://img05.shop-pro.jp/PA01105/437/etc/img_list_line.gif) repeat-x left top;
 }


/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.product_list {
 width: 157px;
 height: auto;
 float: left;
 margin: 10px;


  
 }

* html .product_list {
 width: 145px;
 height: auto;
 float: left;
 margin: 10px 0 0 0;
 }

.product_list img {
 margin: 10px;
}

.expl {
 font-size: 11px;
 margin-top: 5px;
 margin-left: 10px;
}

* html .expl {
 font-size: 11px;
 margin-top: -10px;
 margin-left: 7px;
 margin-bottom: 20px;
 width: 145px;
}

.product_list_img {
 width: 165px;
height: 170px;
 text-align: center;
 margin:auto 5px 10px 7px;
 padding-right: 5px;
 background: url(https://img05.shop-pro.jp/PA01105/437/etc/naka2.jpg) repeat;
}

* html .product_list_img {
 width: 150px;
 height: 170px;
 text-align: center;
 background: url(https://img05.shop-pro.jp/PA01105/437/etc/naka2.jpg) repeat;
 margin: 0 0 10px 0;
}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	padding-top:20px;
	text-align:center;
}

/* ------------------------------------- 
 *	H1タグに商品数を追加
 * ------------------------------------- */
.pageno {
  font-size:75%;
}
/* ------------------------------------- 
 *	お気に入りボタン
 * ------------------------------------- */

.products-list__item__fav {
    margin: 0;
    text-align: right;

}

.products-list__item__fav button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer
}

.products-list__item__fav button:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201792%201792%22%20style%3D%22enable-background%3Anew%200%200%201792%201792%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFA9A9%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M896%2C1664c-17.3%2C0-32-6-44-18l-624-602c-6.7-5.3-15.8-14-27.5-26s-30.2-33.8-55.5-65.5S97%2C888.3%2C77%2C855%20s-37.8-73.7-53.5-121S0%2C640.7%2C0%2C596c0-146.7%2C42.3-261.3%2C127-344s201.7-124%2C351-124c41.3%2C0%2C83.5%2C7.2%2C126.5%2C21.5s83%2C33.7%2C120%2C58%20s68.8%2C47.2%2C95.5%2C68.5s52%2C44%2C76%2C68c24-24%2C49.3-46.7%2C76-68s58.5-44.2%2C95.5-68.5s77-43.7%2C120-58S1272.7%2C128%2C1314%2C128%20c149.3%2C0%2C266.3%2C41.3%2C351%2C124s127%2C197.3%2C127%2C344c0%2C147.3-76.3%2C297.3-229%2C450l-623%2C600C928%2C1658%2C913.3%2C1664%2C896%2C1664z%22%2F%3E%3C%2Fsvg%3E");
    content: ""
}

.products-list__item__fav button.fav-items:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792' fill='%23FF4C4C'%3E%3Cpath d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'/%3E%3C/svg%3E")
}

.fav-text{
font-size: 11px;
    vertical-align: top;}

.product-list-wrap{
display: flex;
    flex-flow: wrap;
}
.product_list {
    width: 157px;
    height: auto;
  
    margin: 10px;
    display: flex;

  flex-flow: column;}
.product_item {
    flex-grow: 1;
    margin-bottom: 10px;
}



.list_bg {
	padding: 20px 20px 15px;
	background: #FFF9D1;
}

.subcate {
	padding: 0 0 15px;
	display: flex;
	flex-wrap: wrap;
}
.subcate a {
	margin: 0 1% 1% 0;
	padding: 12px 3px 10px;
	width: calc(98% / 3);
	font-size: 15px;
	display: block;
	border: #FF5152 1px dotted;
	background: #FFF;
	color: #FF5152;
	border-radius: 7px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
}
.subcate a:hover {
	color: #FFF;
	background: #FF5152;

}
.subcate a:nth-of-type(3n) {
	margin-right: 0;
}


/* 並び替えボタン */
.sort {
	display: flex;
	align-items: center;
	justify-content: space-around;	
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0.1em;
}
.sort__item {
	width: 24%;
	text-align: center;
}

.sort__item a,
.sort__item span {
	padding: 8px 0 3px;
	display: block;
	color: #FFF;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.20) inset;
	position: relative;
}
.sort__item a:hover {
	opacity: .8;
	text-decoration: none;
}
.sort__item a::before,
.sort__item span::before {
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border: 4px solid transparent;
	border-left: 6px solid #FBFF30;
	position: absolute;
	right: 5px;
	top: calc(50% - 3px);
}
.sort__item span::before {
	transform: rotate(90deg);
	top: 50%;
}

.sort__ttl span {
	padding: 7px 0 4px;
	background: #4B2702;
	border: 2px solid #4B2702;
	font-size: 14px;
}
.sort__ttl span::before {
	content: '→';
	width: 13px;
	height: 13px;
	padding-left: 1px;
	background: #FFF;
	color: #4B2702;
	border-radius: 100%;
	display: inline-block;
	border: none;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: calc(50% - 7px);
	transform: none;
	display: flex;
	box-sizing: border-box;
}

.sort__osusume a {
	background: linear-gradient(#fff 0%, #f6af5f 50.2%, #f7952f 50.63%, #e67216 100%);
	border: 2px solid #ce6213;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.sort__osusume span {
	background: #f57b15;
	border: 2px solid #f57b15;
}

.sort__price a {
	background: linear-gradient(#fff 0%, #f79d9d 48.12%, #f77d7f 49.38%, #f45a60 100%);
	border: 2px solid #f65e63;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.sort__price span {
	background: #f5676c;
	border: 2px solid #f5676c;
}

.sort__new a {
	background: linear-gradient(#fff 0%, #64acd1 48.95%, #3f93c5 49.38%, #2e77ac 100%);
	border: 2px solid #2d759c;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
}
.sort__new span {
	background: #398cc1;
	border: 2px solid #398cc1;
}