@charset "utf-8";
/* CSS Document */

/*doc
---
title: 幅100%背景バナー
name: Ad_Width_Full
category: 広告
parent:
---

幅100%で背景が繰り返すバナーのスタイル

- .yahoo
- .amazon

```html_example
<div class="bnrWidthFull">
    <a href="#" target="_blank">楽天スーパーSALE</a>
<!-- /.bnrWideRepeat --></div>
<div class="bnrWidthFull yahoo1">
    <a href="#" target="_blank">Yahoo!ショッピングSALE</a>
<!-- /.bnrWideRepeat --></div>
<div class="bnrWidthFull amazon1">
    <a href="#" target="_blank">Amazon SPRING TIME SALE</a>
<!-- /.bnrWideRepeat --></div>
```
*/

.bnrWidthFull {
    margin: 8px 0;
}

.bnrWidthFull > a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    display: block;
    width: 100%;
    height: 50px;
    background-repeat: repeat-x;
    background-position: 50% 0;
}

.bnrWidthFull.rakuten1 a {
    background-image: url(//special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/bnr_rakuten01.png);
}

.bnrWidthFull.yahuoku1 a {
    background-image: url(//special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/bnr_yahuoku01.png);
}

.bnrWidthFull.amazon1 a {
    background-image: url(//special.aucfan.com/wp-content/themes/the-bootstrap/image/sp/bnr_amazon01.png);
}