ul.list{
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
ul.list li{
  margin: 0;
  padding: 10px;
  width: calc(20% - 20px);
}
ul.list li .list_image{
  width: 100%;
}
ul.list li .list_image img{
  width: 100%;
  height: auto;
}
ul.list li .list_text{
}
ul.list li .list_text h3{
  font-size: 16px;
  line-height: 150%;
  margin: 10px 0;
}
ul.list li .list_text h3 a{
  color: #5e4a2e;
}
ul.list li .list_text h3 a:link{
  color: #5e4a2e;
}
ul.list li .list_text h3 img{
  display: block!important;
}
ul.list li .list_text .list_price{
   font-size: 18px;
  line-height: 180%;
  font-weight: bold;
  color: #bf2016;
}
ul.list li .list_text .list_text{
   font-size: 15px;
  line-height: 160%;
}
@media (max-width: 749px) {
ul.list li{
   margin: 0;
  padding: 10px;
  width: calc(50% - 20px);
}
 ul.list li .list_text h3{
  font-size: 16px;
  line-height: 150%;
}
ul.list li .list_text .list_price{
   font-size: 15px;
  line-height: 180%;
  font-weight: bold;
}
ul.list li .list_text .list_text{
   font-size: 15px;
  line-height: 160%;
}
}


.page-container{
  margin: 20px 15px;
}
  .item-list{
  margin:0 0 50px 0;
}
.item-list h2{
  margin: 20px 0;
  font-size: 18px;
}
@media (max-width: 749px) {
.item-list h2{
  font-size: 16px;
}
}
/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
	padding:20px 0 20px 0;
}
.cg_freespace_02 {
	padding:10px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
.cg_freespace_01 p,
.cg_freespace_02 p {
	margin:0 0 10px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
.cg_freespace_01 ul,
.cg_freespace_02 ul {
	margin:0 0 10px 0;
	padding:0;
}