@charset "utf-8";

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

     
.trance img{width: 100%; margin: 0; padding: 0;}    
.headerL { border-top:4px solid #39c; border-bottom: 4px solid #39c;
    margin-bottom:18px; }
.headerL img{ width: 90%; padding: 10px 2% 4px ;}     

.list dl{ width: 90%; margin-left: 5%; overflow: hidden; } 
.list dt{ width: 50%; margin-right: 8%; float: left; } 
.list dd{ width: 41%; float: left; font-size: 6vw; padding-top: 15%;} 
  
.footer2{background-color: #39c; color: #fff; font-size: 2vw; text-align: center;}      
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  

.trance img{width: 100%;}
    
.header{overflow: hidden; margin-bottom: 10px; }    
.headerL {float: left; width: 60%;}  

.list dl{ width: 90%; margin-left: 5%; overflow: hidden; } 
.list dt{ width: 50%; margin-right: 8%; float: left; } 
.list dd{ width: 41%; float: left; font-size: 6vw; padding-top: 15%;}       

.footer2{background-color: #39c; color: #fff; font-size: 1.2vw; text-align: center;}    
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {

    
/* content ---------------*/
.container{width: 1080px; margin: 0 auto;}

h1{background-color: #39c; font-size: 0.1vw; color: #39c; height: 10px;}
.trance img{width: 100%;} 
    
.header{overflow: hidden; margin-bottom: 10px; }    
.headerL {float: left; width: 33%;}    
.headerR {float: right; width: 28%;}  
     
.footer2{background-color: #39c; color: #fff; font-size: 0.6vw; text-align: center;} 
    
    
    
    
    
}