/* line 53, event/20200603_combine/ui.scss */
button {
  border: none 0;
  outline: none 0;
  cursor: pointer;
  background-color: transparent;
}

/* line 54, event/20200603_combine/ui.scss */
.e-skip {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* line 55, event/20200603_combine/ui.scss */
.e-btn {
  display: block;
  font-size: 0;
  text-indent: -9999em;
}

/* line 56, event/20200603_combine/ui.scss */
.e-hidden, .e-event2 .e-mastery .e-btn, .e-event2 .e-ranking .ranking .e-btn, .e-event3 .e-btn {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1);
}

/* line 57, event/20200603_combine/ui.scss */
.e-blind, .e-header .bi a, .e-header .e-main .title, .e-header .e-main .title i, .e-header .e-main .des, .e-header .e-quick #closeToday span, .e-header .e-quick a, .e-header .e-floating .btn-search, .e-nav .navigation a, .e-event2 .floating-nav a, .e-footer {
  font-size: 0;
  text-indent: -9999em;
}

/* line 58, event/20200603_combine/ui.scss */
.e-contents [class*='popup-'] *, .e-event2 .e-ranking .ranking .selectbox select, .e-event2 .e-ranking .ranking .top-ranker li strong, .e-event2 .e-ranking .ranking .top-ranker li span, .e-event2 .e-ranking .ranking .update-time {
  font-family: 'NotoSans Regular',"?? ??",'Malgun Gothic', "??",'dotum','Apple SD Gothic Neo','Arial','Tahoma', sans-serif;
}

/* line 60, event/20200603_combine/ui.scss */
.e-container {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  margin-top:-50px;

}

/* line 66, event/20200603_combine/ui.scss */
.e-header {
  position: relative;
  /*top: -40px;*/
  width: 100%;
  min-height: 825px;
  overflow: hidden;
  /*background: url("/templates/Horsewoman/css/images/bg_header.jpg") 50% 40px no-repeat;*/
}

