@charset "utf-8";

.sponser{
    margin: 20px auto 0;
}

.sponser h2{
    color: #000;
    font-weight:bold;
    font-size: 18px;
    border-top: #000 2px solid;
    padding: 5px 0;
    margin-bottom:20px;
    text-align: center;
}

.sponser_a{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.sponser_a ul{
    width: 100%;
    margin: 0 auto;
}

.sponser_a ul li{
    display: inline-block;
	width: 330px;
	text-align: center;
	margin: 0 10px 30px 0; 
	vertical-align: top;
}

.sponser_a ul li:last-child{
    margin-right: 0;
}

.sponser_a ul li img{
    width: 100%;
}

.sponser_b{
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}

.sponser_b ul{
    width: 100%;
    margin: 0 auto;
}

.sponser_b ul li{
    display: inline-block;
	width: 192px;
	text-align: center;
	margin: 0 10px 30px 0; 
	vertical-align: top;
}

.sponser_b ul li:last-child{
    margin-right: 0;
}

.sponser_b ul li img{
    width: 100%;
}

/*サブイベント*/
.subevent{
    margin: 100px auto 0;
}

.subevent h2{
    color: #000;
    font-weight:bold;
    font-size: 18px;
    border-top: #000 2px solid;
    padding: 5px 0;
    margin-bottom:20px;
    text-align: center;
}

.subevent img{
    width: 100%;
}


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

     .sponser{
	    width: 90%;
        margin-top: -30px;
        }  
        
    .sponser h2{
        font-size: 15px;
	   	/*font-size:3vw;*/
        }
        
    .sponser_a ul li{
	    width: 100%;
	    margin: 0 auto 15px; 
        }
     
     .sponser_b{
         margin-top: 60px;
        }
        
    .sponser_b ul li{
	    width: 48%;
	    margin: 0 2% 15px 0; 
        }
        
    .sponser_b ul li:nth-child(2n){
        margin-right: 0;
        }
        
        
    /*サブイベント*/    
    .subevent{
	    width: 90%;
        margin-top: 100px;
        }  
        
    .subevent h2{
        font-size: 15px;
	   	/*font-size:3vw;*/
        }
        


}　/*←スマホ用cssの閉じカッコ スマホ用cssはコレよりも上に書くこと*/