
.BorderGray{ }
.ttlBox{ color:#fff; display:block; height:425px; overflow:hidden;}
.ttlTxtBox{ display:block; margin: 180px 10px 20px 10px; font-size:18px; }
.ttlBox.kdown{ background:url(img/vignette-kdrydown.jpg); background-size:cover; background-position:center top;}
.ttlBox.defx{ background:url(img/vignette-3defx.jpg); background-size:cover; background-position:center top;}
.ttlBox.defx-down{ background:url(img/vignette-3defx-down.jpg); background-size:cover; background-position:center top;}
.ttlBox.primaloft{ background:url(img/vignette-primaloft.jpg); background-size:cover; background-position:center top;}
.ttlBox.polartec{ background:url(img/vignette-polartec.jpg); background-size:cover; background-position:center top;}
.ttlBox.polartec-alpha{ background:url(img/vignette-polartec-alpha.jpg); background-size:cover; background-position:center top;}


.row .specBox p.pCode2 { font-size:11px!important; font-weight:bold; line-height:13px!important;}

  nav#category-nav.b-pc_only{
   vertical-align: text-bottom!important;  }

.dmmlogo{ position:absolute; left:140px; top:10px; }
@media (max-width: 768px) {
	.dmmlogo{ left:80px; top:15px; }
	.logoBox img{ width:50px; height:auto;}
}
.navBox{ /* background:#000; padding-top:10px; border-top:solid 10px #000;*/ }
h1.pageTitle{ font-size: 36px; margin:50px 0 20px ; text-align:center; font-weight:normal; }
.pageTitleCap{ margin-bottom:50px;}
.ttlTextBox{ display:block; padding:5%; min-height:250px;}


@media (max-width: 768px) {
/*#topttl{ background:url(img/top_ttl_small.jpg) no-repeat; background-size:90% auto; background-position:center; }
	#topttl div{ bottom:30px;}
	#topttl h1 { font-size:30px;}
	#topttl h2 { font-size:20px;  }
	*/
	.ttlTxtBox{ display:block; margin-top:230px; line-height:30px; }

	
	#pList .pBox a{ bottom:12px; left:11px; right:3px;}
	#pList .specBox{ margin-left:-3px!important; margin-bottom:4%; }
	
}

