@charset "utf-8";

@media screen and (max-width:560px){

    .genba {
        text-align: center;
        padding: 20px 0;
    }

    .home .title.top{
        margin-top: 0;
    }


    .twitter_box{
        display: block;
    }
    .twitter_box .box{
        width: 100%;
        margin-bottom: 20px;
    }



     .contents{
        padding: 0 20px;
    }

    .event_in .flex-box{
		display: flex;
		flex-direction: row;
		justify-content: start;
    }
    
    .home .event_in{
        width: 100%;
        margin-bottom: 20px;
    }
    
	

    
    .home .imgbox img{
        width: 100%;
        height: 100%;
    }

    .home .img-title img{
        width: auto;
        max-width: 100%;
        height: auto;
    }



    .home .event_in .imgbox{
        width: 55%;
    }
   .home .event_in .text{
       width: 45%;
   }

   .home .event_in .text{
       padding: 15px;
   }

  

   .link_list li{
       margin-bottom: 30px;
       max-width: 100%;
       width: auto;
       padding: 0 0px;
   }

    .link_list li:nth-child(2){
       margin-bottom: 50px;
   }

   .link_list li img{
       width:100%;
   }




   .home .event .morebtn{
       position: absolute;
       right: -4px;
       bottom: 0;
       z-index: 2;
   }

   

   .news .morebtn{
       position: absolute;
        right: 0;
        bottom: 0;
    }
	
	.news .news_in li span{
		font-weight: bold;
		margin-right: 15px;
    }

    .fnav_in{
        display: flex;
        justify-content: space-around;
        width: 100%;
        padding-left:20px;
        padding-right: 20px;
    }

    .fnav_in li{
       font-size: 10px;
       padding: 0;
       text-align: center; 
    }

    .fnav_contents{
        padding-left: 20px;
        padding-right: 20px;
    }
    .jcsgroup img{
        padding-left: 20px;
        padding-right: 20px;
    }

     .controls .filter{
        width: 49%;
        text-align: center;
        margin: auto auto 20px auto;
        color: #fff;
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 3px;
        border: none;
        box-sizing: border-box;
    }

    .controls .filter:nth-child(odd){
        margin-right: 2%;
    }

    footer .eventlist .fnav2{
        background-image: none;
    }
	


}



@media screen and (max-width:321px){
        
    #container .controls .filter{
        font-size: 11px;
    }
}