@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%;
}
@media (min-width: 768px){
    .sponser_a ul{
        text-align: center;
    }
}

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

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

.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はコレよりも上に書くこと*/