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

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


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

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


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


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

}
#content .ad.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 ) {
    .ad.ad-header,
    .ad.ad-castUnderBanner {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 6px;
    }
}/*==== // end @media */

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

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


/* overlay */

.ad #ad_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;
}
.ad #ad_overlay_outer div {
    margin-left: auto;
    margin-right: auto;
    
}


/*
.ad.overlay p#close-overlay {
    position: absolute;
    right: 6px;
    top: 7px;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.ad.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;
}
*/

/* detail menuunder */
.ad.ad-menuunder {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    background: #DBDEE6;
    border-top: solid 1px #fff;
}
.ad.ad-menuunder > div {
    display: inline-block;
    max-width: 100%;
    height: auto;
    text-align: center;
}
.ad.ad-menuunder > div:last-child { margin-right: 0; }
.ad.ad-menuunder img { max-width: 86vw; height: auto; }