@charset "UTF-8";


/*********************
* バナー
*********************/


#contents_block .bnrBox {
    width: 980px;
    margin: 40px auto;
}

#contents_block .bnrBox img {
    width: 100%;
    height: auto;
}

#contents_block .bnrBox a img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* smartPhone */
@media screen and (max-width: 640px) {


    #contents_block .bnrBox {
        width: 90%;
        margin: 3em auto;
    }

}
/* smartPhone END */


/*********************
* バナー2並び
*********************/


#contents_block .bnrBox2 {
    width: 980px;
    margin: 50px auto 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#contents_block .bnrBox2 li {
    width: 48%;
    height: auto;
    margin-bottom: 40px;
}


#contents_block .bnrBox2 img {
    width: 100%;
    height: auto
}

#contents_block .bnrBox2 a img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


/* smartPhone */
@media screen and (max-width: 640px) {


    #contents_block .bnrBox2 {
        width: 90%;
        margin: 40px auto;
        display: flex;
        flex-wrap: wrap;
        
    }

    #contents_block .bnrBox2 li {
        width: 100%;
        height: auto;
        margin-bottom: 1em;
    }
    
    #contents_block .bnrBox2 li:nth-child(n + 2) {
        margin-top: 1.5em;
    }


    #contents_block .bnrBox2 img {
        width: 100%;
        height: auto
    }
}
/* smartPhone END */


/*********************
* バナー2
*********************/


#contents_block .bnrBoxMov {
    width: 980px;
    margin: 40px auto;
}



#contents_block .bnrBoxMov img {
    width: 100%;
    height: auto;
}

#contents_block .bnrBoxMov:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


#contents_block .bnrBoxMovSt {
    position: relative;
    height: 580px;
}

#contents_block .bnrBoxMovStU {
    position: absolute;
    z-index: 50;
}

#contents_block .bnrBoxMovStO {
    position: absolute;
    z-index: 100;
}

/* smartPhone */
@media screen and (max-width: 640px) {


    #contents_block .bnrBoxMov {
        width: 90%;
        margin: 3em auto;
    }

    #contents_block .bnrBoxMovSt {
        height: 85vw;
    }

}

/* smartPhone END */