@charset "UTF-8";
/*
Theme Name: Sentry-VOID
Theme URI: http://ultimate-ez.com/sentry
Author: Masashi Ezaki @UltimateEz
Author URI: http://ultimate-ez.com/profile
Description: Sentry is ultimate theme, but it's eternal beta...
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Text Domain: Sentry
*/


.list_item{
	border:1px solid #DDDDDD;
	margin: 20px 0;
	padding:15px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
.list_item .flex{
	display:flex;
}
.list_item .flex_wrap{
	display:flex;
	flex-wrap:wrap;
}
.list_item .box1{
	width:310px;
	height:200px;
	position:relative;
}
.list_item .box2{
	width:70%;
	padding:0 0 0 15px;
}
.list_item .box1 img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.list_item .area_icon{
	position:absolute;
	color: #fff;
    background: #666;
    opacity:0.8;
    padding:5px;
    line-height:100%;
/*
    z-index:90;
*/
	top:0;
    left: 0;
	font-size:13px;
}
.list_item h2{
	margin:0 !important;
	padding:0 !important;
	font-size:15px !important;
	color:#000 !important;
	background:none !important;
}
.list_item h3{
	margin:0 !important;
	background:none !important;
	border:none !important;
	font-size:14px !important;
	color:#2b8bbd !important;
}
.list_item h3{
	color:#c88eb5;
}

.list_item .box2 .text{
	font-size:13px;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin:0 0 5px 0;
	color:#000 !important;
}
.list_item .box2 .category{
	background:rgba(43,139,189,0.1);
	font-size:12px;
	border-radius: 20px;
    margin: 5px;
    padding: 5px 10px;
    display: inline-block;
}
.list_item .box2 .star{
	float:left;
	padding:20px 0 0 0;
    color: #ff9400;
}

.list_item .box2 .star span{
	color:#25a0db;
	margin:0 0 0 2px;
}
.list_item .box2 .yws_star{
	position:relative;
	font-size:15px;
	text-align:left;
	width:80px;
	display:inline-block;
    color: #ff9400;
}
.list_item .box2 .price{
	font-size:20px;
	font-weight:bold;
	color: #ff433c;
	margin:17px 0 5px 20px;
}
.list_item .box2 .right_box{
	margin-left:auto;
}
.list_item .box2 .btnProd{
	margin:10px 0 0 auto !important;
	padding: 10px !important;
	display: block;
	width: 180px;
	height: 45px;
	text-align:center;
	background: #f9082b;
	color: #fff;
	font-size: 16px;
	border-radius:5px;
	box-sizing:border-box;
}
.list_item .box2 .btnProd:hover{opacity: 0.6;}

@media screen and (max-width: 768px){
	.list_item .flex{
		display:block;
	}
	.list_item .box1{
		width:100%;
		padding:0 0 10px 0;
	}
	.list_item .box1 img{
	}
	.list_item .box2{
		width:100%;
		padding:0;
	}
	.list_item .flex_wrap{
		display:block;
	}
	.list_item .box2 .star{
		float:left;
		padding:0 20px 0 0;
	}
	.list_item .box2 .price{
		margin:10px 0 5px 20px;
	}
	.list_item .box2 .btnProd{
		margin: 5px auto 0 auto;
		width: auto;
	}
}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #aaa;
	font-size:15px;
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
    color: #aaa;
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ff9400;
}

.star5_rating[data-rate="5"]:after{ width: 100%; } 
.star5_rating[data-rate="4.9"]:after{ width: 98%; }
.star5_rating[data-rate="4.8"]:after{ width: 96%; }
.star5_rating[data-rate="4.7"]:after{ width: 94%; }
.star5_rating[data-rate="4.6"]:after{ width: 92%; }
.star5_rating[data-rate="4.5"]:after{ width: 90%; }
.star5_rating[data-rate="4.4"]:after{ width: 88%; }
.star5_rating[data-rate="4.3"]:after{ width: 86%; }
.star5_rating[data-rate="4.2"]:after{ width: 84%; }
.star5_rating[data-rate="4.1"]:after{ width: 82%; }
.star5_rating[data-rate="4"]:after{ width: 80%; }
.star5_rating[data-rate="3.9"]:after{ width: 78%; }
.star5_rating[data-rate="3.8"]:after{ width: 76%; }
.star5_rating[data-rate="3.7"]:after{ width: 74%; }
.star5_rating[data-rate="3.6"]:after{ width: 72%; }
.star5_rating[data-rate="3.5"]:after{ width: 70%; }
.star5_rating[data-rate="3.4"]:after{ width: 68%; }
.star5_rating[data-rate="3.3"]:after{ width: 66%; }
.star5_rating[data-rate="3.2"]:after{ width: 64%; }
.star5_rating[data-rate="3.1"]:after{ width: 62%; }
.star5_rating[data-rate="3"]:after{ width: 60%; }
.star5_rating[data-rate="2.9"]:after{ width: 58%; }
.star5_rating[data-rate="2.8"]:after{ width: 56%; }
.star5_rating[data-rate="2.7"]:after{ width: 54%; }
.star5_rating[data-rate="2.6"]:after{ width: 52%; }
.star5_rating[data-rate="2.5"]:after{ width: 50%; }
.star5_rating[data-rate="2.4"]:after{ width: 48%; }
.star5_rating[data-rate="2.3"]:after{ width: 46%; }
.star5_rating[data-rate="2.2"]:after{ width: 44%; }
.star5_rating[data-rate="2.1"]:after{ width: 42%; }
.star5_rating[data-rate="2"]:after{ width: 40%; }
.star5_rating[data-rate="1.9"]:after{ width: 38%; }
.star5_rating[data-rate="1.8"]:after{ width: 36%; }
.star5_rating[data-rate="1.7"]:after{ width: 34%; }
.star5_rating[data-rate="1.6"]:after{ width: 32%; }
.star5_rating[data-rate="1.5"]:after{ width: 30%; }
.star5_rating[data-rate="1.4"]:after{ width: 28%; }
.star5_rating[data-rate="1.3"]:after{ width: 26%; }
.star5_rating[data-rate="1.2"]:after{ width: 24%; }
.star5_rating[data-rate="1.1"]:after{ width: 22%; }
.star5_rating[data-rate="1"]:after{ width: 20%; }
.star5_rating[data-rate="0.9"]:after{ width: 18%; }
.star5_rating[data-rate="0.8"]:after{ width: 16%; }
.star5_rating[data-rate="0.7"]:after{ width: 14%; }
.star5_rating[data-rate="0.6"]:after{ width: 12%; }
.star5_rating[data-rate="0.5"]:after{ width: 10%; }
.star5_rating[data-rate="0.4"]:after{ width: 8%; } 
.star5_rating[data-rate="0.3"]:after{ width: 6%; } 
.star5_rating[data-rate="0.2"]:after{ width: 4%; } 
.star5_rating[data-rate="0.1"]:after{ width: 2%; } 
.star5_rating[data-rate="0"]:after{ width: 0%; }