// ==================================================
// product_listview
// ==================================================
.product_listview {
	.title {
		@include fs(24);
		color: $midgrey;
		@include fontAwesome('\f0da',LightSeaGreen,2.4rem);
		border-bottom: 2px solid LightSeaGreen;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.controller {
		background: #eee;
		margin-bottom: 20px;
	}
	.navi {
		padding: 10px;
		text-align: right;
	}
	.change {
		padding: 10px;
		text-align: right;
	}
}
.product_box{
	display:flex;
	flex-wrap: wrap;
	// justify-content: space-between;
}
.product_list{
	width:18%;
	&:nth-child(5n+2){
		margin:0 2.5%;
	}
	&:nth-child(5n+4){
		margin:0 2.5%;
	}
}
.product_list section {
	position:relative;
	margin-bottom: 30px;
	.product_name {
		@include fs(18);
		margin-bottom: 0.4em;
		border-left: none;
		border-bottom: 2px solid $sub;
	}
	.left {
		width: 100%;
		margin-bottom:10px;
	}
	.right {
		width: 100%;
		// padding-left: 10px;
	}
	.thumb {
		text-align: center;
		img {
			// border: 1px solid $lightgrey;
		}
	}
	.comment {
		@include fs(13);
		min-height: 4.6em;
		margin-bottom: 0.4em;
	}
	.price {
		@include fs(12);
		margin-bottom: 0.4em;
		background: $midsilver;
		padding: 0.2em 0.4em;
		small {
			background: Coral;
			color: White;
			display: inline-block;
			padding: 0 0.5em;
			border-radius: 3px;
			font-weight: bold;
			line-height: 1.3em;
		}
		.num {
			@include fs(14);
			font-weight: bold;
			color: Red;
		}
	}
	.right a {
		display: inline-block;
		padding: 0.1em 0.5em 0;
		border-radius: 4px;
		color: $white;
		font-weight: bold;
		float: right;
		@include fs(14);
		@include hoverAction;
	}
	.detail_link {
		margin-bottom: 0.4em;
		@include clearfix;
		a {
			width: 100%;
			margin-top:5px;
			text-align: center;
			background: LightSeaGreen;
			padding: 0.5em 1em;
			@include fs(16);
			@include chevronR;
			&:after{
				position: absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				content:"";
				background: rgba(0,0,0,0);
			}
		}
	}
	.cart_link {
		display: none;
		background: $silver;
		padding: 0.4em;
		@include clearfix;
		@include fs(14);
		input {
			@include fs(13);
			width: 3em;
		}
		a {
			background: #ED6F25;
			margin-left: 0.5em;
		}
		.kikaku_box {
			line-height: 2;
			margin-bottom: 0.5em;
			display: block;
			@include fs(12);
			select {
				width: 120px;
			}
		}
	}
}
@include ltMD {};
@include ltSM {};
@include ltXS {};
@include ltXXS {};
// ==================================================
// Text here
// ==================================================
// Text here
// ----------------------------------------
@include ltMD {};
@include ltSM {};
@include ltXS {};
@include ltXXS {};