@charset "UTF-8";
/* geniee.css  for SP*/

/* -----------------------------------------------------
    geniee module 20190808
-----------------------------------------------------*/
.geniee,
.geniee > div,
.geniee img {
    vertical-align: top;
}


/* ad-rectangle */
.geniee.ad-rectangle {
    display: inline-block;
    position: relative;
    width: 100vw;
    margin-left:  -4.8vw;
    margin-right: -4.8vw;
    text-align: center;
}
#content .geniee.ad-rectangle {
    margin: -1px 0;
    padding-top: 10px;
    padding-bottom:  10px;
    border-top: solid 1px #bfc4d1;
    border-bottom: solid 1px #bfc4d1;
}
.af .geniee.ad-rectangle {
    margin: 15px 0 5px;
}

.geniee.ad-rectangle > div {
    display: inline-block;
    max-width: 336px;
    max-height: 280px;
    text-align: center;
}
.geniee.ad-rectangle > div img { text-align: center; }


.geniee.ad-rectangle + .snsArea {
    margin-top: 10px;
}


/* ad-banner */
.geniee.ad-banner,
.geniee.ad-header,
.geniee.ad-castUnderBanner {
    display: block;
    position: relative;
    text-align: center;

}
#content .geniee.ad-castUnderBanner {
    margin: -1px 0;
    padding-top: 10px;
    padding-bottom:  10px;
    border-top: solid 1px #bfc4d1;
    border-bottom: solid 1px #bfc4d1;
}
@media screen and (min-width : 660px ) {
    .geniee.ad-header,
    .geniee.ad-castUnderBanner {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 6px;
    }
}/*==== // end @media */

#tabs .geniee.ad-banner {
    padding-top: 11px;
    padding-bottom: 5px;
    background: #fbf9db;
}
.geniee.ad-banner > div,
.geniee.ad-header > div,
.geniee.ad-castUnderBanner > div {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 6px;
    text-align: center;
}
.geniee.ad-banner > div img,
.geniee.ad-header > div img,
.geniee.ad-castUnderBanner > div img {
    width: 100%;
    height: auto;
}

.geniee.ad-banner img,
.geniee.ad-header img,
.geniee.ad-castUnderBanner img { margin: 0; }


/* overlay */

.geniee #geniee_overlay_outer {
    z-index: 100 !important;
    box-sizing: border-box;
    width: 100vw !important;
    height: auto;
    padding: 8px 10px 6px 0;
    background: rgba(120,120,120,0.8);
    text-align: center;
}
.geniee #geniee_overlay_outer div {
    margin-left: auto;
    margin-right: auto;
    
}


/*
.geniee.overlay p#close-overlay {
    position: absolute;
    right: 6px;
    top: 7px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.geniee.overlay p#close-overlay a {
    display: block;
    width: 20px;
    height: 0px;
    padding-top: 20px;
    line-height: 20px;
    overflow: hidden;
    background: url("../../../common_re2018/images/icon_close.png") no-repeat;
    -webkit-background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	background-size: 18px 18px;
    background-position: 1px 1px;
}
*/