@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.list{margin-bottom: 12px;  border-top:1px solid red;}    
.category{overflow: hidden; border-bottom:1px solid red;}     
.category dt{width: 36%; float: left;} 
.category dd{width: 60%; float: right; font-size: 6.2vw; padding-top: 10%;}
.category dd a:hover{color: #f00;}       
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.list{margin-bottom: 12px;  border-top:1px solid red;}    
.category{overflow: hidden; border-bottom:1px solid red;}     
.category dt{width: 36%; float: left;} 
.category dd{width: 60%; float: right; font-size: 6.2vw; padding-top: 10%;}
.category dd a:hover{color: #f00;}  
     
   
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
        
.list{margin-bottom: 12px;  border-top:1px solid red;}    
.category{overflow: hidden; border-bottom:1px solid red;}     
.category dt{width: 36%; float: left;} 
.category dd{width: 60%; float: right; font-size: 6.2vw; padding-top: 10%;}
.category dd a:hover{color: #f00;}   
    
}