div.noitem{
margin-left:auto;
margin-right:auto;
  margin-top:100px;
  font-size:1.5em;
  color:#666;
  text-align:center;
width:80%;
height:50vh;}

/*商品一覧上部のバナー設定*/
.category_freespace{width:100%;text-align:center;
  max-width:1180px;margin-right:auto;margin-left:auto;}
.category_freespace img{width:90%;}


/*カテゴリ―小一覧*/
.sub_category_area{
	display:flex;
	flex-direction:    row;
	flex-wrap:         wrap;
	justify-content:  flex-start;
  margin: 0;
  padding: 0 20px;
  width: 100%;
  max-width:1180px;
  margin-right:auto;margin-left:auto;
  box-sizing:border-box;
  border: none;
}

.sub_category_area div.sub_category {
  margin: 0;
  padding:10px;
  box-sizing:border-box;
  text-align:center;
  font-size:1em;
  color:#444;
  border:none 1px #ccc;
  width:33%;
}
.sub_category_area div.sub_category a:hover{
text-decoration:none;
  opacity:0.8;
  color:#003366;
}

.sub_category_area div.sub_category img{
  margin-bottom:1em;padding:0;
  width:100%;height:auto;
  border: none;
}
.s{font-size:0.9em;color:#555;} /*カテゴリ―一覧のコメント部分*/
.s::before {
			content: "\A" ;
			white-space: pre ;
		}

@media only screen and (max-width: 768px) {
  .sub_category_area div.sub_category {width:49%;}
  .category_freespace img{width:100%;}
}
@media only screen and (max-width: 480px) {
  .sub_category_area{padding:0;}
  .sub_category_area div.sub_category {width:49%;padding:5px;}
  .sub_category_area div.sub_category img{
    margin-bottom:0;}
}