@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 120px 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; */
    font-size:17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px 0 116px;
    /* 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;
}

#bannerList .toEC:before {
    display: none;
}

/* ---------------------------- スマホ --------------------------- */
@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;
        padding-bottom: calc(100vw * 40 / 375);
    }
    #bannerList .ttl01{
        /* margin-top:3vh; */
        margin-top: calc(100vw * 20 / 375);
        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; */
        margin:0 0 4vw 0;
        box-sizing: border-box;
    }
    #bannerList .banners li span{
        font-size:4vw;
        padding:5px;
    }
    #bannerList .toEC {
        /* margin:2vh 0 6vh 0; */
        margin-top: calc(100vw * 21 / 375);
        margin-bottom: calc(100vw * 80 / 375);
        padding-top: 0;
        font-size: calc(100vw * 17 / 375);
        /* text-align:center; */
    }
    #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;
    }

}/* スマホ */