@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 商品一覧 ◇◆◇
  
  
========================================================================================================================*/

#hv-wrap {
  background-image:url(../image/hv.jpg);
}


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

  商品一覧
  
----------------------------------------------------------------------------------------------------*/

.product {
  list-style:none;
  margin-top:40px;
  margin-left:-25px;
}

.product li {
	width:375px;
	float:left;
	padding-left:25px;
	box-sizing:border-box;
	margin-bottom: 25px;
}

.product__block {
	display: block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-color:#fff;
	padding:30px 20px;
	text-decoration: none;
	transition: 0.3s all;
	position: relative;
}
.product__block:hover {
	opacity: 0.7;
}

.product__newic {
	position: absolute;
	top: -15px;
	left: 15px;
	z-index: 2;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #a0325a;
	color: #fff;
	border-radius: 30px;
}

.product__soldout {
	position: absolute;
	background-color: #a11515;
    width: 180px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 5px 0;
}



.product__headline {
  padding:5px 0 0 0;
  line-height:1;
}

.product__headline b {
  font-family:"Harenosora";
  font-weight:normal;
  color:#9b7d4b;
  font-size:100.0%;
}

.product__headline img {
	max-height: 200px;
  margin-bottom:15px;
}

.product li p {
  font-size:87.5%;
}


.pc.price span:nth-child(1){font-weight: bold;}
.pc.price span:nth-child(2){padding-left: 0.5em; padding-right: 0.5em;} 



@media screen and (max-width:767px) {
  .product {
    margin-top:1.25em;
    margin-left:-0.75em;
  }
  
  .product li {
    width:50%;
    margin-top:0.75em;
    padding-left:0.75em;
  }
  
	/*
  .product li:last-child {
    width:100%;
  }
	*/
  
  .product__block {
    padding:1.5em;
  }

.product__newic {
	left: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 95%
}
  
  .product__headline {
    padding:0.25em 0 0 0;
  }
  
  .product__headline img {
    margin-bottom:0.75em;
  }
  
  .product li p br.sp-none {
    display:none;
  }
 
.sp .price span{display: inline-block;}
.sp .price span:nth-child(1){font-weight: bold;}
.sp .price span:nth-child(2){padding-left: 0.5em; padding-right: 0.5em;} 
  
  
  
  
  
}

@media screen and (max-width:640px) {
  .product {
    margin-left:-0.75em;
  }
   /*
  .product li {
    width:100%;
    padding-left:0;
  }
	*/
  
  .product__block {
    padding:1.5em 1em;
  }
  
  .product__headline {
    padding-top:0;
  }
    
  .product li p {
    font-size:100%;
  }
	
}

@media screen and (max-width:500px) {
  .product {
    margin-top:1em;
  }
  .product__soldout {width: calc(100% - 30px);}		
}


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

  商品詳細
  
----------------------------------------------------------------------------------------------------*/

.product_item {
	width: 100%;
	overflow: hidden;
	margin:40px 0;
}

.product_item_img {
	float: left;
	width: calc(35% - 10px);
	text-align: center;
	position: relative;
}
.product_item_img img {
	max-height: 400px;
}

.product_item_desc {
	float: right;
	width: calc(65% - 10px);
	text-align: left;
}
.product_item_desc .stock {
	display: block;
	font-weight: 800;
	color: #a0325a;
	margin-bottom: 1em;
}
.product_item_desc .menu {
	display: block;
	margin-top: 1em;
}

.product_item_prof {
	margin-top: 40px;
}
.product_item_prof th,
.product_item_prof td {
	padding: 0.5em 1em;
	border-collapse: collapse;
	border: 1px solid #9b7d4b;
	background-color: #fff;
}
.product_item_prof th {
	width: 20%;
	background-color: #F2F0E8;
}
.product_item_prof td {
	width: 30%;
	text-align: left;
}
.product_item_prof td.taste {
	padding: 0;
	text-align: center;
}
.product_item_prof td.taste span {
	float: left;
	display: inline-block;
	width: 20%;
	padding: 0.5em 0;
	box-sizing: border-box;
	border-right: 1px solid #9b7d4b;
	background-color: #F7F3C4;
}
.product_item_prof td.taste span:last-child {
	border-right: none;
}
.product_item_prof td.taste span.select {
	background-color: #E58A4C;
	color: #fff;
}
@media screen and (min-width:768px) {
	.product_item_prof .sp {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.product_item_prof .pc {
		display: none;
	}
}
@media screen and (max-width:440px) {
	.product_item_prof td.taste span {
	}
}