/** 
 * [au.kddi.com]
 * 
 * @fileName /library/css/sp_pr_banner.css
 * @date 2016/12/19 10:42
 * 
 */

.topLayer {
    background: none;
    height: auto
}

.disasterDispCtrlArea .pr-wrapper {
    padding: 0;
    background: none
}

#prBanner .prWrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 262px;
    padding: 0 0 134px 0;
    background-color: #f5f5f5;
    overflow: hidden
}

#prBanner .prWrapper ul {
    height: 260px
}

#prBanner .prWrapper li {
    width: 100%
}

html.js-true #prBanner .prWrapper li:first-child {
    visibility: hidden
}

#prBanner .prWrapper li img {
    width: 100%
}

#prBanner .prWrapper li a:focus img,
#prBanner .prWrapper li:focus img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

#prBanner .prWrapper li a:focus .detailLink,
#prBanner .prWrapper li:focus .detailLink {
    background-position: 0 -38px
}

#prBanner .arrow {
    display: block;
    top: auto;
    bottom: 0;
    width: 158px;
    height: 134px
}

#prBanner .arrow.prev {
    right: 162px;
    background: url(/content/dam/au-com/static/designs/extlib/images/common/pr_banner_sp_arrow_l.png);
    background-repeat: no-repeat;
    background-size: contain
}

#prBanner .arrow.prev img {
    top: 0;
    left: 0
}

#prBanner .arrow.next {
    right: 0;
    background: url(/content/dam/au-com/static/designs/extlib/images/common/pr_banner_sp_arrow_r.png);
    background-repeat: no-repeat;
    background-size: contain
}

#prBanner .arrow.next img {
    top: 0;
    right: 0
}

#prBanner .pagenation {
    bottom: 60px;
    left: 120px
}

#prBanner .pagenation li a {
    width: 48px;
    height: 11px
}

.prBannerV2 .thumbOutline {
    display: none;
    position: relative;
    overflow: hidden;
    width: 587px;
    margin: 0 auto
}

.prBannerV2 .pagenation li a:hover {
    background-color: #BBB
}

.prBannerV2 .pagenation li.cur a {
    background-color: #eb5505
}

#prBanner.prBannerV2 {
    width: 980px;
    height: auto
}

#prBanner.prBannerV2[data-single="true"] .prWrapper {
    padding-bottom: 0
}

#prBanner.prBannerV2[data-level="3"] .prWrapper {
    width: 980px;
    height: 313px;
    padding: 0 0 134px 0;
    margin-left: -10px
}

#prBanner.prBannerV2[data-level="3"] .prWrapper ul {
    height: auto
}

#prBanner.prBannerV2[data-level="3"] .prWrapper ul img {
    width: 980px
}

#prBanner.prBannerV2[data-level="3"][data-single="true"] .prWrapper {
    padding-bottom: 0
}