@charset 'utf-8';

/*
    banner-ad
*/

/* index */
.banner-ad-index {
    margin-bottom: 60px;
}

.banner-ad-index .sp-view {
    display: none;
}

.banner-ad-index img {
    width: 100%;
    display: block;
}

/* sidebar */
.banner-ad-sidebar:first-of-type
{
    margin: 0 0 30px;
}

.banner-ad-sidebar img
{
    width: 100%;
    display: block;
}

/* post */
.banner-ad-top,
.banner-ad-bottom
{
    display: none;
}

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

    .banner-ad-index {
        margin: 25px auto 15px;
    }

    .banner-ad-index .pc-view {
        display: none;
    }

    .banner-ad-index .sp-view {
        display: block;
    }

    .banner-ad-sidebar
    {
        display: none;
    }

    .banner-ad-top
    {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 9999;
        height: auto;
        transition: 0.5s ease;
        background: #999;
    }
    .banner-ad-top img
    {
        display: block;
        width: 100%;
        height: auto;
    }

    .banner-ad-bottom
    {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 9999;
        height: auto;
        transition: 0.5s ease;
        background: #999;
    }
    .banner-ad-bottom img
    {
        display: block;
        width: 100%;
        height: auto;
    }

}