ÿþ@charset "utf-8";

/* CSS Document */



#bnr1 {

position:fixed;

top:130px;

right:0;

z-index:999;

}

#bnr1 a {

display: block;

text-indent: -9999px;

width:240px;

height:80px;

background: url(https://image.rakuten.co.jp/ryouhinhyakka/cabinet/event/181104_ma100.jpg) no-repeat 0 0;

margin-right:-156px; 

-webkit-transition: margin-right 0.5s ease-out; 

-moz-transition: margin-right 0.5s ease-out;

-o-transition: margin-right 0.5s ease-out;

transition:margin-right 0.5s ease-out;

}





#bnr2 {

position:fixed;

top:215px;

right:0;

z-index:999;

}

#bnr2 a {

display: block;

text-indent: -9999px;

width:240px;

height:80px;

background: url(https://image.rakuten.co.jp/ryouhinhyakka/cabinet/event/181104_ma300.jpg) no-repeat 0 0;

margin-right:-156px;

-webkit-transition: margin-right 0.5s ease-out;

-moz-transition: margin-right 0.5s ease-out;

-o-transition: margin-right 0.5s ease-out;

transition:margin-right 0.5s ease-out;

}





#bnr3 {

position:fixed;

top:300px;

right:0;

z-index:999;

}

#bnr3 a {

display: block;

text-indent: -9999px;

width:240px;

height:80px;

background: url(https://image.rakuten.co.jp/ryouhinhyakka/cabinet/event/181104_ma500.jpg) no-repeat 0 0;

margin-right:-156px;

-webkit-transition: margin-right 0.1s ease-out;

-moz-transition: margin-right 0.1s ease-out;

-o-transition: margin-right 0.1s ease-out;

transition:margin-right 0.1s ease-out;

}







#bnr4 {

position:fixed;

top:385px;

right:0;

z-index:999;

}

#bnr4 a {

display: block;

text-indent: -9999px;

width:240px;

height:80px;

background: url(http://image.rakuten.co.jp/ryouhinhyakka/cabinet/event/201609ss_f004.jpg) no-repeat 0 0;

margin-right:-156px;

-webkit-transition: margin-right 0.1s ease-out;

-moz-transition: margin-right 0.1s ease-out;

-o-transition: margin-right 0.1s ease-out;

transition:margin-right 0.1s ease-out;

}





#bnr5 {

position:fixed;

top:470px;

right:0;

z-index:999;

}

#bnr5 a {

display: block;

text-indent: -9999px;

width:240px;

height:80px;

background: url(http://image.rakuten.co.jp/ryouhinhyakka/cabinet/event/20161214_001.jpg) no-repeat 0 0;

margin-right:-156px; 

-webkit-transition: margin-right 0.1s ease-out; 

-moz-transition: margin-right 0.1s ease-out;

-o-transition: margin-right 0.1s ease-out;

transition:margin-right 0.1s ease-out;

}





#bnr1 a:hover ,#bnr2 a:hover,#bnr3 a:hover,#bnr4 a:hover,#bnr5 a:hover{

margin-right:0; 

-webkit-transition: margin-right 0.1s ease-out; 

-moz-transition: margin-right 0.1s ease-out;

-o-transition: margin-right 0.1s ease-out;

transition:margin-right 0.1s ease-out;

}