﻿@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 楽天・商品個別セールバナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */




/* ━セット━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* URACA(うらこ)セット*/
#sale_bn.sale_uracoset:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco-set.jpg);}
a[target="sale_uracoset"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco-set.jpg);}
.cate-txt-sale.sale_uracoset:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_uracoset:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_uracoset:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_uracoset:before, 
a[target="sale_uracoset"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_uracoset"] p:after{ height:225px; }


/* バリューセット */
/*
#sale_bn.sale_valueset:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_set.jpg);}
a[target="sale_valueset"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_set.jpg);}
.cate-txt-sale.sale_valueset:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_valueset:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_valueset:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_valueset:before, 
a[target="sale_valueset"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_valueset"] p:after{ height:175px; }
*/


/* 高機能セット */
/*
#sale_bn.sale_specialset:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_set.jpg);}
a[target="sale_specialset"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_set.jpg);}
.cate-txt-sale.sale_specialset:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_specialset:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_specialset:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_specialset:before, 
a[target="sale_specialset"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_specialset"] p:after{ height:175px; }
*/



/* ━ドレープ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* URACA(うらこ) */
#sale_bn.sale_uraco:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco.jpg);}
a[target="sale_uraco"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco.jpg);}
.cate-txt-sale.sale_uraco:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_uraco:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_uraco:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_uraco:before, 
a[target="sale_uraco"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_uraco"] p:after{ height:170px; }


/* 5088ホッシュ */
#sale_bn.sale_5088:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_5088.gif);}
a[target="sale_5088"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_5088.gif);}
.cate-txt-sale.sale_5088:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_5088:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_5088:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_5088:before, 
a[target="sale_5088"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_5088"] p:after{ height:200px; }


/* ナイスプライス(コーティング4980円) */
#sale_bn.sale_coating4980:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco.jpg);}
a[target="sale_coating4980"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_uraco.jpg);}
.cate-txt-sale.sale_coating4980:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_coating4980:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_coating4980:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_coating4980:before, 
a[target="sale_coating4980"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_coating4980"] p:after{ height:170px; }


/* 5160リターン */
#sale_bn.sale_5160:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_5160.jpg);}
a[target="sale_5160"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_5160.jpg);}
.cate-txt-sale.sale_5160:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_5160:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_5160:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_5160:before, 
a[target="sale_5160"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_5160"] p:after{ height:200px; }



/* ━レース━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 二重レースPARTY */
#sale_bn.sale_party:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p10_party.jpg);}
a[target="sale_party"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p10_party.jpg);}
.cate-txt-sale.sale_party:after{
 content:"↓1月22日(金)AM9:59まで ポイント10倍セール中"; }
.sale_top.sale_party:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_party:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_party:before, 
a[target="sale_party"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#FF4200; }
a[target="sale_party"] p:after{ height:241px; }


/* 4084ロフト */
#sale_bn.sale_4084:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p10_4084-uv.gif);}
a[target="sale_4084"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p10_4084-uv.gif);}
.cate-txt-sale.sale_4084:after{
 content:"↓1月22日(金)AM9:59まで ポイント10倍セール中"; }
.sale_top.sale_4084:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_4084:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_4084:before, 
a[target="sale_4084"]:before{
 content:"1月22日(金)AM9:59まで"; color:#FF4200; }
a[target="sale_4084"] p:after{ height:300px; }


/* 4177ラッシュ防炎 */
#sale_bn.sale_4177:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_4177.gif);}
a[target="sale_4177"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_4177.gif);}
.cate-txt-sale.sale_4177:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_4177:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_4177:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_4177:before, 
a[target="sale_4177"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#FF4200; }
a[target="sale_4177"] p:after{ height:175px; }


/* 4112ピクシー */
/*
#sale_bn.sale_4112:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_4112.gif);}
a[target="sale_4112"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_4112.gif);}
.cate-txt-sale.sale_4112:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_4112:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_4112:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_4112:before, 
a[target="sale_4112"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#FF6699; }
a[target="sale_4112"] p:after{ height:160px; }
*/


/* ━カフェ・その他━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* うらこカフェ */
/*
#sale_bn.sale_cracocafe:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_cafe.jpg);}
a[target="sale_cracocafe"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_cafe.jpg);}
.cate-txt-sale.sale_cracocafe:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_cracocafe:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_cracocafe:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_cracocafe:before, 
a[target="sale_cracocafe"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#FF4200; }
a[target="sale_cracocafe"] p:after{ height:185px; }
*/


/* 吸水名人 */
#sale_bn.sale_3797:after{
 content:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_3797.jpg);}
a[target="sale_3797"] p:after{
 background:url(http://image.rakuten.co.jp/tengoku/cabinet/00043458/p5_3797.jpg);}
.cate-txt-sale.sale_3797:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_3797:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_3797:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_3797:before, 
a[target="sale_3797"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_3797"] p:after{ height:175px; }




/* ━テンプレここから━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*
#sale_bn.sale_★:after{
 content:url(http://);}
a[target="sale_★"] p:after{
 background:url(http://);}
.cate-txt-sale.sale_★:after{
 content:"↓1月22日(金)AM9:59まで ポイント5倍セール中"; }
.sale_top.sale_★:before{
 content:"↓1月22日(金)AM9:59迄ポイントセール"; }
.sale_topmini.sale_★:before{
 content:"↓ポイントセール中"; }
#sale_bn.sale_★:before, 
a[target="sale_★"] p:before{
 content:"1月22日(金)AM9:59まで"; color:#030072; }
a[target="sale_★"] p:after{ height:●px; }
　　　　　　　　　　　　　　　　　↑↑
height指定している「●px」は 元画像の縦の長さ÷2 にする。

---------------
▼表示する場所に挿入するHTMLタグ　※★部分は共通

　↓パソコン商品ページ用
<div id="sale_bn" class="sale_★"></div>

　↓スマホ(RMS＆GOLD)用
<a target="sale_★"><p></p></a>

　↓トップページ・バナーを囲うリンクに「class」を記入
<A href="●" class="sale_top sale_★">
<A href="●" class="sale_topmini sale_★">←125px用

　↓カテゴリ(商品一覧)ページ・「class」内に半角スペースをあけて記入
<div class="cate-txt-sale sale_★"></div>

*/
/* ━テンプレここまで━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */





/* ━ここから共通使用━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sale_top:before, .sale_topmini:before, .cate-txt-sale:after{
 color:#ff0000;
 font-weight:bold;
 text-decoration:none;
 display:block;
}
.sale_top:before, .sale_topmini:before{
 font-size:13px;
 line-height:1;
}
.cate-txt-sale:after{
 font-size:14px;
}

#sale_bn:before{
 face:メイリオ, sans-serif;
 font-size:48px;
 font-weight:bold;
 text-align:center;
 display:block;
}
#sale_bn:after{
 text-align:center;
 display:block;
 margin:5px auto 60px;
}

a[target^="sale"] p{
 font-size:0px;
}
a[target^="sale"] p:before{
 face:メイリオ, sans-serif;
 font-size:19px;
 font-weight:bold;
 text-align:center;
 display:block;
}
a[target^="sale"] p:after{
 content:"";
 background-position:center top;
 background-repeat:no-repeat;
 background-size:300px auto;
 display:block;
 width:100%; 
}
