@charset "utf-8";

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

/* main styles---------------*/
.container {margin:4px auto; width:98%;}
.wrapper {width: 96%; margin: 12px auto;}
/* header-----*/
h1{display: none;}    
.head_L{width: 98%; margin: 0 auto;}  
.head_R{display: none;} 
/* 左ナビ部分-----*/ 
.left_navi{margin-bottom: 16px; overflow: hidden; padding: 8px 0;
    border-bottom:1px solid red; border-top:1px solid red;}   
.navi_title{display: none;}	    
.navi_btm{width: 31.3%; padding: 8px 0 2px; text-align: center; font-size: 3.6vw;
    line-height: 1.4; background-color: #0f0; border-radius: 14px; 
    margin: 4px 1%; float: left;} 
.navi_btm a{color: #fff !important; font-weight: bold;}    
.navi_open{width: 31.3%; padding: 8px 0 2px; text-align: center; 
    font-size: 3.6vw; line-height: 1.4; background-color: #ff7f00; 
    border-radius: 14px; margin: 4px 1%; float: left; color: #fff; 
    font-weight: bold;} 
.navi_phone{display: none;}    
.navi_address{display: none;}
/* 共通タイトル --*/
.category_title{font-size: 6.8vw; color: forestgreen; font-weight: bold; 
    border-bottom: 1px solid forestgreen; line-height: 1; margin-bottom: 10px;}   
.category_title img{width: 14%; margin-right: 12px;}     
.M_title{font-size: 5.6vw; color: forestgreen; font-weight: bold; 
    border:1px solid  #ff7f00; width: 88%; margin: 0 0 16px 5%; 
    padding: 6px 0 0 2%; border-radius: 14px;}    
.M_title img{margin-right: 3%;} 
.ps_course{color: forestgreen; border-left:6px solid forestgreen; 
    border-bottom:2px dotted forestgreen; font-size: 3.5vw; font-weight: bold;
    margin: 20px 0; padding: 6px 0 0 12px;}
.green_bar {border-bottom:1px solid forestgreen; font-size: 5vw; 
    font-weight: bold; margin-bottom: 18px;}      
.green_bar img{width: 10%; margin: 0; padding-right:14px;  
    vertical-align: bottom;}     
.small {font-size: 75%;} 
    
/* フッター部分 --*/	
.footer {background-color: #008000; color: #fff; font-size: 10px; text-align: center; 
    height: 16px; padding-top: 4px;}
.mainte a{font-size: 8px; color: #ffb; text-align: left;}
.sp_navi{width: 96%; margin: 10px auto 4px;  text-align: center; }  
.sp_navi img{width: 18.5%; margin: 0 0.05%;}      
       
}/*--Tablet------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
    
/* main styles---------------*/
.container {margin:4px auto; width:98%;}
.wrapper {width: 94%; margin: 12px auto;}    
/* header-----*/
h1{display: none;}    
.header{overflow: hidden; border-bottom:3px solid #0f0; margin-bottom: 18px;}    
.head_L{float: left; width: 60%;}    
.head_R{float: right; width: 40%; text-align: right; margin-top: 8px; font-size: 2vw; line-height: 1.2;} 
.head_R p{font-size: 2.8vw; font-weight: bold; color: #008000;} 
/* 左ナビ部分-----*/    
.left_navi{margin-bottom: 28px; overflow: hidden;}   
.navi_title{display: none;}
.navi_btm{width: 31.3%; padding: 8px 0 2px; text-align: center; font-size: 2.8vw;
    line-height: 1.4; background-color: #0f0; border-radius: 14px; 
    margin: 4px 1%; float: left;}   
.navi_btm a{color: #fff !important; font-weight: bold;}    
.navi_open{width: 31.3%; padding: 8px 0 2px; text-align: center; 
    font-size: 2.8vw; line-height: 1.4; background-color: #ff7f00; 
    border-radius: 14px; margin: 4px 1%; float: left; color: #fff; 
    font-weight: bold;} 
.navi_phone{display: none;}    
.navi_address{display: none;}
/* 共通タイトル --*/
.category_title{font-size: 3.8vw; color: forestgreen; font-weight: bold; 
    border-bottom: 1px solid forestgreen; line-height: 1; margin-bottom: 20px;}   
.category_title img{width: 8%; margin-right: 12px;}     
.M_title{font-size: 3.4vw; color: forestgreen; font-weight: bold; 
    border:1px solid  #ff7f00; width: 88%; margin: 0 0 16px 5%; 
    padding: 10px 0 0 2%; border-radius: 14px;}    
.M_title img{margin-right: 3%;} 
.ps_course{color: forestgreen; border-left:6px solid forestgreen; 
    border-bottom:2px dotted forestgreen; font-size: 2.8vw; font-weight: bold;
    margin: 20px 0; padding: 6px 0 0 12px;}
.green_bar {border-bottom:1px solid forestgreen; font-size: 2.4vw; 
    font-weight: bold; margin-bottom: 18px;}      
.green_bar img{width: 5%; margin: 0; padding-right:14px;  
    vertical-align: bottom;} 
    
.small {font-size: 75%;}      
    
/* フッター部分 --*/	
.footer {background-color: #008000; color: #fff; font-size: 10px; text-align: center; 
    height: 16px; padding-top: 4px;}
.mainte a{font-size: 8px; color: #ffb; text-align: left;}    
.sp_navi{display: none;}      
    
    
    
    
}/*--PC--------------------------------------------------*/
@media print, screen and (min-width: 769px) {

/* main styles------*/
.container {margin:4px auto; width:980px;}
.wrapper {overflow: hidden; margin-bottom: 20px;}  
/* header-----*/
h1{display: none;}    
.header{overflow: hidden; border-bottom:3px solid #0f0; margin-bottom: 18px;}    
.head_L{float: left; width: 60%;}    
.head_R{float: right; width: 40%; text-align: right; margin-top: 20px; font-size: 15px; line-height: 1.2;} 
.head_R p{font-size: 2em; font-weight: bold; color: #008000;}    
/* 左ナビ部分 --*/    
.left_navi{float: left; width: 220px; background-color:#efffef;}
.content{float: right; width: 720px;}
.navi_title{font-size: 42px; text-align: center; font-family: serif; 
    font-weight: bold; border-bottom:1px solid forestgreen; line-height: 1.1; 
    color: forestgreen; margin: 10px 0;}
.navi_btm{width: 200px; padding: 8px 0 4px; text-align: center; font-size: 18px;
    line-height: 1.4; background-color: #0f0; border-radius: 14px; 
    margin: 8px auto; }
.navi_btm a{color: #fff; font-weight: bold;}
.navi_open{width: 200px; padding: 8px 0 4px; text-align: center; font-size: 18px;
    line-height: 1.4; background-color: #ff7f00; border-radius: 14px; 
    margin: 8px auto; color: #fff; font-weight: bold;}
.navi_btm a:hover{color: #f00; }
.navi_phone{margin: 10px auto; width: 178px; background-color: #fff; 
    padding: 10px; border:1px solid #666;}    
.navi_address{margin: 10px auto; width: 178px; background-color: #fff; 
    padding: 10px; border:1px solid #666; font-size: 13px;}   
.navi_address img{margin-bottom: 16px;}     
.navi_address p{font-size: 21px; font-weight: bold; color: #000; text-align: center;}     
/* 共通タイトル --*/
.category_title{font-size: 32px; color: forestgreen; font-weight: bold; 
    border-bottom: 1px solid forestgreen; line-height: 1; margin-bottom: 20px;}   
.category_title img{width: 8%; margin-right: 12px;} 
.M_title{font-size: 28px; color: forestgreen; font-weight: bold; 
    border:1px solid  #ff7f00; width: 88%; margin: 0 0 16px 5%; 
    padding: 10px 0 0 2%; border-radius: 14px;}    
.M_title img{margin-right: 3%;}   
.ps_course{color: forestgreen; border-left:6px solid forestgreen; 
    border-bottom:2px dotted forestgreen; font-size: 24px; font-weight: bold;
    margin: 20px 0; padding: 6px 0 0 12px;}
.green_bar {border-bottom:1px solid forestgreen; font-size: 18px; 
    font-weight: bold; margin-bottom: 18px;}      
.green_bar img{width: 5%; margin: 0; padding-right:14px;  
    vertical-align: bottom;}    
.small {font-size: 75%;}   
/* フッター部分 --*/	
.footer {background-color: #008000; color: #fff; font-size: 10px; text-align: center; 
    height: 16px; padding-top: 4px;}
.mainte a{font-size: 8px; color: #ffb; text-align: left;}
.sp_navi{display: none;}      
    
}