body { padding:0; margin:0; position:relative; }
#lp { width:100%; max-width:960px; margin: 0 auto; position:relative; overflow:hidden; }
#lp img { display:block; width:100%; padding:0; margin:0; }

/***** offer settings *****/
.price_area { display:block; position:relative;margin:0;padding:0; }

/* -- Recommended offer -- */
.ugoku { 
  -webkit-animation: 2s ease 0s 1 normal none running btn_anime;
  animation: 2s ease 0s infinite normal none running btn_anime;
  position: absolute;
  right:0;
  bottom:3%;
  
   }
.reflection  { display:block; height:100%; width:30px; position:absolute; top:-180px; left:0; background-color:#fff; opacity:0; -webkit-transform: rotate(45deg); -webkit-animation: reflection 2s ease-in-out infinite; transform: rotate(45deg);  animation: reflection 2s ease-in-out infinite; }
/***** animation settings *****/
/* -- button animation -- */
@-webkit-keyframes btn_anime { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } }
@keyframes btn_anime { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } }
/* -- kirarin animation -- */
@keyframes reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; } 80% { transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { transform: scale(4) rotate(45deg); opacity: 1; } 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
@-webkit-keyframes reflection { 0% { transform: scale(0) rotate(45deg); opacity: 0; } 80% { transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { transform: scale(4) rotate(45deg); opacity: 1; } 100% { transform: scale(50) rotate(45deg); opacity: 0; } }
