/*LIST*/
table#data_area	{width:770px; padding:0; margin:10px 0 10px 10px; border-bottom: dotted 1px #cccccc;}
#data_area .listimg{vertical-align:top; border-top: dotted 1px #cccccc; max-width:205px;}
#data_area .listimg img{margin:10px; padding:0;}

table#data_area th {width:600px; vertical-align:top; padding:10px 0 0 0; background-color:#FFF; border-top: dotted 1px #cccccc; font-weight:normal; margin:0;}

#data_area tr.listform td{background-color:#ECECEC; border-bottom:#FFF 10px solid; }
#data_area tr.soldout td{background-color:#CCC; border-bottom:#FFF 10px solid;}
.listform span{padding-left:15px;}
.listform span.discount{padding-left:5px; color:#f00; font-size:90%;}
#data_area h3,
#data_area p{margin:5px 0; border:none; min-height:3em; }

#data_area td.pri{width:260px;}
#data_area td.num{width:110px;}
#data_area td.cin{width:145px;}

table#data_area td {
background-color:#FFF;
text-align:left;
}

#data_area .icons img{max-width:50px; margin:5px 5px 0 0;}
#data_area .noimage{max-width:175px;}

.productdetail_button{margin: 0;}


.in_text {width:30px; border:#ccc 1px solid; margin:0; /margin: 10px 0 0; padding:5px; /padding:3px 3px 2px;}


/*
.cart_button {margin:0; float:right;}
*/



/*SORT*/
.navi_sort{margin:1px 0 0 10px; padding:5px 8px; background-color:#ececec; line-height:1.5em; text-align:center;}
#main .navi_sort a{color:#75552e;}



.navi_sort table{margin:0; padding;0; width:750px;}

.navi_sort th{text-align:center;}

.navi_sort th,
.navi_sort td{background-color:#ececec;}

.navi_sort td{eidth:100px;}

.arrow_back{
background: url("https://img08.shop-pro.jp/PA01206/887/etc/arrow_03.png") 0 50% no-repeat;
padding-left: 15px;
display: block;
float:leftl;
}

.arrow_next{
background: url("https://img08.shop-pro.jp/PA01206/887/etc/arrow_01.png") 100% 50% no-repeat;
padding-right: 15px;
display: block;
float:right;}


/*りんごの一覧の上*/
#main .apple-top{
	background: #f3f3f3;
	padding: 8px;
}
#main .apple-top ul{
	margin:0 0 0 10px;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
}
#main .apple-top ul li{
	width: calc((100% - 40px) /4);
	margin-right: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 13px;
}
#main .apple-top ul li img{
	max-width:100%;
	margin:0;
}
/*スマホ用*/
@media screen and (max-width: 480px){
.navi_sort table{width:unset; min-width:unset;}
.navi_sort th,
.navi_sort td{width:unset; padding:0; font-size:75%;}
.navi_sort{font-size:75%; padding:0; margin:0;}

table#data_area{width:unset; margin:0; min-width:unset;}
#subcategory_area{font-size:75%;}

#data_area .listimg{width:100px;}
#data_area .listimg img{width:90px;margin:5px;}


table#data_area tr{display:flex; flex-wrap:wrap;align-items: flex-start;}
table#data_area tr.listform{background:#ececec; padding:0 10px; margin:0 0 10px 0;}
#data_area tr.listform td{border-bottom:none; text-align:right;}

table#data_area th,
table#data_area td{display:block; padding:5px 0;}

table#data_area th{width:unset; flex:1;}
#data_area h3{font-size:100%;}
#data_area p{font-size:75%;}
#data_area td.pri{width:100%; text-align:center;}
#data_area td.num{width:50%;}
#data_area td.cin{width:50%;}

#main .apple-top ul li{
	font-size:13px;
	width:calc((100% - 20px) /2);
	margin:0 5px 5px;
}

}