@charset "euc-jp";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Alice);
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
a { text-decoration: none; }
*{box-sizing:border-box;}

.clearfix::after{content:"";display:block;height:0;visibility:hidden;clear:both;}



*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans Japanese";}

img{vertical-align:bottom;}
ul,ol{list-style:none;}
iframe{display:block;}
a{color:#745028;text-decoration:none;transition:0.2s;outline:none;}
a:hover{opacity:0.6;}

form input{border:none;vertical-align:bottom;}

.clearfix::after{display:block;content:"";height:0;visibility:hidden;clear:both;}



/*----------
PC用
----------*/

/*base*/
body {
	margin: 0;
	padding: 0;
}

h1 {
	display: none;
}
h2{
	font-size: 16px;
	color: #745028;
	margin-top:25px;
}

div#allWrapp{width:100%;max-width:800px;margin:0 auto;padding:5px;}

ul#itemList{display:flex;flex-wrap:wrap;position: relative; }
ul#itemList li{flex-basis:20%;flex-basis:calc(20% - 5px);margin-right:5px;margin-bottom:5px;}
ul#itemList li:nth-child(5n){margin-right:0;}

dl{padding:10px;transition:0.2s;cursor:pointer;border-radius: 10px;max-height: 225px;overflow:hidden;}
dl:hover{background:#f4efd8;}
dl dt{font-size:0.8em;padding:2px 5px 0;color:#745028;font-size: 12px; line-height: 1;}
dl dd{line-height:150%;font-size:0.8em;font-weight:500;letter-spacing:1px;margin:5px 0;position: relative; }
dl dd a{}
dl dd a:hover{color:#f08300;opacity:1.0;}
dl dd img{width:100%;border:solid 1px #fff;transition:0.2s;}



#itemList li p.new {
  position: absolute;
  top: 1px;
  left: 1px;
  margin: 0; 
  color: white;
  background: #f08300;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  }

#itemList li p.add {
  position: absolute;
  top: 1px;
  left: 1px;
  margin: 0; 
  color: white;
  background: #2E1B1E;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  }

#itemList li p.restock {
  position: absolute;
  top: 1px;
  left: 1px;
  margin: 0; 
  color: #FFF;
  background: #2cb4ad;
  font-size: 12px;
  line-height: 1;
  padding: 5px 10px;
  }
  
/*header*/
nav{
	margin: 50px auto;
	max-width: 800px;
}

nav ul{
	margin: 5px 0;
	border-width: 1px 0;
}
nav li{float:left;display:inline-block;}
nav li > a{
	display: block;
	border-radius: 5px;
	background: #f08300;
	padding: 5px 10px;
	margin: 5px;
	color: #fff;
}
nav li > a:hover{
	background: #fff3b8;
	color: #ea5532;
}
/*header*/


@media screen and ( max-width:720px ){
	
dl{padding:0px;border-radius: 0px;}
 ul#itemList li{flex-basis:33.999%;flex-basis:calc(33.999% - 10px);margin-right:10px;margin-bottom:0px;}
 ul#itemList li:nth-child(5n){margin-right:10px;}
 ul#itemList li:nth-child(3n){margin-right:0;}

	
#itemList li p {
  font-size: 10px;
  padding: 0;
  }
	
  #itemList li p.date {
  display: none;
  }
#itemList li p.new{
  top: 16px;
  font-size: 10px;
  padding: 5px 5px;
  }
#itemList li p.add {
  top: 16px;
  font-size: 10px;
  padding: 5px 5px;
  }
	

#itemList li p.new {
  top: 6px;/*画像の左上に配置*/
  left: 1px;
  font-size: 10px;
  }

#itemList li p.add {
  top: 6px;/*画像の左上に配置*/
  left: 1px;
  font-size: 10px;
  }

#itemList li p.restock {
  top: 6px;/*画像の左上に配置*/
  left: 1px;
  font-size: 10px;
  }
  
dl dd+dd{display: none;}

 .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　先月の新商品";
  }

  .pager .pagination li.next span::before{
    content: "来月の新商品　";
  }


}