@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
    
.top_mov {margin-bottom: 20px;}  
.news_line{border-bottom:1px dashed #008000; border-top:1px dashed #008000; 
    margin: 0 2% 10px; padding-top: 6px;}    
.news_mark{width: 18%; }     
.news_mark img{width: 100%; }     
.news_day{font-size: 3vw;}    
.news_comment p{color: #f00; font-size:4vw; font-weight: 500; margin-bottom: 2px;}       
.news_comment{font-size: 3vw; line-height: 1.4; margin-bottom: 10px;}     
.top_map{margin-bottom: 24px;}
.top_map p{font-size: 4vw; font-weight: 500; margin-bottom: 12px; color: #00F;}     
#map_canvas{width: 100%; height: 300px;}   	
	    
 .setumei{
	width: 88%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    font-size: 3.3vw;
    background: #FFF;
    border: solid 3px #ccff98;/*線*/
    border-radius: 10px;/*角の丸み*/

}	
.setumei p{
	text-align: center;

}

.setumei2{
	width: 88%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    font-size: 3.3vw;
    

}	
.setumei2 ul {
    
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
  }
  
  .setumei2 ul li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;/*ポチ消す*/
  }
  
  .setumei2 ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left : 1em; /*左端からのアイコンまで*/
    color: #008000; /*アイコン色*/
  }

.pc{
	display: none;

}

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

/* main  */      
.top_mov {margin-bottom: 20px;}  
.news_line{overflow: hidden; border-bottom:1px dashed #008000; border-top:1px dashed #008000; margin-bottom: 20px;}
.news_mark{width: 13%; float: left; margin-top: 16px;} 
.news_mark img{width: 80%; }     
.news_day{width: 12em; float: left; margin-top: 18px; font-size: 1.6vw;}     
.news_comment{width: 82%; float: left; font-size: 1.6vw; line-height: 1.4;
    margin-bottom: 20px;}    
.news_comment p{color: #f00; font-size: 1.7vw; font-weight: 600; margin-bottom: 2px;}      

.top_map{margin-bottom: 24px;}
.top_map p{font-size: 2.2vw; font-weight: 600; margin-bottom: 12px;}     
#map_canvas{width: 100%; height: 380px;}  

.setumei{
	width: 80%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #ccff98;/*線*/
    border-radius: 10px;/*角の丸み*/

}	
.setumei p{
	text-align: center;

} 	


.setumei2{
	width: 80%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    

}	
.setumei2 ul {
    
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
  }
  
  .setumei2 ul li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;/*ポチ消す*/
  }
  
  .setumei2 ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left : 1em; /*左端からのアイコンまで*/
    color: #008000; /*アイコン色*/
  }
.sp{
	display: none;

}
	
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {	
    
/* main  */      
.top_mov {margin-bottom: 20px;}  
.news{overflow: hidden; display: flex;}
.news_line{overflow: hidden; border-bottom:1px dashed #008000; border-top:1px dashed #008000; margin-bottom: 20px;
display: flex;}
.news_mark{width: 100px; margin: 0;padding-top: 8px;}    
.news_day{width: 90px;  margin: 0;padding-top: 12px;}     
.news_comment{width: 650px;  padding: 12px 0; margin-bottom: 20px;}    
.news_comment p{color: #f00; font-size: 15px; font-weight: 500; margin-bottom: 2px;}      
    
.top_map{margin-bottom: 24px;}
.top_map p{font-size: 16px; font-weight: 600; margin-bottom: 12px;}     
#map_canvas{width: 850px; height: 380px;}   
    
.setumei{
	width: 80%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #ccff98;/*線*/
    border-radius: 10px;/*角の丸み*/}	
.setumei p{text-align: center;}

.setumei2{
	width: 80%;
	padding: 0.5em 1em;
    margin: 2em auto 0 auto;
    font-weight: bold;
    

}	
.setumei2 ul {
    
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
  }
  
  .setumei2 ul li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;/*ポチ消す*/
  }
  
  .setumei2 ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    position: absolute;
    left : 1em; /*左端からのアイコンまで*/
    color: #008000; /*アイコン色*/
  }
.sp{
	display: none;

}
	
}