@charset "UTF-8";
#emptyBannerCase{
    width:1100px;
    margin:20px auto 300px auto;
}
#emptyBannerCase h2{
    font-size:24px;
}
#emptyBannerCase p{
    font-size:16px;
    padding:1em 0
}
#bannerList .emptyMsg{
    font-size:16px;
    color:#888;
    text-align:center;
}
/* -------  ------- */
#bannerList{
    width:1100px;
    margin:0 auto 70px auto;
    padding:0;
}
#bannerList .ttl01{
    margin-top:35px;
    font-size:37px;
    font-weight:600;
    color:#333;
}
#bannerList .subTitle p{
    font-size:17px;
    font-weight:500;
    line-height:1.4;
    color:#555;
}
#bannerList .subTitle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:33px;
}
#bannerList .subTitle:after {
    display: block;
    content: "";
    border-top: 0.7em solid #555;
    margin-left: 0.5em;
    width: auto;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top:0.2em;
}
#bannerList .banners {
    width:1133px;
    margin:0 auto;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#bannerList .banners li{
    width:250px;
    border:1px solid #ccc;
    margin:0 33px 33px 0;
    box-sizing: border-box;
}
#bannerList .banners li img{
    width:100%;
}
#bannerList .banners li span{
    display:block;
    box-sizing: border-box;
    font-size:15px;
    padding:5px;
}
#bannerList .toEC {
    text-align:right;
    font-size:14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom:35px;
}
#bannerList .toEC:before {
    display: block;
    content: "";
    border-top: 1px dashed #ccc;
    margin-left: 0.5em;
    width: auto;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top:0.2em;
    margin-right:1em;
}

/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){
    #emptyBannerCase{
        width:90%;
        margin:1em auto 10vh auto;
    }
    #emptyBannerCase h1{
        font-size:6vw;
    }
    #emptyBannerCase p{
        font-size:4vw;
        padding:1em 0
    }
    /* -------  ------- */
    #bannerList{
        width:94vw;
        margin:0 auto;
        padding:0;
    }
    #bannerList .ttl01{
        margin-top:3vh;
        font-size:8vw;
    }
    #bannerList .subTitle p{
        font-size:4.5vw;
        line-height:1;
    }
    #bannerList .subTitle{
        margin-bottom:2.5vh;
    }
    #bannerList .banners {
        width:100%;
        margin:0 auto;
        padding:0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #bannerList .banners li{
        width:45vw;
        border:1px solid #ccc;
        margin:0 0 3vh 0;
        box-sizing: border-box;
    }
    #bannerList .banners li span{
        font-size:4vw;
        padding:5px;
    }
    #bannerList .toEC {
        text-align:center;
        margin:2vh 0 6vh 0;
    }
    #bannerList .toEC a{
        display: inline;
        margin:0 auto;
        text-align:center;
        font-size:3.3vw;
        padding:4px 8px;
        border:1px solid #ccc;
        border-radius: 3px;
        background-color:#eee;
    }
    #bannerList .toEC:before {
        display: none;
        content: "";
        border-top: none;
        margin:0;
        height:0;
    }

}/* スマホ */