@charset "utf-8";

.ly_wrapper { min-width: 960px; margin: 0 auto; background: #000 url(../images/bg_bonus_page.jpg) top center no-repeat; }
.ly_main { width: 1200px; height: 748px; margin: 0 auto 101px; }

/* =========================================================
Main
========================================================= */

[class^="un_bonus_0"] { position: relative; opacity: 0; }
.js-complete [class^="un_bonus_0"] { opacity: 1; }

.un_subnav { margin-top: 19px; position: relative; z-index: 15; }
.un_subnav ul { text-align: center; }
.un_subnav ul li { display: inline-block; }
.un_subnav ul li:first-child { margin-right: 12px; }
.un_subnav ul li a { display: block; }
.un_bonus_01 {width: 1055px;top: 76px;left: 109px;transition: all 0.5s ease-out;}
.un_bonus_02 {width: 1055px;top: 76px;left: 109px;transition: all 0.5s ease-out .5s;z-index: 20;}

.js-complete .un_bonus_01 { transform: translate(0,-60px); }
.js-complete .un_bonus_02 { transform: translate(0,-60px); }