@charset "utf-8";
/* CSS Document */

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

	基本
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
* {
margin : 0;
padding : 0;
/*box-sizing: border-box;*/
}


body{
font: 1.0rem/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
margin:0;
color:#313131;
}

img{
outline:none;
border-style:none;

vertical-align: bottom;
}
ul,ol{
list-style-type: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
}
br.clear {
clear: both;
}



a:link	{color:#003399; text-decoration: none;}
a:visited {color:#003399; text-decoration: none;}
a:hover   {color:#D03169; text-decoration: none;}


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

	CONTENTS

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

.ossmeBox {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
}

.ossmetitle {
	width: 100%;
	padding: 7px 0;
	margin: 0 auto 8px auto;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
}

/* -----------------------------------------------

	タブ

-------------------------------------------------- */

.tabbox {
	width: 98%;
	margin: 0 auto 20px auto;
	overflow:hidden;
}

.tab {
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
}

.tab li {
	width: 32.3%;
	margin: 0.5%;
	padding: 8px 0;	
	float:left;
	text-align: center;
	font-size: 16px;
	background:#FFD5A6;
	cursor: pointer;
}
.tab li.select {
	color: #FFFFFF;
	background:#E53E47;
}




.itembox {
	width:  98%;
	clear: both;
	margin: 0 auto;
}
	
.hide {
	display:none;
}

.itemlist {
	width: 100%;
	margin: 0;
}


.itemlist p.more {
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;
	border: 1px solid #E53E47;
	text-align: center;
}
.itemlist p.more a {
	color: #E53E47;
}



/* -----------------------------------------------

	商品リスト

-------------------------------------------------- */

ul.susumeList{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
}
ul.susumeList li {
/*float: left;
display: block;*/
/*display: inline-block;*/ /* インラインブロック化 */
/*vertical-align: top;*/   /* 上端を揃える */
width: 19.5%; /*176*/
margin: 0 0.6% 20px 0;
  
box-sizing: border-box;
}
ul.susumeList li:nth-of-type(5n) {
margin:  0 0 20px 0;
}
 
ul.susumeList li p {
margin: 5px 0 0 0;
font-size: 14px;
line-height: 130%;
}

ul.susumeList li img {
width: 100%;/*176*/
height: auto;
object-fit: cover;
}



	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	
	.pc_part { 
	display : none; 
	}
	
	
	.ossmeBox {
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
	}

	.ossmetitle {
	width: 100%;
	padding: 15px 0;
	margin: 0 auto 8px auto;
	font-size: 4.6vw;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
	}

	/* -----------------------------------------------

	タブ

	-------------------------------------------------- */

	.tabbox {
	width: 96%;
	margin: 0 auto 20px auto;
	overflow:hidden;
	}

	.tab {
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
	}

	.tab li {
	width: 49%;
	margin: 0.5%;
	padding: 8px 0;	
	float:left;
	text-align: center;
	font-size: 3.4vw;
	background:#FFD5A6;
	cursor: pointer;
	}
	.tab li.select {
	color: #FFFFFF;
	background:#E53E47;
	}




	.itembox {
	width:  96%;
	clear: both;
	margin: 0 auto;
	}
	
	.hide {
	display:none;
	}

	.itemlist {
	width: 100%;
	margin: 0;
	}


	.itemlist p.more {
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;
	border: 1px solid #E53E47;
	text-align: center;
	}
	.itemlist p.more a {
	color: #E53E47;
	}



	/* -----------------------------------------------

	商品リスト

	-------------------------------------------------- */

	ul.susumeList{
	margin: 0 auto;
	
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 98%;
	}
	ul.susumeList li {
	/*float: left;
	display: block;*/
	/*display: inline-block;*/ /* インラインブロック化 */
   /* vertical-align: top;*/   /* 上端を揃える */
	width: 32%;
	margin: 0 2% 20px 0;
	
	box-sizing: border-box;
	}
   ul.susumeList li:nth-of-type(5n) {
	margin-right: 2%;
	}
	ul.susumeList li:nth-of-type(3n) {
	margin-right: 0;
	}
 
	ul.susumeList li p {
	margin: 5px 0 0 0;
	font-size: 3.2vw;
	line-height: 130%;
	}
	
	ul.susumeList li img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	}


	}