@charset "UTF-8";

/*------------------------------------------------------------
    商品一覧
------------------------------------------------------------*/
.product-list_area {
	margin-bottom: 60px;
}
.product_box {
	overflow: hidden;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.product_box_img {
	width: 100%;
	transition: .6s;
}
.product_box_txt {
	text-align: center;
}
.product_ttl {
	font-size: 1.4rem;
	color: #1D1D1D;
}
.product_price {
	font-size: 1.6rem;
	color: #1D1D1D;
}
.product_price span {
	font-size: 1.1rem;
}
.btn_area.invisible{
	display: none;
}
@media screen and (max-width: 991px) {
	.product_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
  		-ms-flex-wrap: wrap;
  		    flex-wrap: wrap;
	}
	.product_box_img {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 768px) {
	.product-list_area {
		margin-bottom: 120px;
	}
	.product_box::before {
		content: "";
		opacity: 0;
		display: block;
		width: calc(100% - 10px);
    	height: calc(100% - 10px);
    	background: transparent;
    	border: 1px solid #fff;
    	transition: .6s;
    	z-index: 99;
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%, -50%);
    	    -ms-transform: translate(-50%, -50%);
    	        transform: translate(-50%, -50%);
	}
	.product_box::after {
		content: "";
		opacity: 0;
		display: block;
		width: 100%;
		height: 100%;
		transition: .6s;
		background: rgba(0, 0, 0, .8);
		position: absolute;
		top: 0;
		left: 0;
	}
	.product_box_img img {
		transition: .6s;
	}
	.product_box_txt {
		opacity: 0;
		visibility: hidden;
		transition: .6s;
		z-index: 99;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	}
	.product_ttl {
		font-size: 2rem;
		color: #fff;
	}
	.product_price {
		font-size: 2rem;
		color: #fff;
	}
	.product_price span {
		font-size: 1.5rem;
	}
	.product_box:hover::before {
		opacity: 1;
	}
	.product_box:hover .product_box_img img {
		-webkit-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		        transform: scale(1.1);
	}
	.product_box:hover::after {
		opacity: 1;
	}
	.product_box:hover .product_box_txt {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width: 992px) {
	.product_ttl {
		font-size: 2.4rem;
	}
	.product_price {
		font-size: 2rem;	
	}
	.product_price span {
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 1500px) {
	.product_ttl {
		font-size: 3rem;
	}
	.product_price {
		font-size: 3rem;	
	}
	.product_price span {
		font-size: 2rem;
	}
}