@charset "utf-8";


/*--- for shop ---*/

.products_area .item {
	line-height:1.4;
}
.products_area .item .photo_box {
	margin-bottom:10px;
}

.products_area31 .item {
	line-height:1.4;
}
.products_area31 .item .photo_box {
	margin-bottom:10px;
}
.products_area33 .item { flex-basis: 31%; }



	
/* for Smart Phone */
@media print, screen and (max-width:1020px) {

	.products_area .item { flex-basis: 48.5%; }
	.products_area31 .item { flex-basis: 100%; }
	
	.cart_product .left {
		flex-basis: 100%;
	}
	.cart_product .right {
		flex-basis: 100%;
	}


} /* End of Smart Phone Layout */

/* for Tablet & PC */
@media print, screen and (min-width:1021px) {
	.products_area .item { flex-basis: 23.5%; }
	.products_area31 .item { flex-basis: 31%; }

	.cart_product .left {
		flex-basis: 60%;
	}
	.cart_product .right {
		flex-basis: 40%;
	}

} /* End of Desktop Layout */


.products_area li, .products_area31 li { 
	list-style:url(images_shop/list_icon1.png);
	margin-bottom:10px;
}


.flex_box {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.item4 { 
	flex-basis: calc(25% - 10px);
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.item3 { 
	flex-basis: calc(33% - 10px);
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.txticon {
	display:block;
	float:left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F08080;
	color: #FFFFFF;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.mgn5 {
	margin-bottom: 5px;
}
.mgn10 {
	margin-bottom: 10px;
}
.mgn15 {
	margin-bottom: 15px;
}
.mgn20 {
	margin-bottom: 20px;
}
.mgn25 {
	margin-bottom: 25px;
}

.txt_kakaku {
	color: #B50005;
	font-weight: bold;
}



.page_on {

	display:inline-block;

	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 3px;

	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #942024;
}
.page_off {

	display:inline-block;

	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	text-align: center;
	background-color: #F5EEE6;
}
.page_off a {
	display: block;
	padding-top: 3px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
	color: #942024;
	font-size: 16px;
	text-decoration: none;
}
.page_more {
	display:inline-block;

	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 3px;

	text-align: center;
	color: #942024;
	font-size: 14px;
	background-color: #F5EEE6;
}



.tab_on {
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #888888;
}
.tab_off {
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #DDDDDD;
}
.tab_off a {
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: 0066CC;
	font-size: 18px;
	text-decoration: none;
}