@charset "utf-8";

body{ margin: 0;
           font-family:'メイリオ','hiragino kaku Gothic Pro',sans-serif}


/*サイト名*/



.site h1 a {color: #000000;
                 text-decoration: none}
				 
				 
.site h1 {margin: 0;
               font-saize: 30px}
	       
	       
	       
.site img {border: none}

/*ナビゲーション*/


.menu ul {margin: 0;
                 padding: 0;
		 list-style: none}
		 
		 
.menu li a {display: block;
                   padding: 10px 15px;
		   color: #000000;
		    font-size: 14px;
		    text-decoration: none}
		    
		    
		    
.menu li a:hover {background-color: #eeeeee}

.menu ul:after {content: "";
                           display: block;
			    clear: both}
			    
			    
.menu li  {float:left;
                width: auto}
		
		
.shoukai {margin-bottom: 20px}


	       
	       
	       
	       
/*ヘッダー　画像*/
		
		
.topimg {max-width: 100%;
                height:auto;
		vertical-align: bottom}
		
		
		
.topimg1 {max-width: 100%;
                height:auto;
		vertical-align: bottom}


.topimgc {max-width: 100%;
                height:auto;
		vertical-align: bottom
　　　　　　　　padding:3px；}
			
		
		
		
		
		
/*キャッチコピー*/

.catch {margin-bottom: 5px;
            padding: 5px;
	    background-color: rgba(255,255,255,0.7);
	    font-size: 20px}		
	    
	    
	    
	    
/*ヘッダー画像をキャッチコピーを重ねる*/

.top {position: relative}

.catch{position: absolute;
            bottom: 0.5%;
	    left: 3%}


		
/*概要*/

.gaiyou a {display: block;
                background-color: #222222;
		color: #ffffff;
		text-align: center;
		text-decoration: none}
		
		
.gaiyou a:hover {opacity: 0.8}



.gaiyou i{display: block;
              padding-top: 40px;
	      padding-bottom: 40px;
	      font-size: 38px}
	      
	      
.gaiyou .fa-futbol-o {background-color: #bfbd13}

.gaiyou .fa-bold {background-color: #F39800}

.gaiyou .fa-heart  {background-color: #FF69B4}



.gaiyou h1{margin-top: 0;
                 margin-bottom: 0;
                 padding-top: 5px;
		 padding-bottom: 5px;
                  font-size: 20px
　　　　　font-weight: normal}
		  
		  
.gaiyou p {margin-top: 0;
                margin-bottom: 0;
                padding-top: 15px;
		padding-bottom: 15px;
		 background-color: #524e3c;
                 font-size: 10px}
		 
		 
	
/*選手紹介*/	 
		 
		 
		 
.senshu h2{margin-top:0;
                    margin-bottom:0;
		    font-size; 36px}
		    
		    
.senshu p {margin-top:0;
                   margin-bottom:0}
		   
		   
		   
/*選手紹介文字*/

.senshu{ display: block;
               text-align: center;
	       text-decoration: none}
		   
		   


		



/*お知らせ*/


.news {padding: 20px;
            border: solid 5px #dddddd}



.news h1 {margin-top: 0;
                margin-bottom: 5px;
		font-size: 18px;
		color; #66666}

.news ul{margin: 0;
               padding: 0;
	        list-style: none}
		
		
.news li a {display: block;
                 padding: 5px;
                 border-bottom: dotted 2px #dddddd;
		  color: #000000;
		  font-size: 14px;
		  text-decoration: none}
		  
.news li a:hover {background-color: #eeeeee}


.news time {
                    color: #888888;
		    font-weight: bold}


.news a:after {content:"";
                         display: block;
			 clear: both}

.news time{float: left;
                    width: 60px}

.news .text {float: none;
                      width: auto;
                     margin-left: 60px}		    
		     
		     
		     
.senshushoukai ul{margin: 0;
               padding: 0;
	        list-style: none}
		
		
.senshushoukai li {display: block;
                 padding: 5px;
                 border-bottom: dotted 2px #dddddd;
		  color: #000000;
		  font-size: 14px;
		  text-decoration: none}
		  
.senshushoukai li:hover {background-color: #eeeeee}  



.rekishi h3 {margin-top: 15px;
                    margin-bottom: 5px;
		      padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size:15px;
		    color: #666666}



.rekishi ul{margin: 0;
                padding: 0;
		list-style: none}
		
		
.rekishi li {display: block;
                 padding: 5px;
		 border-bottom: dotted 2px #dddddd;
		  color: #000000;
		  font-size: 14px;
		   text-decoration: none}
		   
		   
.rekishi time {margin-right: 10px;
                       color: #888888;
		       font-weight: bold}



.team h3 {margin-top: 15px;
                    margin-bottom: 5px;
		      padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size:15px;
		    color: #666666}



.team ul{margin: 0;
                padding: 0;
		list-style: none}
		
		
.team li {display: block;
                 padding: 5px;
		 border-bottom: dotted 2px #dddddd;
		  color: #000000;
		  font-size: 14px;
		   text-decoration: none}
		   
		   
.team time {margin-right: 10px;
                       color: #888888;
		       font-weight: bold}
		       
		       
		       
		       
.game h3 {margin-top: 15px;
                    margin-bottom: 5px;
		      padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size:15px;
		    color: #666666}



.game ul{margin: 0;
                padding: 0;
		list-style: none}
		
		
.game li {display: block;
                 padding: 5px;
		 border-bottom: dotted 2px #dddddd;
		  color: #000000;
		  font-size: 14px;
		   text-decoration: none}
		   
		   
.game time {margin-right: 10px;
                       color: #888888;
		       font-weight: bold}

		       
		       
		       
		       
.boshu01 h1	{margin-top: 0;
                    margin-bottom: 20px;
		    padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size: 24px;
		    font-weight: normal}	



.boshu01 p {margin-top: 0;
                  max-width: 640px;
                margin-bottom: 20px}       
		
		
		
.uniform h3 {margin-top: 15px;
                    margin-bottom: 5px;
		      padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size:15px;
		    color: #666666}
		       


.uniform {margin-bottom:20px}



.box15 h3{margin-top: 15px;
                    margin-bottom: 5px;
		      padding-left: 20px;
		    border-left: solid 20px #c50018;
		    font-size:15px;
		    color: #666666}


		   
		   

		     
		     
		     
		     
		     
		     
		     
		     
		     
/*SNSメニュー*/

.follow ul{margin: 0;
                 padding: 0;
                 list-style: none}

.follow li a{display: block;
                 margin-bottom: 10px;
                padding: 10px;
		border-radius: 4px;
                 color:#ffffff;
                font-size: 14px;
                 text-decoration: none}


.follow li a:hover {opacity: 0.8}		



.follow-tw {background-color: #63bafb}

.follow-fb{background-color: #5288f7}

.follow-kf{background-color: #31ed31}

.follow-practice{background-color: #bfbd13}

.follow-practice1{background-color: #bfbd13}

.follow-record{background-color: #800080}

.follow-Instagram{background-color: #3f729b}


.follow i{margin-right: 10px;
               font-size: 24px;
	       vertical-align: middle}
	       
	       
}



.boshu01 h1 {margin-top: 0;
                        margin-bottom: 20px;
			font-size: 36px}
			
			
boshu01 p {margin-top: o;
                      margin-bottom: 20px}



.sidemenu ul {margin: 0;
                      padding: 0;
		      list-style: none}
		      
		      
.sidemenu li a {display:block;
                          padding: 5px;
			  color: #000000;
			  font-size: 14px;
			  text-decoration: none}
			  
			  
			  
.sidemenu li a:hover {background-color: #eeeeee}
		     
		     
		     
		    
	
/*コピーライト*/

.copyright p {margin: 30px;
                     color: #666666;
                     font-size: 6px}	    
		     
		     
/*BOXAの下に罫線を挿入（コンテンツページのみ）*/

.boshu	.boxA{border-bottom: solid 1px #dddddd}	     

		     
		     
		     
/*359px以下*/
@media (max-width: 359px){	

/*サイト名*/	
.site img {width: 225px;
                height: auto}

}     





/*599px以下*/
@media (max-width: 599px){



/*599px以下ナビゲーション*/
.menu li a {padding: 10px 7px;
		  font-size: 11px;}
		  

/*キャッチコピー*/		  
.catch {padding: 5px 10px;
             font-size: 11px}
		
		
/*記事*/	

.boshu01 h1{font-size: 26px}

.boshu01 h2{font-size: 26px}

		
.boshu01 p{font-size: 16px}
}		    
		     
		     
		     
/*box5をバーの形*/
.box5 {padding-top: 3px;
            padding-bottom: 3px;
            background-color: #dddddd}
	    
	    
	    
	    



		    
		    
/*ボックスの左右*/

.boxA,.box4,.box5,.box6,.box7,.box8,.box11,.box12,.box13,.box14,.box15,.box16,.box17

        {padding-left: 15px;
	padding-right: 15px}
	
	
	
	
	
	
/*ボックスの上下*/

.boxA　{padding-top:  20px;
               padding-bottom: 10px}
		    
.box4　{padding-top:  20px;
               padding-bottom: 20px}		   





.box4-1 {padding-bottom: 20px}

.box6 {padding-top: 20px}

.box6-1,.box6-2,.box6-3 
{padding-bottom: 10px}

.box7 {padding-top: 5px;}

.box8 {padding-top: 25px;
           padding-bottom: 25px}
	   
	   
.box11 {padding-top: 20px}
	   
	   
.box11-1,.box11-2,.box11-3 
{padding-bottom: 10px}	   



.box17 {padding-top: 3px}
	   
	   
.box17-1,.box17-2,.box17-3 
{padding-bottom: 5px}	   

	   
.box18 {padding-top: 3px}
	   
	   
.box18-1,.box18-2,.box18-3 
{padding-bottom: 3px}	 	   
  




/*768px以上*/


@media (min-width: 768px){














.boxA:after {content:"";
                     display: block;
			clear: both}
					  
.box1 {float: left;
           width: auto
	   }
		   
		   
.box2 {float: right;
           width: auto}
	   


	   
	   
/*box4-1とbox4-2を横に並べる設定*/

.box4:after {content:"";
                          display: block;
			  clear:  both}
			  
.box4-1 {float: left;
                width: 70%;
		padding-right: 35px;
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box}
		
		
.box4-2 {float: left;
                width: 30%}
	   



/*box6-1とbox6-2とbox6-3を横に並べる設定*/

.box6:after {content:"";
                   display: block;
		   clear:  both}
		   
		   
.box6-1 {float:left;
                 width: 32%;
		 margin-right: 2%
		 }
		 
.box6-2 {float:left;
                width: 32%;
		 margin-right: 2%}

.box6-3 {float:left;
                 width: 32%}
		 
		 
/*box9-1とbox9-2とbox9-3を横に並べる設定*/

.box9:after {content:"";
                   display: block;
		   clear:  both}
		   
		   
.box9-1 {float:left;
                 width: 33.3333%}
		 
.box9-2 {float:left;
                width: 33.333%}

.box9-3 {float:left;
                 width: 33.333%}



/*box11-1とbox11-2とbox11-3を横に並べる設定*/

.box11:after {content:"";
                   display: block;
		   clear:  both}
		   
		   
.box11-1 {float:left;
                 width: 33.3333%}
		 
.box11-2 {float:left;
                width: 33.333%}

.box11-3 {float:left;
                 width: 33.333%}
		 
		 
		 
		 
.box16:after{content:"";
                       display: block;
		       clear: both}
		       
.box16-1 {float: right;
                  width: 90%}
		  
.box16-2{float: left;
                  width: 10%}






/*box11-1とbox11-2とbox11-3を横に並べる設定*/

.box17:after {content:"";
                   display: block;
		   clear:  both}
		   
		   
.box17-1 {float:left;
                 width: 33.3333%}
		 
.box17-2 {float:left;
                width: 33.333%}

.box17-3 {float:left;
                 width: 33.333%}


		 
		 

/*box11-1とbox11-2とbox11-3を横に並べる設定*/

.box18:after {content:"";
                   display: block;
		   clear:  both}
		   
		   
.box18-1 {float:left;
                 width: 33.3333%}
		 
.box18-2 {float:left;
                width: 33.333%}

.box18-3 {float:left;
                 width: 33.333%}

	 

}



/*1190px以上*/

@media (min-width: 1190px){


/*全体の横幅を固定*/

.box3,.boxc,.box4,.boxA-inner,.box5-inner, .box6,.box7,.box8,.box11,.box12,.box13,.box14,.box15,.box16,.box17,.box18 {width: 1140px;
                     margin-left: auto;
		     margin-right: auto}

 
 /*box aの下に罫線を挿入*/
 
 .boxA   {margin-bottom: 20px;
               border-bottom: solid 1px #dddddd}
}    


/背景文字/

<style type="text/css">
<!--
.orange {background-color:#ffcc99;}
.violet {background-color:#4b0082; color:#ffffff;}
-->
</style>