@charset "utf-8";

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

.top_image {margin-bottom: 10px;}      
.contentL {width: 92%; margin: 0 4% 24px;} 
.lead {font-size: 3.4vw; line-height: 1.3; margin-bottom: 20px;
    font-family: serif; font-feature-settings:"palt";} 
.lead p{font-size: 5.6vw; }   
.commentL {width: 60%; margin: 0 20% 6px;}  
.commentR {width: 84%; margin: 0 0 12px 8%; font-size: 3.4vw; line-height: 1.4;
    font-feature-settings:"palt";}    
.category_bar{background-color: #39c; color: #fff; font-size: 3.8vw; 
    line-height: 1.5; padding: 6px 0 0 18px; margin-bottom: 12px;}     
.buffer_block th{width: 27%; padding-right: 5%;}     
.buffer_block td {font-size: 3.2vw; line-height: 1.4; vertical-align: top;} 
.buffer_block td p{font-size: 4.2vw; font-weight: bold; color: #800000;} 
.consist{font-size: 3vw; font-weight: bold; width: 8em; 
    line-height: 1.3; background-color: #39c; float: right; text-align: center; padding-top: 5px; border-radius: 8px; }   
.consist a{color: #fff;}     
.i-flame { overflow-y: auto; width: 90%; height: 3em; margin-left: 5%;
    -webkit-overflow-scrolling:touch; font-size: 20vw;}
.i-flame iframe { width: 100%; height: 100%; border:none; display:block;}
.contentR {margin: 0 20px;} 
.top_banner {float: left; position: relative; width: 46%; margin: 0 2% 16px;}   
.banner_copy {position: absolute; width: 100%; text-align: center;
    top: 80%; left: 0%; font-size: 2.8vw;}     


.news_frame {overflow-y: scroll; width: 90%; height: 200px; margin-left: 5%;margin-bottom: 20px;}
#infomation {
    float: left;
    width: 90%px;
    margin-right: 2%;
    margin-bottom: 20px;
}
#news_flame {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #0099FF;
    border-bottom-color: #0099FF;
    border-left-color: #0099FF;
}

/*　追加スタイル　*/


#information dl{padding: 10px; border-bottom: thin solid #ccc;}
#information dt{font-weight: normal !important;color: #888;font-size: 0.8em;}
#information dd span{font-weight: bold;margin-bottom: 4px;} 
#information dd a{color: #0075a9;}


    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  

.top_image {margin-bottom: 20px;}      
.contentL {width: 92%; margin: 0 4% 24px;} 
.lead {font-size: 3vw; line-height: 1.3; margin-bottom: 20px;
    font-family: serif; font-feature-settings:"palt";} 
.lead p{font-size: 4.2vw; }      
.comment {overflow: hidden;}      
.commentL {float: left; width: 33%; margin: 0 3.5%;}  
.commentR {float: right; width: 60%; font-size: 2.1vw; line-height: 1.6;
    font-feature-settings:"palt";}          
.category_bar{background-color: #39c; color: #fff; font-size: 2.8vw; 
    line-height: 1.5; padding: 6px 0 0 18px; margin-bottom: 12px;}    
.buffer {overflow: hidden; margin-bottom: 18px;}      
.buffer_block table{width: 46.5%; float: left; margin-left: 3.5%;}  
.buffer_block th{width: 37%; padding-right: 3%;}     
.buffer_block td {font-size: 2vw; line-height: 1.4; vertical-align: top;} 
.buffer_block td p{font-size: 2.4vw; font-weight: bold; color: #800000; 
    padding-bottom: 6px;} 
.consist{font-size: 2vw; font-weight: bold; width: 8em; 
    line-height: 1.3; background-color: #39c; float: right; text-align: center; padding-top: 5px; border-radius: 8px; }   
.consist a{color: #fff;}      
.i-flame { width: 100%; height: 12em;  -webkit-overflow-scrolling:touch; font-size: 2vw; margin-bottom: 28px;}
.i-flame iframe { width: 100%; height: 100%; border:none; display:block; }    
    
.contentR {overflow: hidden; width: 92%;  margin: 0 20px;} 
.top_banner {float: left; position: relative; width: 36%; margin: 0 6.8% 16px;}   
.banner_copy {position: absolute; width: 100%; text-align: center;
    top: 80%; left: 0%; font-size: 2.8vw;} 
 

.news_frame{ width: 100%; height: 200px; overflow-y: scroll;margin-bottom: 20px;}  
  
    #infomation {
    float: left;
    width: 100%;
    margin-right: 10px;

}
#news_flame {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #0099FF;
    border-bottom-color: #0099FF;
    border-left-color: #0099FF;
}
    
/*　追加スタイル　*/


#information dl{padding: 10px; border-bottom: thin solid #ccc;}
#information dt{font-weight: normal !important;color: #888;font-size: 0.8em;}
#information dd span{font-weight: bold;margin-bottom: 4px;} 
#information dd a{color: #0075a9;}
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {
   
.top_image {margin-bottom: 20px;}      
.content {overflow: hidden; }      
.contentL {float: left; width: 700px;} 
.lead {font-size: 1.8vw; line-height: 1.3; margin-bottom: 20px;
    font-family: serif; font-feature-settings:"palt";} 
.lead p{font-size: 3.8vw; }      
.comment {overflow: hidden;}      
.commentL {float: left; width: 33%; margin: 0 3.5%;}  
.commentR {float: right; width: 60%; font-size: 16px; line-height: 1.6;
    font-feature-settings:"palt";}          
    
.category_bar{background-color: #39c; color: #fff; font-size: 1.6vw; 
    line-height: 1.5; padding: 6px 0 2px 18px; margin-bottom: 12px;}    
.buffer {overflow: hidden; margin-bottom: 28px;}      
.buffer_block table{width: 46.5%; float: left; margin-left: 3.5%;}  
.buffer_block th{width: 37%; padding-right: 3%;}     
.buffer_block td {font-size: 14px; line-height: 1.4; vertical-align: top;} 
.buffer_block td p{font-size: 20px; font-weight: bold; color: #800000; 
    padding-bottom: 6px;} 
.consist{font-size: 1.1vw; font-weight: bold; width: 8em; 
    line-height: 1.3; background-color: #39c; float: right; text-align: center; padding-top: 5px; border-radius: 8px; }   
.consist a{color: #fff;}    
    
.i-flame { width: 100%; height: 7.5em;  -webkit-overflow-scrolling:touch; font-size: 2vw;}
.i-flame iframe { width: 100%; height: 100%; border:none; display:block; }
      
.contentR {float: right; width: 340px;  margin-top: 20px;} 
.top_banner {margin-bottom: 18px; position: relative;}      
.banner_copy {position: absolute; width: 100%; text-align: center;
    top: 84%; left: 0%; font-size: 2vw;}  

    .news_frame{ width: 100%; height: 250px; overflow-y: scroll;margin-bottom: 20px;}  

#infomation {
    float: left;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px;
}
#news_flame {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #0099FF;
    border-bottom-color: #0099FF;
    border-left-color: #0099FF;
}
  
/*　追加スタイル　*/


#information dl{padding: 10px; border-bottom: thin solid #ccc;}
#information dt{font-weight: normal !important;color: #888;font-size: 0.8em;}
#information dd span{font-weight: bold;margin-bottom: 4px;} 
#information dd a{color: #0075a9;}
    
}