﻿/*////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#DivProListContainer{
		overflow:hidden;
	}
		.CssProListUnit{
			width:25%;
			float:left;
			padding:10px 10px 20px 10px;
		}
			.CssProListBox{
				border:none;
				overflow:hidden;
				padding:15px;
				box-shadow:none;
				background-color:#FFFFFF;
				border:#AAAAAA 1px solid;
				box-shadow:#AAAAAA 3px 3px 6px;
			}
				.CssProListCategory{
					margin-bottom:2px;
				}
					.CssProListCategory > div{
						display:inline-block;
						font-size:12px;
						color:#FFFFFF;
						padding:1px 5px;
						background-color:#CC3300;
						margin-right:3px;
					}
					.CssProListCategory a{
						color:#FFFFFF;
						text-decoration:none;
					}
				.CssProListImage{
					width:100%;
					aspect-ratio: 1 / 1;
				}
					.CssProListImage img{
						width:100%;
					}
				.CssProListText{
					overflow:hidden;
				}
					.CssProListName{
						height:40px;
						font-size:16px;
						line-height:20px;
						font-weight:bold;
						color:#666666;
						margin-top:5px;
						overflow: hidden;
						text-overflow: ellipsis;
					}
						.CssProListName a{
							color:#666666;
							text-decoration:none;
						}
						.CssProListName a:hover{
							color:#333333;
							text-decoration:none;
						}
					.CssProListPrice{
						height:20px;
						font-size:16px;
						line-height:16px;
						color:#CC0000;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				.CssProListButtonRow{
					margin-top:10px;
					height:30px;
					position:relative;
				}
					.CssProListButtonBox{
						height:30px;
						font-size:16px;
						line-height:28px;
						color:#FFFFFF;
						border-radius:3px;
						cursor:pointer;
					}
						.CssButtonAddToCart{
							padding:0px 10px;
							float:left;
						}
						.CssButtonAddToCollect{
							float:right;
							font-size:20px;
							line-height:28px;
						}
							.CssButtonAddToCollect .fa-heart-o{
								color:#666666;
							}
							.CssButtonAddToCollect .fa-heart{
								color:#CC0000;
							}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
RWD 設定
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media (max-width: <%=WebBodyWidthSize+20%>px){

	}
	@media (max-width: 1024px){
		.CssProListUnit{
			width:calc(100% / 3);
		}
	}
	@media (max-width: 768px){
		.CssProListUnit{
			width:50%;
		}
	}
	@media (max-width: 480px){
		.CssProListUnit{
			width:100%;
		}
	}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////*/