/* ------------------------------------ recommend_item  */

ul.recommend_item{
	margin:0px;
	padding:0px;
	list-style: none;
    display:flex;
    justify-content:flex-start;
    flex-wrap: wrap;
	width:100%;
	height:auto;
}

ul.recommend_item li {
	margin:0px 10px 15px 0px;
	padding:15px 10px 15px 10px;
	width:25%;
    height:230px;
    text-align: center;
　　　　　border: 2px solid #eeeeee;
    background: #FFFFFF;
}

ul.recommend_item li:nth-of-type(3n){
	margin:0px 0px 15px 0px;
	padding:15px 10px 15px 10px;
	width:25%;
    height:230px;
    text-align: center;
　　　　　border: 2px solid #eeeeee;
    background: #FFFFFF;
}

ul.recommend_item li:nth-last-of-type(2){
	margin:0px 10px 15px 0px;
	padding:15px 10px 15px 10px;
	width:25%;
    height:230px;
    text-align: center;
　　　　　border: 2px solid #eeeeee;
    background: #FFFFFF;
}



ul.recommend_item li img{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
   height:130px;
	width:auto;
}

ul.recommend_item li .item_title{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
    height:auto;
	line-height:1.5em;
    font-weight: bold;
    text-align: left;

}

ul.recommend_item li .item_title span{
    font-weight: normal;
}



/* ************************************************ 
 *  item_box
 * ************************************************ */
.pager{
  margin: 0px 0px 20px 0px;
}

.pager a:link {
    text-decoration:underline;
    color:#333;
}

.pager a:visited {
    text-decoration:underline;
    color:#333;
}

.pager a:hover {
    text-decoration:underline;
    color:#999;
}

.pager a:active {
    text-decoration:underline;
    color:#999;
}


.item_box {
width:30%;
margin: 0 15px 15px 0px;
padding:20px 0px 20px 0px;
text-align: center;
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;
 border: 2px solid #eeeeee;
 background: #FFFFFF;
}

.item_box .item_photo {
margin: 0px 0px 10px 0px;
}

.item_box .item_photo img {
height:150px;
width:auto;

}

.item_box .item_detail {
margin: 0px;
}

.item_box .item_detail p.item_name {
font-size: 15px;
margin: 0px;
}

.item_box .item_detail p.item_regular_price {
margin: 0px;
}

.item_box .item_detail p.item_price {
margin: 0px;
}

.item_box .item_detail p.item_discount {
margin-bottom: 0px;
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET               

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
@media only screen and (max-width: 999px){
  
  ul.recommend_item li{
	margin:0% 2% 2% 0%;
}
  
  ul.recommend_item li:nth-of-type(3n){
	margin:0% 2% 2% 0%;
}

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE                  

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width:599px) {
  
  /* ------------------------------------ recommend_item  */

ul.recommend_item li {
	width:42%;
    height:180px;
}
  
 ul.recommend_item li:nth-of-type(3n){
	width:42%;
    height:180px;
}

ul.recommend_item li:nth-last-of-type(2){
	margin:0% 2% 0% 0%;
width:42%;
    height:180px;
}

  
  
ul.recommend_item li .item_title{
	margin:1% 0px 0% 0%;
	padding:0px 0px 0px 0px;
	width:100%;
    height:auto;
	line-height:1.5em;
}

  ul.recommend_item li img{
	margin:0px auto 1% auto;
	padding:0px 0px 0px 0px;
    height:100px;
	width:auto;
}
  
  .item_box {
    width:38%;
    height:170px;
   margin: 0 2% 4% 2%;
   padding:2% 0px 2% 0px;
  }

.item_box .item_photo {
margin: 0px 0px 10px 0px;
}

.item_box .item_photo img {
height:100px;
width:auto;

}


.item_box .item_detail p.item_name {
font-size: 14px;
}
  
  
  
}