@charset "UTF-8";

#header {
	z-index: 9999999 !important;
}
.info_banner{width: 100%;}
.info_banner img{width: 100%;}
.info_banner a:hover img {opacity: unset;}
.info_banner .inbox {line-height: 0;}
.bn_close{
    position: absolute;
    top:7px; right: 9px;
    width: 20px;
    height: 20px;
    background-color: #ffff;
    border: 1px solid #dbdbdb;
}
.bn_close img {
    width: auto;
    margin: 3px;
}

@media screen and (max-width: 900px) {
    .pc{display: none}
    .sp{display: block;position: relative;border: 1px #eeeeee;line-height:0;}
    .info_banner{border: 1px #eeeeee;line-height:0;}

    .info_banner{
        position: fixed;
        bottom: 0;
        z-index:99999;
    }

    body.has_banner #time_menu {
        bottom: 160px !important;
    }
    body.has_banner .pagetop{
        bottom: 120px;
    }
}

@media screen and (min-width: 901px) {
    .sp{display: none}
    .pc{display: block}

    .info_banner/*.bnpc*/{
        position: fixed;
        bottom: 8px;
        width: 455px;
        right: calc((100vw - 70px)/2 - 228px);
        z-index: 99999;
    }
    body.open .info_banner/*.bnpc*/{
        right: calc((100vw - 250px)/2 - 228px);
    }
}
@media screen and (min-width: 1000px) {
    .info_banner/*.bnpc*/{
        width: 546px;
        right: calc((100vw - 70px)/2 - 273px);
    }
    body.open .info_banner/*.bnpc*/{
        right: calc((100vw - 250px)/2 - 273px);
    }
}
@media screen and (min-width: 1201px) {
    .info_banner/*.bnpc*/{
        width: 675px;
        right: calc((100vw - 70px)/2 - 364px);
    }
    body.open .info_banner/*.bnpc*/{
        right: calc((100vw - 250px)/2 - 364px);
    }
}