/******************************************************************
Site Name:
Author:

Stylesheet: Variables
******************************************************************/
/*********************
COLORS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet
******************************************************************/
/*********************
CLEARFIX
*********************/
/*********************
TEXT INDENT
*********************/
/*********************
LIST STYLE
*********************/
/* link color
--------------------------- */
/* link color
--------------------------- */
/* line 6, ../scss/dynamic.scss */
#modals__overlay {
  margin: 0;
  padding: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90000;
  display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 23, ../scss/dynamic.scss */
#modals {
  margin: 0;
  padding: 100px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  display: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
/* line 37, ../scss/dynamic.scss */
#modals .modal_content_scroll {
  overflow-y: scroll;
}
/* line 39, ../scss/dynamic.scss */
#modals .modal_content_scroll:after {
  content: "";
  clear: both;
  display: block;
}
/* line 46, ../scss/dynamic.scss */
#modals .modal_content_scroll a,
#modals .modal_content_scroll a:hover,
#modals .modal_content_scroll a:visited {
  color: #2effff;
}
/* line 51, ../scss/dynamic.scss */
#modals #modals-content {
  margin: 0 auto;
  padding: 0;
  width: 940px;
}
/* line 58, ../scss/dynamic.scss */
#modals #modals-content #ranking-more {
  margin: 0;
  padding: 0 0 20px 0;
  display: none;
  background: white;
}
/* line 68, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header {
  padding: 0;
  height: 80px;
  position: relative;
}
/* line 73, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__title {
  width: 260px;
  height: 20px;
  top: 15px;
  left: -13px;
}
/* line 79, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__image {
  width: 449px;
  height: 67px;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
/* line 86, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__close {
  margin: 0;
  padding: 0;
  background: url(../images/common_modal_close_bg.png) center 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 37px;
  cursor: pointer;
  -webkit-transition: opacity .3s linear 0s;
  transition: opacity .3s linear 0s;
}
/* line 100, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__close:hover {
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  opacity: 0.5;
}
/* line 106, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar {
  text-align: center;
  height: 10px;
  margin: 0 5%;
  position: absolute;
  width: 90%;
  top: 40px;
}
/* line 115, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev {
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  color: white;
  text-decoration: none;
  background: #ad24e6;
  float: left;
}
/* line 72, ../scss/partials/_mixins.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:link, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:visited {
  color: white;
}
/* line 77, ../scss/partials/_mixins.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:hover, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:focus, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:active {
  opacity: 0.8;
  text-decoration: none;
}
/* line 119, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:hover {
  text-decoration: none;
}
/* line 122, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev:visited {
  color: #ad24e6;
}
/* line 126, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next {
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  color: white;
  text-decoration: none;
  background: #ad24e6;
  float: right;
}
/* line 72, ../scss/partials/_mixins.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:link, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:visited {
  color: white;
}
/* line 77, ../scss/partials/_mixins.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:hover, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:focus, #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:active {
  opacity: 0.8;
  text-decoration: none;
}
/* line 130, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:hover {
  text-decoration: none;
}
/* line 133, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next:visited {
  color: #ad24e6;
}
/* line 140, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table {
  max-height: 400px;
  padding: 20px 30px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 20px;
}
/* line 147, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table {
  width: 100%;
  table-layout: fixed;
  background-color: white;
}
/* line 152, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table .ranking-more__rank-small {
  font-size: 12px;
  font-size: 0.75em;
}
/* line 158, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table thead tr {
  border-bottom: 1px solid #ddd;
}
/* line 160, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table thead tr th {
  border-left: #ececec 1px solid;
  padding: 10px 0 10px 0;
  background: white;
  color: #090f14;
}
/* line 170, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table tbody tr {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 30px;
}
/* line 174, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table tbody tr td {
  text-align: center;
}
/* line 176, ../scss/dynamic.scss */
#modals #modals-content #ranking-more .ranking-more__box .ranking-more__table .ranking-more__table-table tbody tr td:nth-of-type(3) {
  color: #f96464;
}

/* ------------------------------------------------------------------------------------------------ News Ticker */
/* line 197, ../scss/dynamic.scss */
.news dl #main_news_cover {
  margin: 0 0 0 0;
  padding: 10px 15px;
  height: 38px;
  overflow: hidden;
}
/* line 203, ../scss/dynamic.scss */
.news dl #main_news_cover #main_news_ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  overflow: hidden;
  height: 48px;
}
/* line 211, ../scss/dynamic.scss */
.news dl #main_news_cover #main_news_ul .main_news_ul__li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  display: inline-block;
  left: 0;
}
/* line 223, ../scss/dynamic.scss */
.news dl #main_news_cover #main_news_ul .main_news_ul__li .main_news_ul__link,
.news dl #main_news_cover #main_news_ul .main_news_ul__li .main_news_ul__link:hover,
.news dl #main_news_cover #main_news_ul .main_news_ul__li .main_news_ul__link:visited {
  color: #2effff;
}

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (max-width: 1119px) {
  /* line 243, ../scss/dynamic.scss */
  #modals #modals-content {
    width: 100%;
  }
}
/*********************
DESKTOP
*********************/
@media only screen and (max-width: 999px) {
  /* line 258, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more {
    font-size: 12px;
  }
}
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (max-width: 767px) {
  /* line 286, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__table {
    padding: 15px 20px;
  }

  /* line 297, ../scss/dynamic.scss */
  .news dl dt {
    margin: 10px 0;
  }
  /* line 301, ../scss/dynamic.scss */
  .news dl #main_news_cover {
    padding: 10px 15px 0;
    height: auto;
  }
}
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (max-width: 600px) {
  /* line 321, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more {
    word-break: break-all;
  }
  /* line 325, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header {
    height: 100px;
  }
  /* line 327, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__image {
    width: 100%;
  }
  /* line 329, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__image img {
    width: 100%;
    max-width: 449px;
  }
  /* line 334, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar {
    top: 80px;
  }
  /* line 337, ../scss/dynamic.scss */
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-prev,
  #modals #modals-content #ranking-more .ranking-more__box .ranking-more__head .ranking-more__head-header .ranking-more__head-header__page-bar .modal-next {
    padding: 5px 20px;
    font-size: 12px;
  }

  /* line 352, ../scss/dynamic.scss */
  .news dl #main_news_cover {
    font-size: 10px;
  }
}