.thumb {
  text-align: center;
  min-height: 300px;
  height: calc(300rem / 12);
}
.thumb:hover {
  opacity: 0.7;
  text-decoration: none;
}

.product-name {
	font-size: calc(14rem / 12);
	font-weight: 400;
  max-height: calc(4.5 * 14rem / 12);
  overflow-y: hidden;
	color: #000;
	@media screen and (max-width: 768px) {
		text-align: center;
	}
}
.product-price {
  font-size: calc(14rem / 12);
  color: #666666;
}

.product-price > span {
  position: relative;
}

.product-price .ipad-area-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
}

.product-price .zeibetsu {
	font-size: calc(11rem / 12);
}

.product-price .percent_off {
  font-size: calc(11rem / 12);
  color: #e60012;
}
@media screen and (max-width: 768px) {
  .product-price {
    top: 4px;
  }
}
.product-price .product-soldout {
  color: #e60012;
  margin-bottom: 2px;
}

.sale {
	color: #e60012;
	.zeibetsu, .percent_off {
		color: #e60012;
	}
}

.product-photo{
  max-width: 220px;
  max-height: 150px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.thumb {
    height: calc(230rem / 12);
		min-height: 230px;
		margin: 20px auto 0 auto;
		&:last-child{
			margin-bottom:30px;
		}
		&:hover,
		&:focus{
			color: inherit;
			text-decoration: none;
		}
		.product-name{
			text-align: center;
			height: 70px;
			margin-bottom:0;
		}
		.product-price{
			text-align: center;
			position: absolute;
			bottom:0;
			top:auto;
			width: 86%;
		}
	}
	.product-photo{
		max-width: 100%;
	  height: auto;
	  max-height: 100px;
	  margin-bottom: 10px;
	}
	.product-name {
		text-align: center;
    font-size: calc(14rem / 12);
		font-weight: 400;
		color: #000;
	}
}

@media screen and (max-width: 768px) {
	.product-name {
		margin-bottom: 5px;
		text-align: center;
    font-size: calc(14rem / 12);
		font-weight: 400;
		color: #000;
	}
	.product-price{
		text-align: center;
	}
}