@charset "utf-8";

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

.buffer{width: 98%; margin: 0 auto 16px; }        
.buffer img{margin-bottom: 8px;} 
.kesu{display: none;}  
      
.portrait img{width: 49%;}    
.prolist{width: 100%; overflow: hidden; border-bottom:1px solid #666;}
.prolist dt{width: 37%; float: left; font-weight: bold; padding-top: 15px;
    border-top:1px solid #666; font-size: 3.4vw;}
.prolist dd{width: 62%; float: left; padding: 15px 0 7px 1%; font-size: 3.5vw;
    border-top:1px solid #666;}    
    
table.course {border: solid 1px #000000; border-collapse: collapse; width: 100%;
    margin: 8px 0 32px;}  
.course th, td { text-align: center;border: 1px solid gray; font-size: 3.3vw;
    padding: 6px 0.5% 2px;}    
.course th{background-color: #cff;}
.annai{text-align: center; color:#ff7f00; font-size: 3.5vw; font-weight: bold;}     
.pc{display: none;}    
.sp img{width: 90%;}
    
    
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.buffer{width: 90%; margin: 0 0 16px 5%; }    
.buffer img{margin-bottom: 8px;}   
.profile{overflow: hidden; }   
.portrait{width: 29%; float: left; }
.portrait img{background-color: #fff; border:1px solid #666; padding: 8px;}    
.prolist{width: 64%; float: right; overflow: hidden; border-bottom:1px solid #666;}
.prolist dt{width: 37%; float: left; font-weight: bold; padding-top: 15px;
    border-top:1px solid #666; font-size: 2vw;}
.prolist dd{width: 62%; float: left; padding: 15px 0 7px 1%; font-size: 2vw;
    border-top:1px solid #666;}      

table.course {border: solid 1px #000000; border-collapse: collapse; width: 100%;
    margin-bottom: 48px;}  
.course th, td { text-align: center;border: 1px solid gray; font-size: 1.9vw;
    padding: 6px 1.5% 2px;}    
.course th{background-color: #cff;}
    
.annai{text-align: center; color:#ff7f00; font-size: 2vw; font-weight: bold;}  
    
.sp{display: none;}     
    
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
        
.buffer{width: 90%; margin: 0 0 16px 5%; }    
.buffer img{margin-bottom: 8px;}   
.profile{overflow: hidden; }   
.portrait{width: 30%; float: left; }
.portrait img{background-color: #fff; border:1px  padding: 8px;}  
.prolist{width: 64%; float: right; overflow: hidden; border-bottom:1px solid #666;}
.prolist dt{width: 35%; float: left; font-weight: bold; padding-top: 15px;
    border-top:1px solid #666; font-size: 16px;}
.prolist dd{width: 64%; float: left; padding: 15px 0 7px 1%; font-size: 15px;
    border-top:1px solid #666;}    
    
table.course {border: solid 1px #000000; border-collapse: collapse; width: 100%;
    margin-bottom: 32px;}  
.course th, td { text-align: center;border: 1px solid gray; 
    padding: 6px 1.5% 2px;}    
.course th{background-color: #cff;}
   
.annai{text-align: center; color:#ff7f00; font-size: 18px; font-weight: bold;}  
 
.sp{display: none;}    
}