@charset"UTF-8";
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	font-size:0;
}
body{
	font-family:"游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif; 
	font-size:15px;
    
}
#photo {
      width:350px;
      height:200px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden;
      position: relative;
    }

    #photo img {
      top: 0;
      left: 0;
      position: absolute;
    }
img{
	max-width:100%;
	height:auto;
}    
.rogo{
    border-bottom:solid 3px #228b22;
    
}
.rogo img{
    width:150px;
    height:30px;
    margin-right:20px;
}
.rogo a{
    margin-left:10px;
    font-size:11px;
}
.top-img{
    width:350px;
    height:200px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:30px;
}
.menu{
    margin-left:30px;
}
.menu li{
    width:130px;
    margin:5px 3px;
    padding:5px 0;
    float:left;
    text-align:center;
    color:white;
    font-size:12px;
    border-radius:15px;  
   
}


.sya{
    background-color:#008000;
}
.rakt{
    background-color:#008000;
}
.gat{
    background-color:#008000;
}
.net{
    background-color:#008000;
}
.bag{
    background-color:#008000;
}
.soks{
    background-color:#008000;
}
.acse{
    background-color:#008000;
}
.out{
    background-color:#008000;
}
.tyu{
    background-color:red;
}
.toi{
    background-color:blue;
}

.kaiin{
    
    color:#2f4f4f;
    font-weight:bold;
    margin:10px 20px;
}

.kaiin-01{
    
    border-radius:5px; 
    font-size:15px;
    text-align:center;
    margin-top:15px;
}
.kaiin p{
    font-size:11px;
    border:solid 2px #2f4f4f;
    border-radius:5px; 
    padding:5px;
}
.jyuusyo{
    text-align:center;
    margin-top:30px;
    font-size:13px;
}
h1{
    margin-bottom:10px;
}
/*シャトル*/
.shuttle-contener{
    margin-bottom:40px;
}
.top{
    font-size:15px;
    color:red;
}
.kaiinkakaku{
    color:red;
}
/*ラケット*/

.rkt-contener{
    text-align:center;
    margin-top:20px;
}
.rkt-contener img{
    width:400px;
    height:150px;
}
.setumei{
    font-size:11px;
    text-align:center;
}
/*ソックス*/
h1{
    font-size:20px;
    color:red;
    text-align:center;
}
.socks-contener{
    width:50%;
    float:left;
    margin-top:5px;
    text-align:center;
}
.socks-contener img{
    width:200px;
    height:200px;
}
/*ガット張り機*/
.string-setumei{
    font-size:11px;
    border:solid 1px red;
    padding:5px;
    margin:0 10px;
    border-radius:10px;
}
.video-wrapper{
    text-align:center;
    margin-top:5px;
    
}
.video-wrapper video{
    width:400px;
    height:300px;
}
.fuzok_left{
    float:left;
    width:30%;
    height:30%;
    margin-left:30px;
    margin-top:30px;
}
.fuzok_right{
    float:right;
    font-size:11px;
    width:60%;
    margin-top:40px;
}

.string-contener{
    text-align:center;
    margin-bottom:70px;
}
.mm320 img{
    width:30%;
    height:30%;
}
.puti{
    width:50%;
    float:left;
    text-align:center;
}
.puti p{
    color:red;
    font-size:11px;
}
/*ラケットバッグ*/
.bag-contener{
    text-align:center;
    margin-bottom:30px;
}


@media screen and (min-width:768px){
body{
    max-width:1024px;
    margin:0 auto;
}
/*シャトル*/
.shuttle-contener{
    width:30%;
    float:left;
}
/*ソックス*/ 
.socks-contener{
    width:24%;
    float:left;
    margin-top:5px;
    text-align:center;
}
/*ラケット*/
.rkt-contener{
    width:33%;
    float:left;
}
/*ガット張り機*/
.puti{
    width:25%;
}
.video-wrapper video{
    width:500px;
    height:300px;
}
/*ラケットバッグ*/
.bag-contener{
    width:33%;
    float:left;
}
   

@media screen and (min-width:1024px){

}