/* Article Section */
.onIndx .blogPts {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	width:calc(100% + 20px);
	left:-10px;
	right:-10px
}
.onIndx .blogPts >* {
	flex:0 0 calc(50% - 20px);
	width:calc(50% - 20px);
	margin-bottom:0;
	margin-left:10px;
	margin-right:10px
}
.onIndx .blogPts >* {
	background:var(--contentB);
	box-shadow:0 5px 35px rgba(0,0,0,.07);
	border-radius:10px;
	margin-bottom:20px;
	padding:10px 10px 45px;
	position:relative
}
.onIndx .blogPts .pTag {
	padding-bottom:0
}
.onIndx .pTag .pInf {
	display:none
}
.onIndx .blogPts .pInf {
	position:absolute;
	bottom:15px;
	left:15px;
	right:15px
}
.onIndx .blogPts {
	align-items:stretch
}
.onIndx .blogPts.mty {
	display:block;
	width:100%;
	left:0;
	right:0
}
.onIndx .blogPts.mty .noPosts {
	width:100%;
	margin:0
}
.onIndx .blogPts div.ntry {
	padding-bottom:0;
	flex:0 0 calc(100% - 20px)
}
.blogPts .ntry.noAd .widget
 {
	display:none
}
.cPst .pLbls >* {
	padding:16px 3px
}
.cPst .pLbls >*:not(:last-child) {
	padding-right:0
}
.cPst .pLbls >*:not(:last-child)::after {
	padding-right:3px
}
.ctgry article {
	animation:ctgryFade 1.5s;
	-webkit-animation:ctgryFade 1.5s
}
@keyframes ctgryFade {
	from {
		opacity:0
	}
	to {
		opacity:1
	}

}
@-webkit-keyframes ctgryFade {
	from {
		opacity:0
	}
	to {
		opacity:1
	}

}
/* Blog title */
.blogTtl {
	font-size:14px;
	margin:0 0 30px;
	width:calc(100% + 16px);
	display:flex;
	justify-content:space-between;
	position:relative;
	left:-8px;
	right:-8px
}
.blogTtl .t, .blogTtl.hm .title {
	margin:0 8px;
	flex-grow:1
}
.blogTtl .t span {
	font-weight:400;
	font-size:90%;
	opacity:.7
}
.blogTtl .t span::before {
	content:attr(data-text)
}
.blogTtl .t span::after {
	content:'';
	margin:0 4px
}
.blogTtl .t span.hm::after {
	content:'/';
	margin:0 8px
}
/* No Post */
.blogPts .noPosts {
	min-height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:40px
}
/* Listing-only content spacing */
.onIndx .pCntn {
	padding:0 5px
}

/* Product view */
.pTag .pPad {
	padding:10px 0
}
.pTag .pPric {
	font-size:20px;
	color:var(--linkC);
	padding-top:20px
}
.pTag .pPric::before, .pTag .pInfo small {
	content:attr(data-text);
	font-size:small;
	opacity:.8;
	display:block;
	line-height:1.5em;
	color:var(--bodyC)
}
.pTag .pInfo {
	font-size:14px;
	line-height:1.6em
}
.pTag .pInfo:not(.o) {
	position:relative;
	width:calc(100% + 20px);
	left:-10px;
	right:-10px;
	display:flex
}
.pTag .pInfo:not(.o) >* {
	width:50%;
	padding:0 10px
}
.pTag .pMart {
	margin:10px 0 12px;
	display:flex;
	flex-wrap:wrap;
	line-height:1.6em;
	position:relative;
	width:calc(100% + 8px);
	left:-4px;
	right:-4px
}
.pTag .pMart >* {
	margin:0 4px
}
.pTag .pMart small {
	width:calc(100% - 8px);
	margin-bottom:10px
}
.pTag .pMart a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border:1px solid var(--contentL);
	border-radius:12px;
	margin-bottom:8px
}
.pTag .pMart img {
	width:20px;
	display:block
}