.controls {
	background: ##ede8e2;
	height: 40px;
	margin-left: -5px;
	margin-bottom: 20px;
}
.controls label {
	margin: 0 5px;
	color: #333;
	font-size: 1.5rem;
}
/*selectbox*/
.mixitup_select {
	display: inline-block;
	vertical-align: middle;
}
.ctSelect {
	background: url(../images/select_arrow.png) right center no-repeat;
	background-color: #fff;
	margin: 5px 0;
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 180px;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem;
}
/*layoutbutton*/
.ChangeLayoutlist {
	font-size: 2.5rem;
}
.ChangeLayoutgrid {
	font-size: 2.7rem;
}
.changeLayout_button {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #555;
	cursor: pointer;
}
.cb_active {
	color: #cc0000;
}
/*content*/
.shop {
	padding: 2% 0;
	/*text-align: justify;*/
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}
.shop:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.shop .mix, .shop .gap {
	display: inline-block;
	width: 24%;
	height:350px;
	overflow: hidden;
	margin-bottom: 20px;
}
.shop .mix img {
	width: 100%;
	height:200px;
	object-fit: cover;
}
.shop .mix img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.shop .mix p {
	/* height: 30px; */
	height: none!important;
	line-height: 30px;
	text-align: center;
}
.shop .mix a {
	color: #333;
	text-decoration: underline;
}
.shop .mix {
	display: none;
}
.shop .mix:after {
	content: attr(data-myorder);
	color: #fff;
}
/*grid_description*/
.mixit_grid .description {
	display: none;
}
/*list*/
.shop.list .mix {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.shop.list .mix img {
	float: left;
	width: 20%;
}
.mixit_list {
	clear: both;
	content: "";
	display: block;
}
.mixit_list .item_content {
	float: left;
	width: 45%;
	vertical-align: top;
	padding: 0 10px;
}
.mixit_list .category {
	text-align: left !important;
}
.mixit_list .description {
	font-size: 1.5rem;
	text-align: left !important;
    line-height: 20px !important;
}
.mixit_list .price {
	float: right;
	width: 20%;
	vertical-align: top;
}
.price {
	color: #cc0000;
	font-weight: bold;
	text-align:center;
}

/*在庫*/
.zaiko{
	background-color:red;
	color: #fff;
	text-align:center;
	padding:5px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
}

.zaiko1{
	background-color:rgb(31, 170, 31);
	color: #fff;
	text-align:center;
	padding:5px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
	font-weight: bold;
}

.zaiko2{
	background-color:rgb(224, 172, 0);
	color: #fff;
	text-align:center;
	padding:5px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
	font-weight: bold;
}

.zaiko3{
	background-color:red;
	color: #fff;
	text-align:center;
	padding:5px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
	font-weight: bold;
}

.zaiko4{
	background-color:rgb(58, 71, 247);
	color: #fff;
	text-align:center;
	padding:5px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
	font-weight: bold;
}


@media all and (max-width: 768px) {
.controls{
	height: 80px;
}
.shop .mix, .shop .gap {
	width: 48%;
	height:390px;
}
.shop .mix img {
	width: 100%;
	height:none;
	object-fit: cover;
}
.ctSelect {
	background: none;
	padding: 0 5px;
	width: 150px !important;
	font-size: 1.1rem;
}

.shop .mix p {
	/* height: 30px; */
	height: none!important;
	line-height: 25px;
	text-align: left;
}

/*list*/
.shop.list .mix {
	width: 100%;
	height: auto;
}
.shop.list .mix img {
	width: 100px;
}
.shop.list .mix:before {
	padding-top: 40px;
}
.mixit_list .description {
	font-size: 1.2rem;
}


/*在庫*/
.zaiko{
	background-color:red;
	color: #fff;
	text-align:center;
	width:100%;
	height:30px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
}

.zaiko1{
	background-color:rgb(31, 170, 31);
	color: #fff;
	text-align:center;
	width:100%;
	height:30px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
}

.zaiko2{
	background-color:rgb(224, 172, 0);
	color: #fff;
	text-align:center;
	width:100%;
	height:30px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;
}

.zaiko3{
	background-color:red;
	color: #fff;
	text-align:center;
	width:100%;
	height:30px;
	font-size:13px;
	line-height:23px;
	margin-bottom:5px;

}

}

.h3_title{
	background-color:#cc0000;
	height:40px;
	margin: 0 1% 20px;
	width: 97.5%;
	font-weight: bold;
	color:white;
	cursor: pointer;
}