.section-product-header{
	color:#322f31;
	text-align:center;
	padding:10vh 0px;
    border-bottom: 1px solid #d6d6d6;
	border-bottom: 0.5px solid #d6d6d6;
}
.section-product-header .section-product-header-mx{
	max-width:50vw;
	margin:0 auto;
}
.section-product-header .ttl{
    font-family: 'promptmedium';
	font-size:40px;
	font-size:3vw;
	color:#0db14b;
	/*padding-bottom:20px;*/
}
.section-product-header .desc{
    font-family: 'promptlight';
	font-size:20px;
	font-size:1.4vw;
	white-space: pre-wrap;
	padding-top:20px;
}

.section-product-list {
	/*padding:10vh 0px;*/
	padding: 0px;
}
.section-product-list .product-list-item{
	display: block;
	/*width: 32.33%;*/
	width: 24%;
    float: left;
    padding: 20px 0px 10px 0px;
    margin: 0px 0.5%;
	border-bottom:1px solid #21ad4a;
	border-bottom:0.5px solid #21ad4a;
}
.section-product-list .product-list-item:hover , .section-product-list .product-list-item:focus , .section-product-list .product-list-item:active{
	text-decoration:none;
}
.section-product-list .product-list-item .product-list-image{
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid #FFF;
	border:0.5px solid #FFF;
	-ms-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.section-product-list .product-list-item:hover .product-list-image , 
.section-product-list .product-list-item:focus .product-list-image , 
.section-product-list .product-list-item:active .product-list-image{
	border:1px solid #21ad4a;
	border:0.5px solid #21ad4a;
}
.section-product-list .product-list-item .product-list-name{
    font-family: 'promptlight';
	font-size:20px;
	font-size:1.5vw;
	color:#21ad4a;
	text-transform:uppercase;
	padding:10px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.section-product-list .product-list-item .product-list-btn{
	background-color:#000;
    font-family: 'hindsemibold';
	font-size:18px;
	font-size:1.4vw;
	color:#FFF;
	text-align:center;
	padding:10px 5%;
	-ms-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.section-product-list .product-list-item:hover .product-list-btn , 
.section-product-list .product-list-item:focus .product-list-btn , 
.section-product-list .product-list-item:active .product-list-btn{
	background-color:#21ad4a;
}
.section-product-list .product-list-item .promo-tag{
	position:absolute;
	top:10px;
	right:0px;
    width: 35%;
    text-align: right;
}

/*paging*/
.paging-area{
    display: table;
	padding:30px 0px 50px 0px;
	text-align:center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.paging-area .paging-num{
	display: table-cell;
	width:20px;
    font-family: 'hindlight';
	font-size:20px;
	font-size:1.5vw;
    color: #322f31;
	white-space:nowrap;
}
.paging-area .paging-dummy{
	display: table-cell;
}

/*.paging-area .paging-num:not(:first-child):before{
	content:' / ';
	display: inline-block;
}*/
.paging-area .paging-num a{
	display: inline-block;
	font-family: 'hindlight';
	font-size:20px;
	font-size:1.5vw;
	color:#322f31;
	padding:0px 0px;
	text-decoration:none;
}
.paging-area .paging-num a:hover , .paging-area .paging-num a:focus , .paging-area .paging-num a:active {
	color:#21ad4a;
	text-decoration:none;
}
.paging-area .paging-num a.active {
	font-family: 'hindsemibold';
	color:#21ad4a;
	text-decoration:none;
}
.paging-area .paging-num .dot{
	padding:0px 0px;
}
.paging-area .paging-num.prev , 
.paging-area .paging-num.next{
	padding:0px 10px;
}
.paging-area .paging-num.prev a ,
.paging-area .paging-num.next a{
	font-family: 'hindsemibold';
	text-decoration:none;
}
@media screen and (max-width: 1024px){
.section-product-header .ttl{
	font-size:34px;
}
.section-product-header .desc{
	font-size:16px;
}
/*** 2024rev ***/
.section-product-list .product-list-item{
	width: 32.33%;
}
/**************/

.section-product-list .product-list-item .product-list-name{
	font-size:16px;
}
}
@media screen and (max-width: 768px){
.section-product-header{
	padding: 5vh 0px;
}
.section-product-header .section-product-header-mx{
	max-width:none;
}
	
.section-product-list {
    padding: 0px 0px;
}	
.section-product-list .product-list-item{
	width: 49%;
}

.section-product-list .product-list-item .product-list-btn{
	font-size:18px;
	padding: 5px 5%;
}


.paging-area{
    display: table;
	padding:50px 0px;
}
.paging-area .paging-dummy{
	display: table-cell;
}
.paging-area .paging-num{
	display: table-cell;
    font-size: 20px;
	width:20px;
}
.paging-area .paging-num a{
	font-size:20px;
	padding: 0px 0px;
}
.paging-area .paging-num.prev , 
.paging-area .paging-num.next{
	padding:0px 5px;
}
.paging-area .paging-num.prev a , .paging-area .paging-num.next a{
    font-size: 20px;
}
.paging-area .paging-num .dot{
	padding:0px 0px;
}
}

@media screen and (max-width: 500px){
.paging-area .paging-num{
    font-size: 15px;
}
.paging-area .paging-num a{
	font-size:15px;
	padding: 0px 0px;
}
.paging-area .paging-num.prev a , .paging-area .paging-num.next a{
    font-size: 12px;
}
.paging-area .paging-num .dot{
	padding:0px 0px;
}

}
@media screen and (max-width: 375px){
.paging-area .paging-num{
    font-size: 12px;
}
.paging-area .paging-num a{
	font-size:12px;
	padding: 0px 0px;
}
.paging-area .paging-num.prev a , .paging-area .paging-num.next a{
    font-size: 12px;
}
}