/* line 73, event/20200603_combine/ui.scss */
.e-header .bi, .e-header .e-quick, .e-header .e-quick, .e-header .e-floating, .e-header .char1, .e-header .char2, .e-header .cover {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* line 78, event/20200603_combine/ui.scss */
.e-header .bi {
  width: 254px;
  height: 171px;
  position: absolute;
  top: 30px;
  left: -10px;
  z-index: 3;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* line 84, event/20200603_combine/ui.scss */
.e-header .bi a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("images/bg_bi.png") 0 0 no-repeat;
}

/* line 93, event/20200603_combine/ui.scss */
.e-header .e-main {
  width: 100%;
  min-height: 395px;
  position: absolute;
  top: 380px;
  left: 0;
  z-index: 3;
}

/* line 98, event/20200603_combine/ui.scss */
.e-header .e-main .title, .e-header .e-main .title i, .e-header .e-main .des {
  width: 1083px;
  margin: 0 auto;
  background-image: url("images/bg_title.png");
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* line 108, event/20200603_combine/ui.scss */
.e-header .e-main .title {
  position: relative;
  height: 383px;
  background-position: 0 0;
  -webkit-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* line 115, event/20200603_combine/ui.scss */
.e-header .e-main .title i {
  display: block;
  width: 67px;
  height: 67px;
  position: absolute;
  top: 295px;
  left: 0;
  background-image: url("images/txt_event.png");
  background-repeat: no-repeat;
  background-position-y: 0;
  -webkit-transform: translate(43px, -50px);
  transform: translate(43px, -50px);
}

/* line 125, event/20200603_combine/ui.scss */
.e-header .e-main .title i.t1 {
  background-position-x: -15px;
  left: 340px;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/* line 126, event/20200603_combine/ui.scss */
.e-header .e-main .title i.t2 {
  background-position-x: -99px;
  left: 454px;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

/* line 127, event/20200603_combine/ui.scss */
.e-header .e-main .title i.t3 {
  background-position-x: -183px;
  left: 561px;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 128, event/20200603_combine/ui.scss */
.e-header .e-main .title i.t4 {
  background-position-x: -267px;
  left: 660px;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
/* line 131, event/20200603_combine/ui.scss */
.e-header .e-main .des {
  height: 52px;
  background-position: 0 -383px;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

/* line 138, event/20200603_combine/ui.scss */
.e-header .e-quick {
  position: absolute;
  top: 80px;
  right: 38px;
  z-index: 3;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* line 142, event/20200603_combine/ui.scss */
.e-header .e-quick #closeToday span, .e-header .e-quick a {
  background-image: url("images/bg_quick.png");
  background-repeat: no-repeat;
}

/* line 148, event/20200603_combine/ui.scss */
.e-header .e-quick #closeToday {
  position: relative;
  display: block;
  float: left;
  margin: 16px 14px 0 0;
}

/* line 154, event/20200603_combine/ui.scss */
.e-header .e-quick #closeToday span {
  display: block;
  width: 135px;
  height: 18px;
  background-position: 1px -16px;
}

/* line 161, event/20200603_combine/ui.scss */
.e-header .e-quick #closeToday input {
  position: absolute;
  left: -9999px;
  vertical-align: middle;
  left: 3px \9;
  top: 3px \9;
  background: #000;
}

/* line 167, event/20200603_combine/ui.scss */
.e-header .e-quick #closeToday input:checked + span {
  background-position-y: -34px;
}

/* line 173, event/20200603_combine/ui.scss */
.e-header .e-quick a {
  display: block;
  float: left;
  width: 47px;
  height: 47px;
  margin-left: 4px;
}

/* line 179, event/20200603_combine/ui.scss */
.e-header .e-quick a.btn-red {
  background-position: -153px 0;
}

/* line 180, event/20200603_combine/ui.scss */
.e-header .e-quick a.btn-blue {
  background-position: -205px 0;
}

/* line 181, event/20200603_combine/ui.scss */
.e-header .e-quick a:hover {
  background-position-y: -47px;
}

/* line 185, event/20200603_combine/ui.scss */
.e-header .e-floating {
  position: fixed;
  bottom: 75px;
  right: 15px;
  z-index: 6;
}

/* line 188, event/20200603_combine/ui.scss */
.e-header .e-floating .btn-search {
  width: 328px;
  height: 588px;
  background: url("images/bnr_floating.png") 0 0 no-repeat;
}

/* line 196, event/20200603_combine/ui.scss */
.e-header .bg {
  width: 1920px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}

/* line 201, event/20200603_combine/ui.scss */
.e-header .bg .asset, .e-header .bg .light0, .e-header .bg .light1, .e-header .bg .light2, .e-header .bg .light3, .e-header .bg .char1, .e-header .bg .char2, .e-header .bg .cover {
  display: block;
  position: absolute;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* line 218, event/20200603_combine/ui.scss */
.e-header .bg .light1 {
  width: 429px;
  height: 524px;
  top: -100px;
  margin-left: -800px;
  background-image: url("images/bg_light1.png");
  opacity: 0;
  -webkit-animation: flashAnim linear 2s 0.5s infinite;
  animation: flashAnim linear 2s 0.5s infinite;
}


/* line 228, event/20200603_combine/ui.scss */
.e-header .bg .light2 {
  width: 429px;
  height: 524px;
  top: 380px;
  margin-left: 268px;
  background-image: url("images/bg_light2.png");
  opacity: 0;
  -webkit-animation: flashAnim linear 2s infinite;
  animation: flashAnim linear 2s infinite;
}

/* line 238, event/20200603_combine/ui.scss */
.e-header .bg .light3 {
  width: 1424px;
  height: 735px;
  top: 177px;
  margin-left: -723px;
  z-index: 2;
  background-image: url("images/bg_char_light.png");
  opacity: 0;
  -webkit-animation: fadeInOut linear 2s 0.3s infinite;
  animation: fadeInOut linear 2s 0.3s infinite;
}

/* line 248, event/20200603_combine/ui.scss */
.e-header .bg .char1 {
  width: 1086px;
  height: 1200px;
  top: 40px;
  margin-left: -848px;
  z-index: 1;
  background-image: url("images/bg_char1.png");
  opacity: 0;
  -webkit-transform: translateX(-30%);
  transform: translateX(-30%);
}

/* line 258, event/20200603_combine/ui.scss */
.e-header .bg .char2 {
  width: 1469px;
  height: 1141px;
  top: 59px;
  margin-left: -510px;
  background-image: url(images/bg_char2.png);
  opacity: 0;
  -webkit-transform: translateX(30%);
  transform: translateX(30%);
}

/* line 268, event/20200603_combine/ui.scss */
.e-header .bg .cover {
  width: 100%;
  height: 100%;
  top: 50px;
  left: 50%;
  margin-left: -960px;
  z-index: 2;
  background-image: url("images/bg_cover.png");
  background-position: 50% 40px;
  opacity: 0;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-animation: stone linear 10s infinite;
  animation: stone linear 10s infinite;
}

/* line 282, event/20200603_combine/ui.scss */
.e-header canvas {
  display: block;
  position: absolute;
  top: 0;
  pointer-events: none;
}

/* line 283, event/20200603_combine/ui.scss */
.e-header #canvas1 {
  left: 50%;
}

/* line 284, event/20200603_combine/ui.scss */
.e-header #canvas2 {
  right: 50%;
}

/* line 287, event/20200603_combine/ui.scss */
.e-nav {
  width: 100%;
  height: 120px;
  padding: 34px 0 28px;
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 5;
  /*background: url("/templates/Horsewoman/css/images/bg_nav.png") 50% 0 no-repeat;*/
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  box-sizing: content-box;
}

/* line 297, event/20200603_combine/ui.scss */
.e-nav .navigation {
  position: relative;
  width: 1200px;
  height: 120px;
  margin: 0 auto;
  overflow: hidden;
}

/* line 304, event/20200603_combine/ui.scss */
.e-nav .navigation a {
  display: block;
  float: left;
  width: 400px;
  height: 100%;
  background: url("images/bg_nav_menu.jpg") 0 0 no-repeat;
}

/* line 312, event/20200603_combine/ui.scss */
.e-nav .navigation a:hover, .e-nav .navigation a.current {
  background-position-y: -120px;
}

/* line 313, event/20200603_combine/ui.scss */
.e-nav .navigation a:first-child {
  background-position-x: 0;
}

/* line 314, event/20200603_combine/ui.scss */
.e-nav .navigation a:first-child + a {
  background-position-x: -400px;
}

/* line 315, event/20200603_combine/ui.scss */
.e-nav .navigation a:first-child + a + a {
  background-position-x: -800px;
}

/* line 320, event/20200603_combine/ui.scss */
.e-contents {
  margin-top: -40px;
}

/* line 323, event/20200603_combine/ui.scss */
.e-contents [class*='e-event'] section {
  position: relative;
  background-position: 50% 0;
  background-repeat: no-repeat;
  text-align: center;
}

/* line 331, event/20200603_combine/ui.scss */
.e-contents [class*='popup-'] {
  display: none;
  width: 728px;
  margin-left: -376px;
  position: absolute;
  left: 50%;
  top: auto;
  z-index: 10;
  background: #fff;
  border: 4px solid #25334e;
}

/* line 339, event/20200603_combine/ui.scss */
.e-contents [class*='popup-'] h3 {
  text-align: center;
  padding: 35px 0 20px;
  font-size: 34px;
  color: #25334e;
}

/* line 346, event/20200603_combine/ui.scss */
.e-contents [class*='popup-'] .btn-close {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 16px;
  top: 16px;
  background: url("images/btn_close.png") 0 0 no-repeat;
}

/* line 355, event/20200603_combine/ui.scss */
.e-contents .e-shadow {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.8);
}

/* line 359, event/20200603_combine/ui.scss */
.e-event1 section {
  height: 2464px;
  background-image: url("images/img_evt1.jpg");
}

/* line 364, event/20200603_combine/ui.scss */
.e-event1 .e-btn {
  width: 390px;
  height: 109px;
  background: url("images/btn_get.png") 0 0 no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -195px;
}

/* line 369, event/20200603_combine/ui.scss */
.e-event1 .e-btn[disabled] {
  background-position-y: -109px;
  cursor: default;
}

/* line 372, event/20200603_combine/ui.scss */
.e-event1 .btn-new {
  top: 1366px;
}

/* line 373, event/20200603_combine/ui.scss */
.e-event1 .btn-comeback {
  top: 2118px;
}

/* line 377, event/20200603_combine/ui.scss */
.e-event2 .floating-nav {
  opacity: 0;
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 2;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

/* line 382, event/20200603_combine/ui.scss */
.e-event2 .floating-nav a {
  display: block;
  width: 236px;
  height: 90px;
  background: url("images/bg_nav_evt2.png") 0 0 no-repeat;
}

/* line 388, event/20200603_combine/ui.scss */
.e-event2 .floating-nav a:hover, .e-event2 .floating-nav a.current {
  background-position-x: -236px;
}

/* line 389, event/20200603_combine/ui.scss */
.e-event2 .floating-nav a:first-child + a {
  background-position-y: -90px;
}

/* line 393, event/20200603_combine/ui.scss */
.e-event2 .e-mastery {
  height: 6897px;
  background-image: url("images/img_evt2_mastery.jpg");
}

/* line 397, event/20200603_combine/ui.scss */
.e-event2 .e-mastery .e-btn {
  width: 206px;
  height: 64px;
  position: absolute;
  top: 5386px;
  left: 50%;
}

/* line 403, event/20200603_combine/ui.scss */
.e-event2 .e-mastery .btn-red {
  margin-left: -218px;
}

/* line 404, event/20200603_combine/ui.scss */
.e-event2 .e-mastery .btn-blue {
  margin-left: 8px;
}

/* line 407, event/20200603_combine/ui.scss */
.e-event2 .e-ranking {
  height: 2253px;
  background-image: url("images/img_evt2_rank.jpg");
}

/* line 412, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking {
  width: 1205px;
  height: 915px;
  position: absolute;
  top: 1338px;
  left: 50%;
  margin-left: -602.5px;
  background: url("images/img_evt2_rank_active.jpg") 50% 0 no-repeat;
}

/* line 418, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .before, .e-event2 .e-ranking .ranking .end {
  width: 1205px;
  height: 915px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

/* line 424, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .before {
  background: url("images/img_evt2_rank_before.jpg") 50% 0 no-repeat;
}

/* line 425, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .end {
  background: url("images/img_evt2_rank_end.jpg") 50% 0 no-repeat;
}

/* line 427, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .selectbox {
  display: block;
  width: 218px;
  height: 43px;
  overflow: hidden;
  background: #171314;
  border: 1px solid #5c2f19;
  position: absolute;
  top: 33px;
  right: 0;
}

/* line 437, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .selectbox select {
  display: block;
  width: 110%;
  height: 100%;
  padding: 8px 0 10px 28px;
  border: none 0;
  outline: none 0;
  font-size: 18px;
  color: #aeaeae;
  background: #171314 url("images/ico_selectbox.jpg") 88% 50% no-repeat;
}

/* line 451, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .top-ranker {
  margin: 90px -12px 0;
  overflow: hidden;
}

/* line 455, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .top-ranker li {
  float: left;
  width: 221px;
  height: 260px;
  margin: 12px;
}

/* line 461, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .top-ranker li strong, .e-event2 .e-ranking .ranking .top-ranker li span {
  display: block;
  font-size: 14px;
}

/* line 466, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .top-ranker li strong {
  padding: 203px 10px 5px;
  color: #fff;
  font-weight: normal;
}

/* line 467, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .top-ranker li em {
  padding: 0 10px;
  color: #ccb989;
}

/* line 471, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .update-time {
  padding-left: 25px;
  position: absolute;
  top: 662px;
  right: 0;
  font-size: 18px;
  color: #837e7c;
  background: url("images/ico_time.png") 0 50% no-repeat;
}

/* line 477, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .update-time em {
  color: #aeaeae;
}

/* line 480, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .e-btn {
  width: 342px;
  height: 64px;
  position: absolute;
  top: 731px;
}

/* line 486, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .e-btn.btn-score {
  left: 275px;
}

/* line 487, event/20200603_combine/ui.scss */
.e-event2 .e-ranking .ranking .e-btn.btn-note {
  left: 629px;
}

/* line 494, event/20200603_combine/ui.scss */
.e-event3 section {
  height: 2728px;
  background-image: url("images/img_evt3.jpg");
}

/* line 499, event/20200603_combine/ui.scss */
.e-event3 .e-btn {
  position: absolute;
  left: 50%;
}

/* line 504, event/20200603_combine/ui.scss */
.e-event3 .btn-red, .e-event3 .btn-blue {
  width: 206px;
  height: 64px;
  top: 1556px;
}

/* line 505, event/20200603_combine/ui.scss */
.e-event3 .btn-red {
  margin-left: -218px;
}

/* line 506, event/20200603_combine/ui.scss */
.e-event3 .btn-blue {
  margin-left: 8px;
}

/* line 507, event/20200603_combine/ui.scss */
.e-event3 .btn-red-shop, .e-event3 .btn-blue-shop {
  width: 372px;
  height: 90px;
  top: 2537px;
}

/* line 508, event/20200603_combine/ui.scss */
.e-event3 .btn-red-shop {
  margin-left: -328px;
}

/* line 509, event/20200603_combine/ui.scss */
.e-event3 .btn-blue-shop {
  margin-left: 55px;
}

/* line 518, event/20200603_combine/ui.scss */
.popup-ranking {
  margin-bottom: 40px;
  padding-bottom: 30px;
}

/* line 522, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table {
  padding: 10px 40px;
  width: 643px;
  margin: 0 auto;
}

/* line 526, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table table {
  width: 100%;
}

/* line 528, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table th {
  position: relative;
  height: 48px;
  background: #374772;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-weight: normal;
}

/* line 531, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table th:before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  background: #526085;
  position: absolute;
  top: 14px;
  left: 0;
}

/* line 535, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table th:first-child:before {
  display: none;
}

/* line 537, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table td {
  height: 50px;
  background: #fff;
  color: #25334e;
  font-size: 16px;
  text-align: center;
}

/* line 539, event/20200603_combine/ui.scss */
.popup-ranking .ranking-table tr:nth-child(even) td {
  background: #eeeff1;
}

/* line 544, event/20200603_combine/ui.scss */
.popup-ranking .search-area {
  margin-left: 40px;
  position: relative;
  z-index: 1;
  padding: 10px 0 25px;
  text-align: center;
  overflow: hidden;
}

/* line 550, event/20200603_combine/ui.scss */
.popup-ranking .search-area .search-title, .popup-ranking .search-area .selectbox, .popup-ranking .search-area .textbox, .popup-ranking .search-area .btn-search {
  display: block;
  float: left;
  height: 48px;
}

/* line 554, event/20200603_combine/ui.scss */
.popup-ranking .search-area .search-title {
  width: 109px;
  height: 50px;
  line-height: 50px;
  padding: 0 10px 0 0;
  font-size: 20px;
  color: #3c5689;
  font-weight: bold;
  text-align: right;
}

/* line 558, event/20200603_combine/ui.scss */
.popup-ranking .search-area .selectbox {
  display: block;
  width: 163px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #8791aa;
}

/* line 565, event/20200603_combine/ui.scss */
.popup-ranking .search-area .selectbox select {
  display: block;
  width: 120%;
  height: 100%;
  padding: 8px 0 10px 14px;
  border: none 0;
  outline: none 0;
  font-size: 18px;
  color: #25334e;
  background: #fff url("images/ico_selectbox.png") 76% 50% no-repeat;
}

/* line 578, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox {
  position: relative;
  width: 202px;
  padding: 0 15px;
  margin: 0 10px 0 9px;
  background: #fff;
  border: 1px solid #8791aa;
}

/* line 580, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox input {
  display: block;
  width: 100%;
  height: 100%;
  border: none 0;
  outline: none 0;
  color: #25334e;
  background: #fff;
  font-size: 18px;
}

/* line 582, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox input:-ms-input-placeholder {
  color: #25334e;
}

/* line 583, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox input::-webkit-input-placeholder {
  color: #25334e;
}

/* line 584, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox input::-moz-placeholder {
  color: #25334e;
}

/* line 585, event/20200603_combine/ui.scss */
.popup-ranking .search-area .textbox input::-moz-placeholder {
  color: #25334e;
}

/* line 589, event/20200603_combine/ui.scss */
.popup-ranking .search-area .btn-search {
  width: 105px;
  height: 50px;
  font-size: 0;
  text-indent: -9999em;
  vertical-align: middle;
  background: url("images/btn_search.jpg") 0 0 no-repeat;
}

/* line 593, event/20200603_combine/ui.scss */
.popup-notice {
  margin-top: 120px;
}

/* paging */
/* line 598, event/20200603_combine/ui.scss */
.pager {
  clear: both;
  position: relative;
  padding: 30px 0;
  text-align: center;
  font-size: 0;
  z-index: 1;
  *z-index: 3;
}

/* line 599, event/20200603_combine/ui.scss */
.pager.even.last_child {
  border-bottom: 0;
}

/* line 600, event/20200603_combine/ui.scss */
.pager a {
  display: inline-block;
  height: 22px;
  margin: 0 8px;
  color: #acb1bb;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  letter-spacing: -0.1em;
  *display: inline;
  *zoom: 1;
}

/* line 601, event/20200603_combine/ui.scss */
.pager a:hover {
  text-decoration: none;
}

/* line 602, event/20200603_combine/ui.scss */
.pager a.first:hover,
.pager a.previous:hover,
.pager a.next:hover,
.pager a.last:hover {
  padding: 0;
}

/* line 606, event/20200603_combine/ui.scss */
.pager .first,
.pager .previous,
.pager .next,
.pager .last {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: -10000px;
  border: 0;
  margin: 0 30px;
}

/* line 610, event/20200603_combine/ui.scss */
.pager .previous, .pager .previous:hover {
  background: transparent url("images/btn_paging_prev.png") center no-repeat;
}

/* line 611, event/20200603_combine/ui.scss */
.pager .next, .pager .next:hover {
  margin: 0 30px;
  background: transparent url("images/btn_paging_next.png") center no-repeat;
}

/* line 612, event/20200603_combine/ui.scss */
.pager .current {
  display: inline-block;
  height: 22px;
  margin: 0 8px;
  color: #25334e;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  letter-spacing: -0.1em;
}

/* line 613, event/20200603_combine/ui.scss */
.pager .disabled {
  display: none;
}

/* line 614, event/20200603_combine/ui.scss */
.pager span, .pager a, .pager a:hover {
  display: inline-block;
  vertical-align: middle;
}

/* line 615, event/20200603_combine/ui.scss */
* + html .pager {
  margin-top: 0;
}

/* line 616, event/20200603_combine/ui.scss */
.pager .first, .pager .last {
  display: none;
}

/* line 620, event/20200603_combine/ui.scss */
.loaded .e-header .bi, .loaded .e-header .e-quick, .loaded .e-header .e-quick, .loaded .e-header .e-floating, .loaded .e-header .char1, .loaded .e-header .char2, .loaded .e-header .cover, .loaded .e-header .title, .loaded .e-header .title i, .loaded .e-header .des {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

/* line 626, event/20200603_combine/ui.scss */
.loaded .e-nav {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}

/* line 632, event/20200603_combine/ui.scss */
.nav-fixed .floating-nav {
  opacity: 1;
  z-index: 6;
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes flashAnim {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  16% {
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  46% {
    opacity: 0;
  }
}

@keyframes flashAnim {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  16% {
    opacity: 0;
  }
  30% {
    opacity: 0.8;
  }
  46% {
    opacity: 0;
  }
}

@-webkit-keyframes stone {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
  }
  50% {
    -webkit-transform: translate(0, 40px) skew(-2deg, 2deg);
    transform: translate(0, 40px) skew(-2deg, 2deg);
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
  }
}

@keyframes stone {
  0% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
  }
  50% {
    -webkit-transform: translate(0, 40px) skew(-2deg, 2deg);
    transform: translate(0, 40px) skew(-2deg, 2deg);
  }
  100% {
    -webkit-transform: translate(0, 0) skew(0deg, 0deg);
    transform: translate(0, 0) skew(0deg, 0deg);
  }
}

@-webkit-keyframes spin {
  0% {
    opacity: 0.2;
    -webkit-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
  }
  55% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
  }
  100% {
    opacity: 0.2;
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}

@keyframes spin {
  0% {
    opacity: 0.2;
    -webkit-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
  }
  55% {
    opacity: 1;
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
  }
  100% {
    opacity: 0.2;
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}