
  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 screen and (min-width: 500px) and (max-width: 1100px) {#coverttl{ height:500px; }}
@media (max-width: 500px) {	#coverttl{ height:280px; }}

#topttl{ position:relative; display:block;  width:100%; height:500px; background:url(img/top_ttl_big.jpg) no-repeat #fff; background-size:500px;  background-position:right top; }
#topttl div{ color:#333; position:absolute; bottom:100px; left:5%; line-height:1.8; }
#topttl h1 { font-size:40px; font-weight:normal; text-shadow: 0 0 5px #FFF; }
#topttl h2 { font-size:25px; font-weight:bold; }


@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;  }
	.mobileExist { display:block!important;}
	.mobileNoexist { display:none}
	#pList .pBox a{ bottom:12px; left:11px; right:3px;}
	#pList .specBox{ margin-left:-3px!important; margin-bottom:4%; }
}

