.sort {
margin: 0px 0;
padding:3px 10px;
background: #ad9886;
color: #ffffff;
font-size:12px;
}

.pages {
font-size:14px;
text-align: right;
}
img.listimage {
padding:0px;
background: white;
border: 0px solid #b25b80;
}

#shohinlist table {
width: 800px;
margin-bottom: 20px;
border-bottom:1px solid #62391b;
}
#shohinlist table th {
width: 130px;
padding-bottom: 8px;
padding-right: 10px;
}
#shohinlist table td {
width: 550px;
padding-bottom: 8px;
vertical-align: top;
}
#shohinlist table td h3 {
font-size: 14px;
font-weight: bold;
padding:0;
margin:0;
margin-bottom: 4px;
}
#shohinlist table td span.price {
margin-bottom: 0px;
font-size:10px;
width: 120px;
}
#shohinlist table td p {
width: 550px;
margin-left:0px;
margin-top: 5px;
padding:10px 0;
border-top:1px dashed #794621;
}

/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01 {
  　padding:0;
	margin:20px 0 0 0;
}
.cg_freespace_02 {
	padding:0;
	margin:20px 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 20px;
	padding:0;
}

.subcategory {
    text-align:center;
    	background:#f5f5f5;/*背景をグレーに指定*/
	border:dotted #ccc 1px;/*枠点線の指定*/
	padding:10px;
} 

#subcategory {
  display:inline-block;
  margin:7px 15px;
}
@media screen and (max-width:767px) { 
.cg_freespace_01 #menu{
width:100%;
 margin: 1em;}
}
@media screen and (max-width:600px) { 
.cg_freespace_01 #menu{
  display: grid;
    grid-template-columns: 1fr 1fr;
}
  .cg_freespace_01 #menu img{
width:35%;}
}
@media screen and (min-width:768px) { 
.sp_box div{
  float:left; width:130px;margin-left:30px;margin-right:30px;
}
}
@media screen and (max-width:767px) { 
  .sp_box{
     display: grid;
    grid-template-columns: 1fr 1fr;
    width:100%;
        text-align: center;
}
}