h1{
	width: 100%;
	margin:40px 0 5px 0;
	padding: 12px 0 5px 5px;
	background-color: #FFF;
	font-size: 2.4rem;
	line-height: 1.2;
	border-bottom:2px #06C755 solid;
	border-width: 2px 0 2px 0;
/*	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
*/}
h1 span{ font-size: 1.6rem; }

h2{
	width: 100%;
	margin:30px 0 10px 0;
	position: relative;
	display: inline-block;
	line-height: 1.2;
	font-size: 2rem;
	font-weight: normal;
	padding: 10px 0% 8px 1%;
	color: rgb(49, 49, 49);
	border-top: 3px solid #ebebeb;
	border-bottom: 3px solid #ebebeb;
}


.toph1{margin:20px 0 0 0;}



/*共通*/




.wrapper{
	margin: 10px 0 0 0;
}


#contents a:hover{
	opacity: 0.6;
 }


/*カテゴリーメニュー*/
.cat-menu ul{display: flex;
				flex-wrap: wrap;
				padding: 5px 0;
				margin: 5px 0 0 0;
}
.cat-menu li {list-style: none; 
			  width: 33%;
			  margin: 3px 0 3px 4px;
	 		  background-color: #f7f6fa;
	 		  border-top: 2px solid #ebebeb;
	 		  border-left: 2px solid #ebebeb;
	 		  border-bottom: 2px solid #999;
	 		  border-right: 2px solid #999;
	 		  	position: relative;
	 		  	border-radius: 5px;
	 		  }
.cat-menu li:nth-child(3n+1){margin: 3px 0;}
.cat-menu li a{height: 80px;padding: 10px 8px; 
	color: #333; display: block; }
.cat-menu li a span{width: 70%;
			display: block;
			font-size: 1.8rem;
			line-height: 1.2;}
.cat-menu i {color: #888;
	         font-size: 1.2rem;
	         line-height: inherit;
	         padding: 0 0 0 5px;}
.cat-menu img {
	position: absolute;
	border-radius: 50%;
	object-position: 50% 60%;
	width: 70px;
	height: 70px;
	object-fit: cover;
	top: 5px;
	right: 5px;
}


/*リスト表示*/
.kisekae-list{
	margin: 20px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.kisekae-box{
	width: 19%;
	padding: 0 0 0 0;
	position: relative;
	z-index: 1;
}

.kisekae-rankbox{
	width: 19%;
	padding: 0 0 0 0;
	position: relative;
	z-index: 1;
}

/*.kisekae-box:nth-child(3n+1){
	padding: 0;
}*/



.kisekae-pic{
  height: 90%;
}
.kisekae-pic img{
	overflow: hidden;
	 height: 100%;
	 object-fit: cover;
	   object-position: 50% 50%;
	   border-radius: 5px;
	   	border:  solid 1px #999;
}

.kisekae-data{
	margin: 3px 0 3px 0;
	height: 20%;
	text-align: center;
	overflow: hidden;
}
.kisekae-name{
color: #0079c2;
font-size: 1.3rem;
line-height: 1.1;
padding: 1px 2px 3px 2px;
font-weight: bold;
}
.kisekae-price{
	color: #32cd32;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
}



.k-new{ position: absolute;
	top: -6px;
	left: 1px;
	z-index: 5;}


.k-new span{position: absolute;
	display: inline-block;
	background-color: #ff524d;
	color: #fff;
	margin: 0;
	padding: 2px 2px 1px 2px;
	text-align: center;
	border-radius: 2px;
	font-weight: bold;
	font-size: 1.2rem;
	z-index: 7;
	left: 5px;
	top: 1px;}



.k-rank,.first-css,.second-css,.third-css{ position: absolute;
	top: -6px;
	left: 1px;
	z-index: 5;}

.k-rank span{position: absolute;
	display: inline-block;
	background-color: #13a555;
	color: #fff;
	margin: 0;
	padding: 2px 8px 1px 8px;
	text-align: center;
	border-radius: 2px;
	font-weight: bold;
	font-size: 1.2rem;
	z-index: 7;
	left: 5px;
	top: 1px;}

.first-css span{position: absolute;
	display: inline-block;
	background-color: #ffd800;
	color: #313131;
	margin: 0;
	padding: 2px 8px 1px 8px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	z-index: 7;
	left: 5px;
	top: 1px;}

.second-css span{position: absolute;
	display: inline-block;
	background-color: #d6d6d6;
	color: #313131;
	margin: 0;
	padding: 2px 8px 1px 8px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	z-index: 7;
	left: 5px;
	top: 1px;}


.third-css span{position: absolute;
	display: inline-block;
	background-color: #d18c71;
	color: #313131;
	margin: 0;
	padding: 2px 8px 1px 8px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	z-index: 7;
	left: 5px;
	top: 1px;}

/*もっと見る*/
.moreview {
	margin: 0px 20% 20px 20%;
	background-color: #313131;
	padding: 10px;
	text-align: center;
	border-radius: 20px;
}

.moreview a {color: #fff;
	text-align: center;
	font-size:1.6rem;
	padding: 0 6px 0 0px;
		display: block;
	}

.moreview i{
	margin: 0 0 0 3px;
	text-align: right;
}


/*カラーメニュー*/
.color-menu{
	margin: 20px 0 0 0;
	border: solid 1px #999;
	border-radius: 5px;
	background-color: #f7f6fa;
}

.color-menu ul{
	display: flex;
	margin: 6px 0;
	padding: 0 2%;
	justify-content: space-around;
}

.color-menu li {
	list-style: none;
	font-size: 1.8rem;
	padding: 3px 0;
	text-align: center;}

.color-menu li a{
color: #333;
}

.color-menu li i{
	font-size: 2rem;
margin: 0 5px 0 0;
position: relative;
top: 1px;}

.color-css1 i{
	color: royalblue;}

.color-css2 i{
	color: orangered;}

.color-css3 i{
	color: black;}

.color-css4 i{
	color: #ddd;
 }

 .color-css5 i{
	color: lightcoral;
 }

 .color-css6 i{
	color: orange;
 }

 .color-css7 i{
	color: forestgreen;
 }

  .color-css8 i{
	color: mediumpurple;
 }

 .color-css9 i{
	color: #9d6955;
 }

 .color-css10 i{
	color: gray;
 }

/