@-webkit-keyframes hoverOn { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0.5; filter: alpha(opacity=50); } }

@keyframes hoverOn { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0.5; filter: alpha(opacity=50); } }

@-webkit-keyframes hoverOff { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@keyframes hoverOff { 0% { opacity: 0.5; filter: alpha(opacity=50); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@-webkit-keyframes hoverOn0 { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@keyframes hoverOn0 { 0% { opacity: 1; filter: alpha(opacity=100); }
  100% { opacity: 0; filter: alpha(opacity=0); } }

@-webkit-keyframes hoverOff0 { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@keyframes hoverOff0 { 0% { opacity: 0; filter: alpha(opacity=0); }
  100% { opacity: 1; filter: alpha(opacity=100); } }

@-webkit-keyframes slideUp { 0% { opacity: 0; filter: alpha(opacity=0);
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% { opacity: 1; filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideUp { 0% { opacity: 0; filter: alpha(opacity=0);
    -webkit-transform: translateY(5px);
            transform: translateY(5px); }
  100% { opacity: 1; filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

#wrapper { width: 100%; z-index: 0; }

#wrapper.roulette_top { width: 1024px; }

.modal__content.modal__content--top { width: 100%; min-height: 1000px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1001; background: url(../img/common/bg.gif) top center repeat; }

.modal__content.modal__content--top .modal__bg { width: 100%; height: 100%; background: url(../img/common/bg_pattern.png) top center; -webkit-background-size: cover; background-size: cover; opacity: 0.85; filter: alpha(opacity=85); border-top: 4px solid #fef504; }

.modal__content.modal__content--top .modal__inner { width: 1024px; position: absolute; top: 0; right: auto; bottom: auto; left: 50%; margin-left: -512px; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__title { width: 727px; position: absolute; top: 52px; right: auto; bottom: auto; left: 50%; margin-left: -363.5px; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__read { width: 727px; position: absolute; top: 365px; right: auto; bottom: auto; left: 50%; margin-left: -363.5px; text-align: center; line-height: 1.8em; font-size: 18px; font-weight: bold; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__bullet--top--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__bullet--top--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__bullet--bottom--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--top .modal__inner .modal__header .modal__bullet--bottom--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target--bg { position: absolute; top: 545px; right: auto; bottom: auto; left: 50%; margin-left: -182.5px; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_list_wrapper { position: absolute; top: 545px; right: auto; bottom: auto; left: 0; width: 1880px; height: 434px; margin-left: -428px; overflow: hidden; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_list_wrapper ul.modal__roulette_list li { width: 260px; height: 248px; position: relative; float: left; margin-left: 10px; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_list_wrapper ul.modal__roulette_list li:first-child { margin-left: 0; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target { position: absolute; top: 545px; right: auto; bottom: auto; left: 50%; margin-left: -182.5px; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target img.img_off { position: absolute; top: 0; right: auto; bottom: auto; left: 0; display: block; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target img.img_on { position: absolute; top: 0; right: auto; bottom: auto; left: 0; display: none; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target.active img.img_off { display: none; }

.modal__content.modal__content--top .modal__inner .modal__roulette .modal__roulette_target.active img.img_on { display: block; }

.modal__content.modal__content--top .modal__inner .modal__player { visibility: hidden; opacity: 0; filter: alpha(opacity=0); }

.modal__content.modal__content--top .modal__inner .modal__player .modal__player_thumb { position: absolute; top: 563px; right: auto; bottom: auto; left: 0; }

.modal__content.modal__content--top .modal__inner .modal__player .modal__player_btn_retry { position: absolute; top: 750px; right: auto; bottom: auto; left: 0; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--top .modal__inner .modal__player .modal__player_btn_retry:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--top .modal__inner .modal__player .modal__player_movie { width: 830px; height: 465px; position: absolute; top: 567px; right: auto; bottom: auto; left: 50%; margin-left: -318px; }

.modal__content.modal__content--top .modal__btn_close { position: absolute; top: 32px; right: 29px; bottom: auto; left: auto; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--top .modal__btn_close:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

body.is_sp .modal__content.modal__content--top .modal__inner .modal__header .modal__title { width: 436.2px; height: 160.2px; position: absolute; top: 52px; right: auto; bottom: auto; left: 50%; margin-left: -218.1px; }

body.is_sp .modal__content.modal__content--top .modal__inner .modal__header .modal__title img { width: 436.2px; height: 160.2px; }

body.is_sp .modal__content.modal__content--top .modal__inner .modal__header .modal__read { width: 980px; position: absolute; top: 265px; right: auto; bottom: auto; left: 50%; margin-left: -490px; text-align: center; line-height: 1.8em; font-size: 16px; font-weight: bold; }

body.is_sp .modal__content.modal__content--special .modal__inner .modal__header .modal__title { width: 436.2px; height: 160.2px; position: absolute; top: 52px; right: auto; bottom: auto; left: 50%; margin-left: -218.1px; }

body.is_sp .modal__content.modal__content--special .modal__inner .modal__header .modal__title img { width: 436.2px; height: 160.2px; }

body.is_sp .modal__content.modal__content--special .modal__inner .modal__header .modal__read { width: 980px; position: absolute; top: 265px; right: auto; bottom: auto; left: 50%; margin-left: -490px; text-align: center; line-height: 1.8em; font-size: 16px; font-weight: bold; }

body.is_sp .modal__content.modal__content--20160101 .modal__inner .modal__header .modal__title { width: 727px; margin: 0 auto 35px; }

body.is_sp .modal__content.modal__content--20160101 .modal__inner .modal__header .modal__read { width: 727px; margin: 0 auto; text-align: center; line-height: 1.8em; font-size: 16px; font-weight: bold; }

body.is_sp .modal__content.modal__content--20160101 .modal__inner .modal__header .modal__read span { font-size: 14px; font-weight: normal; }

body.is_sp .modal__content.modal__content--20160101 .modal__inner .modal__paper_fortune { width: 900px; margin: 0 auto; }

body.is_sp .modal__content.modal__content--20160101 .modal__inner .modal__paper_fortune .modal__paper_fortune--animation { width: 232px; margin: 100px auto 0; }

.wrapper_inner { width: 1024px; margin: 0 auto; }

.modal__content.modal__content--special { width: 100%; min-height: 1040px; position: relative; }

.modal__content.modal__content--special .modal__inner { width: 1024px; position: absolute; top: 0; right: auto; bottom: auto; left: 50%; margin-left: -512px; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__title { width: 727px; position: absolute; top: 52px; right: auto; bottom: auto; left: 50%; margin-left: -363.5px; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__read { width: 727px; position: absolute; top: 365px; right: auto; bottom: auto; left: 50%; margin-left: -363.5px; text-align: center; line-height: 1.8em; font-size: 18px; font-weight: bold; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__bullet--top--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__bullet--top--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__bullet--bottom--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--special .modal__inner .modal__header .modal__bullet--bottom--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target--bg { position: absolute; top: 545px; right: auto; bottom: auto; left: 50%; margin-left: -182.5px; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_list_wrapper { position: absolute; top: 545px; right: auto; bottom: auto; left: 0; width: 1880px; height: 434px; margin-left: -428px; overflow: hidden; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_list_wrapper ul.modal__roulette_list li { position: relative; float: left !important; margin-left: 10px; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_list_wrapper ul.modal__roulette_list li:first-child { margin-left: 0; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target { position: absolute; top: 545px; right: auto; bottom: auto; left: 50%; margin-left: -182.5px; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target img.img_off { position: absolute; top: 0; right: auto; bottom: auto; left: 0; display: block; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target img.img_on { position: absolute; top: 0; right: auto; bottom: auto; left: 0; display: none; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target.active img.img_off { display: none; }

.modal__content.modal__content--special .modal__inner .modal__roulette .modal__roulette_target.active img.img_on { display: block; }

.modal__content.modal__content--special .modal__inner .modal__player { visibility: hidden; opacity: 0; filter: alpha(opacity=0); }

.modal__content.modal__content--special .modal__inner .modal__player .modal__player_thumb { position: absolute; top: 563px; right: auto; bottom: auto; left: 0; }

.modal__content.modal__content--special .modal__inner .modal__player .modal__player_btn_retry { position: absolute; top: 750px; right: auto; bottom: auto; left: 0; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--special .modal__inner .modal__player .modal__player_btn_retry:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--special .modal__inner .modal__player .modal__player_movie { position: absolute; top: 567px; right: auto; bottom: auto; left: 50%; margin-left: -318px; }

.modal__content.modal__content--special .modal__btn_close { position: absolute; top: 32px; right: 29px; bottom: auto; left: auto; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--special .modal__btn_close:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1001; background: url(../img/common/bg.gif) top center repeat; }

.modal__content.modal__content--20160101 .modal__bg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 100%; height: 100%; background: url(../img/common/bg_pattern.png) top center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; opacity: 0.85; filter: alpha(opacity=85); border-top: 4px solid #fef504; }

.modal__content.modal__content--20160101 .modal__inner { width: 1024px; margin: 0 auto; position: relative; }

.modal__content.modal__content--20160101 .modal__inner .modal__header { padding: 115px 0 63px; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__title { width: 727px; margin: 0 auto 35px; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__read { width: 727px; margin: 0 auto; text-align: center; line-height: 1.8em; font-size: 18px; font-weight: bold; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__read span { font-size: 16px; font-weight: normal; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__bullet--top--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__bullet--top--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 23px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__bullet--bottom--left { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: -510px; }

.modal__content.modal__content--20160101 .modal__inner .modal__header .modal__bullet--bottom--right { width: 14px; height: 2px; background: url(../img/common/bullet.gif) top center; position: absolute; top: 516px; right: auto; bottom: auto; left: 50%; margin-left: 496px; }

.modal__content.modal__content--20160101 .modal__inner .modal__paper_fortune { width: 900px; margin: 0 auto; }

.modal__content.modal__content--20160101 .modal__inner .modal__paper_fortune .modal__paper_fortune--animation { width: 232px; margin: 100px auto 0; }

.modal__content.modal__content--20160101 .modal__inner .modal__player { width: 900px; margin: 0 auto; visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: relative; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller { width: 162px; height: 66px; background: url(../img/paper_fortune/bg_btn.png) top center no-repeat; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_play { position: absolute; top: 16px; right: auto; bottom: auto; left: 18px; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_play.active img { cursor: default; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_play.active img.modal__player_btn_play--off { display: none; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_pause { position: absolute; top: 16px; right: auto; bottom: auto; left: 89px; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_pause.active img { cursor: default; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller .modal__player_btn_pause.active img.modal__player_btn_pause--off { display: none; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller img { cursor: pointer; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller img:hover.modal__player_btn_play--off { -webkit-animation: hoverOn0 0.5s ease; animation: hoverOn0 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller img:hover.modal__player_btn_pause--off { -webkit-animation: hoverOn0 0.5s ease; animation: hoverOn0 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller img.modal__player_btn_play--off { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-animation: hoverOff0 0.3s ease; animation: hoverOff0 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_controller img.modal__player_btn_pause--off { position: absolute; top: 0; right: auto; bottom: auto; left: 0; -webkit-animation: hoverOff0 0.3s ease; animation: hoverOff0 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_btn_retry { display: none; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0px; right: auto; bottom: auto; left: 330px; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_btn_retry:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__inner .modal__player .modal__player_thumb { margin: 65px auto 0; }

.modal__content.modal__content--20160101 .modal__btn_close { position: absolute; top: 32px; right: 29px; bottom: auto; left: auto; cursor: pointer; -webkit-animation: hoverOff 0.3s ease; animation: hoverOff 0.3s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.modal__content.modal__content--20160101 .modal__btn_close:hover { -webkit-animation: hoverOn 0.5s ease; animation: hoverOn 0.5s ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* GDN */
iframe[name="google_conversion_frame"] {
	position: absolute;
	height: 0;
}