@charset "UTF-8";
/*======================================================== */
/*  CLASS STYLES */
/*======================================================== */
.clearfix:after, body#page-riseofbahamut #site-wrapper #main-container .page-header:after, body#page-riseofbahamut .card-container .card-wrap:after, body#page-riseofbahamut .card-detaiil:after, body#page-tempestofthegods #site-wrapper #main-container .page-header:after, body#page-tempestofthegods .card-container .card-wrap:after, body#page-tempestofthegods .card-detaiil:after, body#page-wonderlanddreams #site-wrapper #main-container .page-header:after, body#page-wonderlanddreams .card-container .card-wrap:after, body#page-wonderlanddreams .card-detaiil:after, body#page-starforgedlegends #site-wrapper #main-container .page-header:after, body#page-starforgedlegends .card-container .card-wrap:after, body#page-starforgedlegends .card-detaiil:after, body#page-chronogenesis #site-wrapper #main-container .page-header:after, body#page-chronogenesis .card-container .card-wrap:after, body#page-chronogenesis .card-detaiil:after, body#page-dawnbreaknightedge #site-wrapper #main-container .page-header:after, body#page-dawnbreaknightedge .card-container .card-wrap:after, body#page-dawnbreaknightedge .card-detaiil:after, body#page-brigadeofthesky #site-wrapper #main-container .page-header:after, body#page-brigadeofthesky .card-container .card-wrap:after, body#page-brigadeofthesky .card-detaiil:after, body#page-omenoftheten #site-wrapper #main-container .page-header:after, body#page-omenoftheten .card-container .card-wrap:after, body#page-omenoftheten .card-detaiil:after, body#page-altersphere #site-wrapper #main-container .page-header:after, body#page-altersphere .card-container .card-wrap:after, body#page-altersphere .card-detaiil:after, body#page-steelrebellion #site-wrapper #main-container .page-header:after, body#page-steelrebellion .card-container .card-wrap:after, body#page-steelrebellion .card-detaiil:after, body#page-rebirthofglory #site-wrapper #main-container .page-header:after, body#page-rebirthofglory .card-container .card-wrap:after, body#page-rebirthofglory .card-detaiil:after {
  content: "";
  clear: both;
  display: block;
}

.card287x384 {
  width: 287px !important;
  height: 384px !important;
}

.card200x264 {
  width: 200px !important;
  height: 264px !important;
}

.next-page-link {
  width: 200px;
  height: 31px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #3adef4;
  background-color: #007491;
  padding-top: 9px;
  margin-top: 36px;
  position: relative;
  top: -36px;
  cursor: pointer;
}

.debug {
  display: border-box;
  border: 1px solid #f00;
}

/*======================================================== */
/*  CARDPACK STYLES */
/*======================================================== */
body#page-darknessevolved {
  background-color: #140c21;
}
body#page-darknessevolved #site-wrapper {
  background: url(/assets/images/cardpack_bg.jpg?u9bpu5mw7) no-repeat center top;
}
body#page-darknessevolved #site-wrapper #main-container header.page-header {
  padding-top: 77px;
}
body#page-darknessevolved #site-wrapper #main-container header.page-header h2 {
  font-size: 0;
  text-align: center;
  margin-bottom: 54px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 63px;
  margin-top: 76px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-left: 91px;
  width: 347px;
  font-size: 14px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack_movie_bg.png?u9bpu5mwc) no-repeat center top;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack_cardlist_bg.png?u9bpu5mwe) no-repeat center top;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-top: 107px;
  padding-bottom: 13px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list {
  width: 940px;
  margin-left: 40px;
  margin-top: 68px;
  font-size: 0px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li {
  vertical-align: top;
  width: 220px;
  height: 445px;
  display: inline-block;
  margin-right: 20px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li .cardimage {
  text-align: center;
  position: relative;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li .cardimage .new-badge {
  position: absolute;
  top: -9px;
  left: 148px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li .cardtitle {
  margin-top: 25px;
  font-size: 14px;
  color: #f4b0ff;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li .cardtext {
  margin-top: 15px;
  font-size: 12px;
}
body#page-darknessevolved #site-wrapper #main-container .contents-container .contents-body .lower ul.card-list li:nth-child(4n) {
  margin-right: 0px;
}
body#page-darknessevolved .cardmodal-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  position: relative;
  font-size: 0px;
}
body#page-darknessevolved .cardmodal-wrap .cardmodal-image {
  margin-bottom: 0px;
  width: 1191px;
  text-align: center;
}
body#page-darknessevolved .hidden-content {
  display: none;
}
body#page-darknessevolved .fancybox-opened {
  z-index: 100002;
}
body#page-darknessevolved .fancybox-overlay {
  z-index: 100001;
}
body#page-darknessevolved .fancybox-inner {
  overflow: visible !important;
}
body#page-darknessevolved .fancybox-close {
  width: 60px;
  height: 60px;
  top: -70px;
  right: -70px;
  background: url(/assets/images/btn-close_off.png?u9bpu5mwl) no-repeat;
}
body#page-darknessevolved .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5mwp) no-repeat;
}
body#page-darknessevolved .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-darknessevolved .fancybox-prev {
  left: -70px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5mws) no-repeat;
}
body#page-darknessevolved .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5mx0) no-repeat;
}
body#page-darknessevolved .fancybox-next {
  right: -70px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5mx6) no-repeat;
}
body#page-darknessevolved .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5mxf) no-repeat;
}

body#page-riseofbahamut {
  background-color: #230d0d;
}
body#page-riseofbahamut #site-wrapper {
  background: url(/assets/images/cardpack_riseofbahamut_bg.jpg?u9bpu5mxi) no-repeat center top;
}
body#page-riseofbahamut #site-wrapper #main-container .page-header {
  width: 980px;
  margin: 0 auto;
}
body#page-riseofbahamut #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-top: 30px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-left: 88px;
  width: 342px;
  font-size: 14px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack/riseofbahamut/cardpack_movie_bg.png?u9bpu5mxn) no-repeat center top;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/riseofbahamut/local-navi-header-bg.png?u9bpu5mxv) no-repeat center top;
  padding-top: 125px;
  padding-bottom: 60px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 790px;
  margin: 0 auto;
  font-size: 0;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-riseofbahamut .card-container {
  position: relative;
  margin-bottom: 60px;
}
body#page-riseofbahamut .card-container:last-child {
  margin-bottom: 0;
}
body#page-riseofbahamut .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-riseofbahamut .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-riseofbahamut .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-riseofbahamut .card-container .card-wrap #btn-prev,
body#page-riseofbahamut .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-riseofbahamut .card-container .card-wrap #btn-prev.slick-disabled,
body#page-riseofbahamut .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-riseofbahamut .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-riseofbahamut .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-riseofbahamut .card-container .card-wrap .card {
  position: relative;
}
body#page-riseofbahamut .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-riseofbahamut .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-riseofbahamut .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-riseofbahamut .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-riseofbahamut .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ffb0b0;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-riseofbahamut .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
}
body#page-riseofbahamut .hidden-content {
  display: none;
}
body#page-riseofbahamut .fancybox-opened {
  z-index: 100002;
}
body#page-riseofbahamut .fancybox-overlay {
  z-index: 100001;
}
body#page-riseofbahamut .fancybox-overlay {
  background-image: url(/assets/images/cardpack/riseofbahamut/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5my5);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-riseofbahamut .card-detaiil {
  width: 1035px;
  margin: 0 auto;
}
body#page-riseofbahamut .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-riseofbahamut .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-riseofbahamut .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-riseofbahamut .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-riseofbahamut .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-riseofbahamut .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.before dl dt, body#page-riseofbahamut .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.before dl dd, body#page-riseofbahamut .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-riseofbahamut .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-riseofbahamut .fancybox-inner {
  overflow: visible !important;
}
body#page-riseofbahamut .fancybox-close {
  width: 60px;
  height: 60px;
  top: -80px;
  right: 0px;
  background: url(/assets/images/btn-close_off.png?u9bpu5myf) no-repeat;
}
body#page-riseofbahamut .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5myj) no-repeat;
}
body#page-riseofbahamut .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-riseofbahamut .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5mys) no-repeat;
}
body#page-riseofbahamut .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5myz) no-repeat;
}
body#page-riseofbahamut .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5mz6) no-repeat;
}
body#page-riseofbahamut .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5mzd) no-repeat;
}

body#page-tempestofthegods {
  background-color: #26190D;
}
body#page-tempestofthegods #site-wrapper {
  background: url(/assets/images/cardpack_tempestofthegods_bg.jpg?u9bpu5mzh) no-repeat center top;
}
body#page-tempestofthegods #site-wrapper #main-container .page-header {
  width: 980px;
  margin: 0 auto;
}
body#page-tempestofthegods #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-top: 84px;
  padding-right: 0px;
  padding-bottom: 38px;
  margin-right: -124px;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack/tempestofthegods/cardpack_movie_bg.png?u9bpu5mzr) no-repeat center top;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/tempestofthegods/local-navi-line-bg.png?u9bpu5n01) no-repeat center 64px;
  padding-top: 125px;
  padding-bottom: 60px;
  position: relative;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/tempestofthegods/bg_char1.png?u9bpu5n06) no-repeat center top;
  width: 817px;
  height: 790px;
  position: absolute;
  top: -111px;
  right: -174px;
  z-index: 1;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 790px;
  margin: 0 auto;
  font-size: 0;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-tempestofthegods #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-tempestofthegods .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-tempestofthegods .card-container:last-child {
  margin-bottom: 0;
}
body#page-tempestofthegods .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-tempestofthegods .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-tempestofthegods .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-tempestofthegods .card-container .card-wrap #btn-prev,
body#page-tempestofthegods .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-tempestofthegods .card-container .card-wrap #btn-prev.slick-disabled,
body#page-tempestofthegods .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-tempestofthegods .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-tempestofthegods .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-tempestofthegods .card-container .card-wrap .card {
  position: relative;
}
body#page-tempestofthegods .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-tempestofthegods .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-tempestofthegods .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-tempestofthegods .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-tempestofthegods .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ffe5b0;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-tempestofthegods .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
}
body#page-tempestofthegods .hidden-content {
  display: none;
}
body#page-tempestofthegods .fancybox-opened {
  z-index: 100002;
}
body#page-tempestofthegods .fancybox-overlay {
  z-index: 100001;
}
body#page-tempestofthegods .fancybox-overlay {
  background-image: url(/assets/images/cardpack/tempestofthegods/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5n0d);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-tempestofthegods .card-detaiil {
  width: 1035px;
  margin: 0 auto;
}
body#page-tempestofthegods .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-tempestofthegods .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-tempestofthegods .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-tempestofthegods .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-tempestofthegods .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-tempestofthegods .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.before dl dt, body#page-tempestofthegods .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.before dl dd, body#page-tempestofthegods .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-tempestofthegods .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-tempestofthegods .fancybox-inner {
  overflow: visible !important;
}
body#page-tempestofthegods .fancybox-close {
  width: 60px;
  height: 60px;
  top: -80px;
  right: 0px;
  background: url(/assets/images/btn-close_off.png?u9bpu5n0j) no-repeat;
}
body#page-tempestofthegods .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5n0r) no-repeat;
}
body#page-tempestofthegods .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-tempestofthegods .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5n10) no-repeat;
}
body#page-tempestofthegods .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5n13) no-repeat;
}
body#page-tempestofthegods .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5n16) no-repeat;
}
body#page-tempestofthegods .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5n19) no-repeat;
}

body#page-wonderlanddreams {
  background-color: #1c0d26;
}
body#page-wonderlanddreams .topics-path {
  position: relative;
  top: -100px;
}
body#page-wonderlanddreams #site-wrapper {
  background: url(/assets/images/cardpack_wonderlanddreams_bg.jpg?u9bpu5n1b) no-repeat center top;
}
body#page-wonderlanddreams #site-wrapper #main-container .page-header {
  width: 980px;
  margin: 0 auto;
}
body#page-wonderlanddreams #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-right: 0px;
  padding-bottom: 38px;
  margin-right: -40px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack/wonderlanddreams/cardpack_movie_bg.png?u9bpu5n1h) no-repeat center top;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/wonderlanddreams/local-navi-line-bg.png?u9bpu5n1q) no-repeat center 64px;
  padding-top: 125px;
  padding-bottom: 60px;
  position: relative;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/wonderlanddreams/bg_char1.png?u9bpu5n1s) no-repeat center top;
  width: 381px;
  height: 457px;
  position: absolute;
  top: -10px;
  right: -141px;
  z-index: 1;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/wonderlanddreams/bg_char2.png?u9bpu5n22) no-repeat center top;
  width: 389px;
  height: 312px;
  position: absolute;
  top: 80px;
  left: -130px;
  z-index: 1;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 790px;
  margin: 0 auto;
  font-size: 0;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-wonderlanddreams #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-wonderlanddreams .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-wonderlanddreams .card-container:last-child {
  margin-bottom: 0;
}
body#page-wonderlanddreams .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-wonderlanddreams .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-wonderlanddreams .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-wonderlanddreams .card-container .card-wrap #btn-prev,
body#page-wonderlanddreams .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-wonderlanddreams .card-container .card-wrap #btn-prev.slick-disabled,
body#page-wonderlanddreams .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-wonderlanddreams .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-wonderlanddreams .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-wonderlanddreams .card-container .card-wrap .card {
  position: relative;
}
body#page-wonderlanddreams .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-wonderlanddreams .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-wonderlanddreams .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-wonderlanddreams .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-wonderlanddreams .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ffe5b0;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-wonderlanddreams .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
}
body#page-wonderlanddreams .hidden-content {
  display: none;
}
body#page-wonderlanddreams .fancybox-opened {
  z-index: 100002;
}
body#page-wonderlanddreams .fancybox-overlay {
  z-index: 100001;
}
body#page-wonderlanddreams .fancybox-overlay {
  background-image: url(/assets/images/cardpack/wonderlanddreams/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5n26);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-wonderlanddreams .card-detaiil {
  width: 1035px;
  margin: 0 auto;
}
body#page-wonderlanddreams .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-wonderlanddreams .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-wonderlanddreams .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-wonderlanddreams .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-wonderlanddreams .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-wonderlanddreams .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.before dl dt, body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.before dl dd, body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-wonderlanddreams .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-wonderlanddreams .fancybox-inner {
  overflow: visible !important;
}
body#page-wonderlanddreams .fancybox-close {
  width: 60px;
  height: 60px;
  top: -80px;
  right: 0px;
  background: url(/assets/images/btn-close_off.png?u9bpu5n2b) no-repeat;
}
body#page-wonderlanddreams .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5n2e) no-repeat;
}
body#page-wonderlanddreams .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-wonderlanddreams .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5n2n) no-repeat;
}
body#page-wonderlanddreams .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5n2t) no-repeat;
}
body#page-wonderlanddreams .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5n32) no-repeat;
}
body#page-wonderlanddreams .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5n39) no-repeat;
}

body#page-starforgedlegends {
  background-color: #0d1326;
}
body#page-starforgedlegends .topics-path {
  position: relative;
  top: -100px;
}
body#page-starforgedlegends #site-wrapper {
  background: url(/assets/images/cardpack_starforgedlegends_bg.jpg?u9bpu5n3f) no-repeat center top;
}
body#page-starforgedlegends #site-wrapper #main-container .page-header {
  width: 980px;
  margin: 0 auto;
}
body#page-starforgedlegends #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-right: 0px;
  padding-bottom: 27px;
  margin-right: -20px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack/starforgedlegends/cardpack_movie_bg.png?u9bpu5n3n) no-repeat center top;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/starforgedlegends/local-navi-line-bg.png?u9bpu5n3v) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/starforgedlegends/bg_char1.png?u9bpu5n3w) no-repeat center top;
  width: 365px;
  height: 413px;
  position: absolute;
  top: 119px;
  right: -126px;
  z-index: 1;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/starforgedlegends/bg_char2.png?u9bpu5n42) no-repeat center top;
  width: 393px;
  height: 440px;
  position: absolute;
  top: 105px;
  left: -186px;
  z-index: 1;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 790px;
  margin: 0 auto;
  font-size: 0;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-starforgedlegends #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-starforgedlegends .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-starforgedlegends .card-container:last-child {
  margin-bottom: 0;
}
body#page-starforgedlegends .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-starforgedlegends .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-starforgedlegends .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-starforgedlegends .card-container .card-wrap #btn-prev,
body#page-starforgedlegends .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-starforgedlegends .card-container .card-wrap #btn-prev.slick-disabled,
body#page-starforgedlegends .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-starforgedlegends .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-starforgedlegends .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-starforgedlegends .card-container .card-wrap .card {
  position: relative;
}
body#page-starforgedlegends .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-starforgedlegends .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-starforgedlegends .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-starforgedlegends .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-starforgedlegends .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ffe5b0;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-starforgedlegends .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
}
body#page-starforgedlegends .hidden-content {
  display: none;
}
body#page-starforgedlegends .fancybox-opened {
  z-index: 100002;
}
body#page-starforgedlegends .fancybox-overlay {
  z-index: 100001;
}
body#page-starforgedlegends .fancybox-overlay {
  background-image: url(/assets/images/cardpack/starforgedlegends/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5n46);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-starforgedlegends .card-detaiil {
  width: 1035px;
  margin: 0 auto;
}
body#page-starforgedlegends .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-starforgedlegends .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-starforgedlegends .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-starforgedlegends .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-starforgedlegends .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-starforgedlegends .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.before dl dt, body#page-starforgedlegends .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.before dl dd, body#page-starforgedlegends .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-starforgedlegends .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-starforgedlegends .fancybox-inner {
  overflow: visible !important;
}
body#page-starforgedlegends .fancybox-close {
  width: 60px;
  height: 60px;
  top: -80px;
  right: 0px;
  background: url(/assets/images/btn-close_off.png?u9bpu5n4e) no-repeat;
}
body#page-starforgedlegends .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5n4l) no-repeat;
}
body#page-starforgedlegends .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-starforgedlegends .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5n4q) no-repeat;
}
body#page-starforgedlegends .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5n4w) no-repeat;
}
body#page-starforgedlegends .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5n50) no-repeat;
}
body#page-starforgedlegends .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5n5a) no-repeat;
}

body#page-chronogenesis {
  background-color: #16112c;
}
body#page-chronogenesis .topics-path {
  position: relative;
  top: -100px;
}
body#page-chronogenesis #site-wrapper {
  background: url(/assets/images/cardpack_chronogenesis_bg.jpg?u9bpu5n5j) no-repeat center top;
}
body#page-chronogenesis #site-wrapper #main-container .page-header {
  width: 980px;
  margin: 0 auto;
}
body#page-chronogenesis #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-right: 0px;
  padding-bottom: 82px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
  background: url(/assets/images/cardpack/chronogenesis/cardpack_movie_bg.png?u9bpu5n5r) no-repeat center top;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/chronogenesis/local-navi-line-bg.png?u9bpu5n5v) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/chronogenesis/bg_char1.png?u9bpu5n65) no-repeat center top;
  width: 365px;
  height: 434px;
  position: absolute;
  top: 12px;
  right: -95px;
  z-index: 1;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/chronogenesis/bg_char2.png?u9bpu5n67) no-repeat center top;
  width: 393px;
  height: 440px;
  position: absolute;
  top: 86px;
  left: -118px;
  z-index: 1;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 890px;
  margin: 0 auto;
  font-size: 0;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-chronogenesis #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-chronogenesis .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-chronogenesis .card-container:last-child {
  margin-bottom: 0;
}
body#page-chronogenesis .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-chronogenesis .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-chronogenesis .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-chronogenesis .card-container .card-wrap #btn-prev,
body#page-chronogenesis .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-chronogenesis .card-container .card-wrap #btn-prev.slick-disabled,
body#page-chronogenesis .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-chronogenesis .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-chronogenesis .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-chronogenesis .card-container .card-wrap .card {
  position: relative;
}
body#page-chronogenesis .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-chronogenesis .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-chronogenesis .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-chronogenesis .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-chronogenesis .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ffe5b0;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-chronogenesis .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
}
body#page-chronogenesis .hidden-content {
  display: none;
}
body#page-chronogenesis .fancybox-opened {
  z-index: 100002;
}
body#page-chronogenesis .fancybox-overlay {
  z-index: 100001;
}
body#page-chronogenesis .fancybox-overlay {
  background-image: url(/assets/images/cardpack/chronogenesis/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5n6b);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-chronogenesis .card-detaiil {
  width: 1035px;
  margin: 0 auto;
}
body#page-chronogenesis .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-chronogenesis .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-chronogenesis .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-chronogenesis .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-chronogenesis .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-chronogenesis .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.before dl dt, body#page-chronogenesis .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.before dl dd, body#page-chronogenesis .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-chronogenesis .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-chronogenesis .fancybox-inner {
  overflow: visible !important;
}
body#page-chronogenesis .fancybox-close {
  width: 60px;
  height: 60px;
  top: -80px;
  right: 0px;
  background: url(/assets/images/btn-close_off.png?u9bpu5n6h) no-repeat;
}
body#page-chronogenesis .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5n6q) no-repeat;
}
body#page-chronogenesis .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-chronogenesis .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5n70) no-repeat;
}
body#page-chronogenesis .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5n75) no-repeat;
}
body#page-chronogenesis .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5n7d) no-repeat;
}
body#page-chronogenesis .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5n7i) no-repeat;
}

body#page-dawnbreaknightedge {
  background-color: #94858a;
}
body#page-dawnbreaknightedge .topics-path {
  position: relative;
  top: -100px;
  color: #000;
}
body#page-dawnbreaknightedge .topics-path a {
  color: #000;
}
body#page-dawnbreaknightedge #site-wrapper {
  background: url(/assets/images/cardpack_dawnbreaknightedge_bg.jpg?u9bpu5n7j) no-repeat center top;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .page-header {
  width: 1370px;
  margin: 0 auto;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .page-header h2 {
  float: right;
  padding-right: 0px;
  padding-bottom: 82px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: rgba(255, 255, 255, 0.6);
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
  color: #000;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5n7n) no-repeat center top */
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 427px;
  height: 240px;
  padding: 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/dawnbreaknightedge/local-navi-line-bg.png?u9bpu5n7r) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/dawnbreaknightedge/bg_char1.png?u9bpu5n7u) no-repeat center top;
  width: 501px;
  height: 406px;
  position: absolute;
  top: 81px;
  right: -175px;
  z-index: 1;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/dawnbreaknightedge/bg_char2.png?u9bpu5n7y) no-repeat center top;
  width: 500px;
  height: 440px;
  position: absolute;
  top: 79px;
  left: -238px;
  z-index: 1;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #000;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #000;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 890px;
  margin: 0 auto;
  font-size: 0;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-dawnbreaknightedge .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-dawnbreaknightedge .card-container:last-child {
  margin-bottom: 0;
}
body#page-dawnbreaknightedge .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-dawnbreaknightedge .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-dawnbreaknightedge .card-container h3.device-text {
  color: #000;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-dawnbreaknightedge .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-dawnbreaknightedge .card-container .card-wrap #btn-prev,
body#page-dawnbreaknightedge .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-dawnbreaknightedge .card-container .card-wrap #btn-prev.slick-disabled,
body#page-dawnbreaknightedge .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-dawnbreaknightedge .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-dawnbreaknightedge .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card {
  position: relative;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-dawnbreaknightedge .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #b4347a;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-dawnbreaknightedge .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #000;
}
body#page-dawnbreaknightedge .hidden-content {
  display: none;
}
body#page-dawnbreaknightedge .fancybox-opened {
  z-index: 100002;
}
body#page-dawnbreaknightedge .fancybox-overlay {
  z-index: 100001;
}
body#page-dawnbreaknightedge .fancybox-overlay {
  background-image: url(/assets/images/cardpack/dawnbreaknightedge/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5n7z);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-dawnbreaknightedge .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-dawnbreaknightedge .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-dawnbreaknightedge .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 60px;
  background: url(/assets/images/cardpack/dawnbreaknightedge/choice_bg.png?u9bpu5n87) no-repeat center top;
  z-index: 100;
}
body#page-dawnbreaknightedge .choice-bar > ul {
  text-align: center;
}
body#page-dawnbreaknightedge .choice-bar > ul li {
  display: inline-block;
  margin-right: 30px;
}
body#page-dawnbreaknightedge .choice-bar > ul li:last-child {
  margin-right: 0px;
}
body#page-dawnbreaknightedge .choice-bar > ul li.choice-title {
  position: relative;
  top: 14px;
}
body#page-dawnbreaknightedge .choice-bar > ul li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-dawnbreaknightedge .choice-bar > ul li a:hover, body#page-dawnbreaknightedge .choice-bar > ul li a.active {
  text-decoration: underline;
}
body#page-dawnbreaknightedge .choice-bar > ul li a.active {
  font-weight: bold;
}
body#page-dawnbreaknightedge .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-dawnbreaknightedge .card-detaiil.shown {
  opacity: 0.2;
}
body#page-dawnbreaknightedge .card-detaiil.shown.active {
  opacity: 1;
}
body#page-dawnbreaknightedge .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-dawnbreaknightedge .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-dawnbreaknightedge .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-dawnbreaknightedge .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-dawnbreaknightedge .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-dawnbreaknightedge .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.before dl dt, body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.before dl dd, body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-dawnbreaknightedge .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-dawnbreaknightedge .fancybox-inner {
  overflow: visible !important;
}
body#page-dawnbreaknightedge .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5n8h) no-repeat;
}
body#page-dawnbreaknightedge .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5n8r) no-repeat;
}
body#page-dawnbreaknightedge .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-dawnbreaknightedge .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5n8w) no-repeat;
}
body#page-dawnbreaknightedge .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5n8y) no-repeat;
}
body#page-dawnbreaknightedge .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5n96) no-repeat;
}
body#page-dawnbreaknightedge .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5n9c) no-repeat;
}

body#page-brigadeofthesky {
  background-color: #cfdfee;
}
body#page-brigadeofthesky .topics-path {
  position: relative;
  top: -100px;
  color: #000;
}
body#page-brigadeofthesky .topics-path a {
  color: #000;
}
body#page-brigadeofthesky #site-wrapper {
  background: url(/assets/images/cardpack_brigadeofthesky_bg.jpg?u9bpu5n9e) no-repeat center top;
}
body#page-brigadeofthesky #site-wrapper #main-container .page-header {
  width: 1370px;
  margin: 0 auto;
}
body#page-brigadeofthesky #site-wrapper #main-container .page-header h2 {
  float: left;
  padding: 160px 0 108px 177px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: rgba(255, 255, 255, 0.6);
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 88px;
  width: 385px;
  font-size: 14px;
  color: #000;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5n9n) no-repeat center top */
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 402px;
  height: 226px;
  padding: 30px 55px 15px 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .upper .right .btn {
  float: right;
  padding-right: 55px;
  margin-right: 20px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .subtitle {
  text-align: center;
  position: relative;
  top: 30px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-title {
  position: relative;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title1 {
  top: 55px;
  left: 93px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title2 {
  top: 35px;
  left: 521px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-list {
  position: relative;
  z-index: 100;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 20px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li {
  display: inline-block;
  margin-right: 18px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li dl dd {
  font-size: 12px;
  color: #000;
  text-align: left;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:nth-child(2) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #383b3d;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:last-child {
  position: relative;
  top: 30px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/brigadeofthesky/local-navi-line-bg.png?u9bpu5n9t) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/brigadeofthesky/bg_char1.png?u9bpu5na1) no-repeat center top;
  width: 415px;
  height: 385px;
  position: absolute;
  top: 111px;
  right: -145px;
  z-index: 1;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/brigadeofthesky/bg_char2.png?u9bpu5na7) no-repeat center top;
  width: 347px;
  height: 403px;
  position: absolute;
  top: 109px;
  left: -128px;
  z-index: 1;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #000;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #000;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 890px;
  margin: 0 auto;
  font-size: 0;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-brigadeofthesky #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-brigadeofthesky .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-brigadeofthesky .card-container:last-child {
  margin-bottom: 0;
}
body#page-brigadeofthesky .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-brigadeofthesky .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 88px;
}
body#page-brigadeofthesky .card-container h3.device-text {
  color: #000;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-brigadeofthesky .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-brigadeofthesky .card-container .card-wrap #btn-prev,
body#page-brigadeofthesky .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-brigadeofthesky .card-container .card-wrap #btn-prev.slick-disabled,
body#page-brigadeofthesky .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-brigadeofthesky .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-brigadeofthesky .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-brigadeofthesky .card-container .card-wrap .card {
  position: relative;
}
body#page-brigadeofthesky .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-brigadeofthesky .card-container .card-wrap .card a {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-brigadeofthesky .card-container .card-wrap .card a img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-brigadeofthesky .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-brigadeofthesky .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #b4347a;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-brigadeofthesky .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #000;
}
body#page-brigadeofthesky #top-applink .applink-inner .applink-text {
  color: #000;
}
body#page-brigadeofthesky .hidden-content {
  display: none;
}
body#page-brigadeofthesky .fancybox-opened {
  z-index: 100002;
}
body#page-brigadeofthesky .fancybox-overlay {
  z-index: 100001;
}
body#page-brigadeofthesky .fancybox-overlay {
  background-image: url(/assets/images/cardpack/brigadeofthesky/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5naa);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-brigadeofthesky .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-brigadeofthesky .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-brigadeofthesky .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 60px;
  background: url(/assets/images/cardpack/brigadeofthesky/choice_bg.png?u9bpu5nae) no-repeat center top;
  z-index: 100;
}
body#page-brigadeofthesky .choice-bar > ul {
  text-align: center;
}
body#page-brigadeofthesky .choice-bar > ul > li {
  display: inline-block;
  margin-right: 30px;
}
body#page-brigadeofthesky .choice-bar > ul > li:last-child {
  margin-right: 0px;
}
body#page-brigadeofthesky .choice-bar > ul > li.choice-title {
  position: relative;
  top: 14px;
}
body#page-brigadeofthesky .choice-bar > ul > li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-brigadeofthesky .choice-bar > ul > li a:hover, body#page-brigadeofthesky .choice-bar > ul > li a.active {
  text-decoration: underline;
}
body#page-brigadeofthesky .choice-bar > ul > li a.active {
  font-weight: bold;
}
body#page-brigadeofthesky .choice-bar.over-2 {
  height: 90px;
  background-repeat: repeat-y;
}
body#page-brigadeofthesky .choice-bar.over-2 > ul > li:first-child {
  position: relative;
  top: -15px;
}
body#page-brigadeofthesky .choice-bar.over-2 > ul > li.choice-title {
  position: relative;
  top: -2px;
}
body#page-brigadeofthesky .choice-bar.over-2 > ul > li > ul.choice-bar-inner {
  position: relative;
  top: 19px;
  width: 600px;
}
body#page-brigadeofthesky .choice-bar.over-2 > ul > li > ul.choice-bar-inner > li {
  float: left;
  text-align: left;
  width: 280px;
  min-height: 23px;
}
body#page-brigadeofthesky .choice-bar.over-2 > ul > li > ul.choice-bar-inner > li:nth-child(1), body#page-brigadeofthesky .choice-bar.over-2 > ul > li > ul.choice-bar-inner > li:nth-child(2) {
  margin-bottom: 8px;
}
body#page-brigadeofthesky .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-brigadeofthesky .card-detaiil.shown {
  opacity: 0.2;
}
body#page-brigadeofthesky .card-detaiil.shown.active {
  opacity: 1;
}
body#page-brigadeofthesky .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-brigadeofthesky .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-brigadeofthesky .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-brigadeofthesky .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-brigadeofthesky .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-brigadeofthesky .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-brigadeofthesky .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.before dl dt, body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.before dl dd, body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-brigadeofthesky .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-brigadeofthesky .fancybox-inner {
  overflow: visible !important;
}
body#page-brigadeofthesky .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5naf) no-repeat;
}
body#page-brigadeofthesky .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5nap) no-repeat;
}
body#page-brigadeofthesky .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-brigadeofthesky .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5naq) no-repeat;
}
body#page-brigadeofthesky .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5nas) no-repeat;
}
body#page-brigadeofthesky .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5naw) no-repeat;
}
body#page-brigadeofthesky .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5nb4) no-repeat;
}

body#page-omenoftheten {
  background-color: #120613;
}
body#page-omenoftheten .topics-path {
  position: relative;
  width: 900px;
  top: -100px;
  color: #fff;
}
body#page-omenoftheten .topics-path a {
  color: #fff;
}
body#page-omenoftheten #site-wrapper {
  background: url(/assets/images/cardpack_omenoftheten_bg.jpg?u9bpu5nb6) no-repeat center top;
}
body#page-omenoftheten #site-wrapper #main-container .page-header {
  width: 1370px;
  margin: 0 auto;
}
body#page-omenoftheten #site-wrapper #main-container .page-header h2 {
  text-align: center;
  padding: 290px 0 30px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: none;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 60px;
  width: 450px;
  font-size: 14px;
  color: #fff;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5nb8) no-repeat center top */
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 402px;
  height: 226px;
  padding: 30px 55px 15px 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .upper .right .btn {
  float: right;
  padding-right: 55px;
  margin-right: 20px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .subtitle {
  text-align: center;
  position: relative;
  top: 30px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-title {
  position: relative;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title1 {
  top: 55px;
  left: 93px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title2 {
  top: 35px;
  left: 521px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-list {
  position: relative;
  z-index: 100;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 20px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li {
  display: inline-block;
  margin-right: 18px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li dl dd {
  font-size: 12px;
  color: #fff;
  text-align: left;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:nth-child(2) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #383b3d;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:last-child {
  position: relative;
  top: 30px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/omenoftheten/local-navi-line-bg.png?u9bpu5nbh) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/omenoftheten/bg_char1.png?u9bpu5nbo) no-repeat center top;
  width: 415px;
  height: 385px;
  position: absolute;
  top: 111px;
  right: -145px;
  z-index: 1;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/omenoftheten/bg_char2.png?u9bpu5nbp) no-repeat center top;
  width: 347px;
  height: 403px;
  position: absolute;
  top: 109px;
  left: -128px;
  z-index: 1;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #fff;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #fff;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-omenoftheten #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-omenoftheten .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-omenoftheten .card-container:last-child {
  margin-bottom: 0;
}
body#page-omenoftheten .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-omenoftheten .card-container .symbol {
  position: absolute;
  top: 0px;
  left: 70px;
}
body#page-omenoftheten .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 118px;
}
body#page-omenoftheten .card-container h3.device-text {
  color: #fff;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-omenoftheten .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-omenoftheten .card-container .card-wrap #btn-prev,
body#page-omenoftheten .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-omenoftheten .card-container .card-wrap #btn-prev.slick-disabled,
body#page-omenoftheten .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-omenoftheten .card-container .card-wrap #btn-prev {
  left: -100px;
}
body#page-omenoftheten .card-container .card-wrap #btn-next {
  right: -100px;
}
body#page-omenoftheten .card-container .card-wrap .card {
  position: relative;
  outline: none;
}
body#page-omenoftheten .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-omenoftheten .card-container .card-wrap .card a, body#page-omenoftheten .card-container .card-wrap .card > span {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-omenoftheten .card-container .card-wrap .card a img, body#page-omenoftheten .card-container .card-wrap .card > span img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-omenoftheten .card-container .card-wrap .card a:hover img {
  opacity: 0.65;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  -ms-filter: "alpha(opacity=65)";
}
body#page-omenoftheten .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #a2293b;
  margin-bottom: 5px;
  padding: 0 8px;
}
body#page-omenoftheten .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
}
body#page-omenoftheten .card-container .card-wrap .card .publish-date {
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
}
body#page-omenoftheten #top-applink .applink-inner .applink-text {
  color: #fff;
}
body#page-omenoftheten .hidden-content {
  display: none;
}
body#page-omenoftheten .fancybox-opened {
  z-index: 100002;
}
body#page-omenoftheten .fancybox-overlay {
  z-index: 100001;
}
body#page-omenoftheten .fancybox-overlay {
  background-image: url(/assets/images/cardpack/omenoftheten/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5nbr);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-omenoftheten .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-omenoftheten .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-omenoftheten .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 90px;
  background: url(/assets/images/cardpack/omenoftheten/choice_bg.png?u9bpu5nc1) repeat-y center top;
  z-index: 100;
}
body#page-omenoftheten .choice-bar > ul {
  height: 90px;
  text-align: center;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#page-omenoftheten .choice-bar > ul > li {
  margin-right: 30px;
}
body#page-omenoftheten .choice-bar > ul > li.choice-title {
  position: relative;
}
body#page-omenoftheten .choice-bar > ul > li:last-child {
  margin-right: 0px;
}
body#page-omenoftheten .choice-bar > ul > li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-omenoftheten .choice-bar > ul > li a:hover, body#page-omenoftheten .choice-bar > ul > li a.active {
  text-decoration: underline;
}
body#page-omenoftheten .choice-bar > ul > li a.active {
  font-weight: bold;
}
body#page-omenoftheten .choice-bar > ul > li > ul.choice-bar-inner {
  position: relative;
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body#page-omenoftheten .choice-bar > ul > li > ul.choice-bar-inner > li {
  text-align: left;
  width: 280px;
  min-height: 23px;
}
body#page-omenoftheten .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-omenoftheten .card-detaiil.shown {
  opacity: 0.2;
}
body#page-omenoftheten .card-detaiil.shown.active {
  opacity: 1;
}
body#page-omenoftheten .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-omenoftheten .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-omenoftheten .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-omenoftheten .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-omenoftheten .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-omenoftheten .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-omenoftheten .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.before dl dt, body#page-omenoftheten .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.before dl dd, body#page-omenoftheten .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-omenoftheten .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-omenoftheten .fancybox-inner {
  overflow: visible !important;
}
body#page-omenoftheten .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5nc6) no-repeat;
}
body#page-omenoftheten .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5nc9) no-repeat;
}
body#page-omenoftheten .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-omenoftheten .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5ncb) no-repeat;
}
body#page-omenoftheten .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5nce) no-repeat;
}
body#page-omenoftheten .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5ncf) no-repeat;
}
body#page-omenoftheten .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5nck) no-repeat;
}

body#page-altersphere {
  background-color: #111322;
  /*くるくるUI */
}
body#page-altersphere .topics-path {
  position: relative;
  width: 900px;
  top: -100px;
  color: #fff;
}
body#page-altersphere .topics-path a {
  color: #fff;
}
body#page-altersphere #site-wrapper {
  background: url(/assets/images/cardpack_altersphere_bg.jpg?u9bpu5nco) no-repeat center top;
}
body#page-altersphere #site-wrapper #main-container .page-header {
  margin: 0 auto;
}
body#page-altersphere #site-wrapper #main-container .page-header h2 {
  text-align: center;
  padding: 180px 0 230px;
}
body#page-altersphere #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: none;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 60px;
  width: 450px;
  font-size: 14px;
  color: #fff;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5nct) no-repeat center top */
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 402px;
  height: 226px;
  padding: 30px 55px 15px 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .upper .right .btn {
  float: right;
  padding-right: 55px;
  margin-right: 20px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .subtitle {
  text-align: center;
  position: relative;
  top: 30px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-title {
  position: relative;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title1 {
  top: 55px;
  left: 93px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title2 {
  top: 35px;
  left: 521px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-list {
  position: relative;
  z-index: 100;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 20px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li {
  display: inline-block;
  margin-right: 18px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li dl dd {
  font-size: 12px;
  color: #fff;
  text-align: left;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:nth-child(2) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #383b3d;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:last-child {
  position: relative;
  top: 30px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/altersphere/local-navi-line-bg.png?u9bpu5nd3) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/altersphere/bg_char1.png?u9bpu5nd5) no-repeat center top;
  width: 415px;
  height: 385px;
  position: absolute;
  top: 111px;
  right: -145px;
  z-index: 1;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/altersphere/bg_char2.png?u9bpu5nd7) no-repeat center top;
  width: 347px;
  height: 403px;
  position: absolute;
  top: 109px;
  left: -128px;
  z-index: 1;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #fff;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #fff;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-altersphere #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-altersphere .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-altersphere .card-container:last-child {
  margin-bottom: 0;
}
body#page-altersphere .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-altersphere .card-container .symbol {
  position: absolute;
  top: 0px;
  left: 70px;
}
body#page-altersphere .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 118px;
}
body#page-altersphere .card-container h3.device-text {
  color: #fff;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-altersphere .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-altersphere .card-container .card-wrap #btn-prev,
body#page-altersphere .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-altersphere .card-container .card-wrap #btn-prev.slick-disabled,
body#page-altersphere .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-altersphere .card-container .card-wrap #btn-prev {
  left: -420px;
}
body#page-altersphere .card-container .card-wrap #btn-next {
  right: -420px;
}
body#page-altersphere .card-container .card-wrap .card {
  position: relative;
  outline: none;
}
body#page-altersphere .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-altersphere .card-container .card-wrap .card a, body#page-altersphere .card-container .card-wrap .card > span {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-altersphere .card-container .card-wrap .card a img, body#page-altersphere .card-container .card-wrap .card > span img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-altersphere .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #a464ca;
  margin-bottom: 5px;
  padding: 0 8px;
  width: 184px;
}
body#page-altersphere .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
}
body#page-altersphere .card-container .card-wrap .card .publish-date {
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
}
body#page-altersphere #top-applink .applink-inner .applink-text {
  color: #fff;
}
body#page-altersphere .hidden-content {
  display: none;
}
body#page-altersphere .fancybox-opened {
  z-index: 100002;
}
body#page-altersphere .fancybox-overlay {
  z-index: 100001;
}
body#page-altersphere .fancybox-overlay {
  background-image: url(/assets/images/cardpack/altersphere/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5ndd);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-altersphere .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-altersphere .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-altersphere .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 90px;
  background: url(/assets/images/cardpack/altersphere/choice_bg.png?u9bpu5ndn) repeat-y center top;
  z-index: 100;
}
body#page-altersphere .choice-bar > ul {
  height: 90px;
  text-align: center;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#page-altersphere .choice-bar > ul > li {
  margin-right: 30px;
}
body#page-altersphere .choice-bar > ul > li.choice-title {
  position: relative;
}
body#page-altersphere .choice-bar > ul > li:last-child {
  margin-right: 0px;
}
body#page-altersphere .choice-bar > ul > li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-altersphere .choice-bar > ul > li a:hover, body#page-altersphere .choice-bar > ul > li a.active {
  text-decoration: underline;
}
body#page-altersphere .choice-bar > ul > li a.active {
  font-weight: bold;
}
body#page-altersphere .choice-bar > ul > li > ul.choice-bar-inner {
  position: relative;
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body#page-altersphere .choice-bar > ul > li > ul.choice-bar-inner > li {
  text-align: left;
  width: 280px;
  min-height: 23px;
}
body#page-altersphere .choice-bar.over-10 {
  height: 120px;
  background-repeat: repeat-y;
}
body#page-altersphere .choice-bar.over-10 .choice-title-list {
  margin-top: -65px;
}
body#page-altersphere .choice-bar.over-10 .choice-title-list > li.choice-name {
  position: relative;
}
body#page-altersphere .choice-bar.over-10 .choice-title-list > li.choice-title {
  position: relative;
}
body#page-altersphere .choice-bar ul.choice-bar-inner {
  position: relative;
  top: -10px;
  width: 730px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#page-altersphere .choice-bar ul.choice-bar-inner > li {
  width: 130px;
  min-height: 23px;
}
body#page-altersphere .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-altersphere .card-detaiil.shown {
  opacity: 0.2;
}
body#page-altersphere .card-detaiil.shown.active {
  opacity: 1;
}
body#page-altersphere .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-altersphere .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-altersphere .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-altersphere .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-altersphere .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-altersphere .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-altersphere .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-altersphere .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.before dl dt, body#page-altersphere .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.before dl dd, body#page-altersphere .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-altersphere .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-altersphere .fancybox-inner {
  overflow: visible !important;
}
body#page-altersphere .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5ndw) no-repeat;
}
body#page-altersphere .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5ne4) no-repeat;
}
body#page-altersphere .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-altersphere .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5ned) no-repeat;
}
body#page-altersphere .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5nem) no-repeat;
}
body#page-altersphere .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5ner) no-repeat;
}
body#page-altersphere .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5neu) no-repeat;
}
body#page-altersphere .card-container .kc-controller {
  width: 854px;
  margin: 0 auto;
}
body#page-altersphere .card-container .kc-controller .btn-prev,
body#page-altersphere .card-container .kc-controller .btn-next {
  position: absolute;
  top: 50%;
  margin-top: -42px;
  z-index: 5;
  display: block;
}
body#page-altersphere .card-container .kc-controller .btn-prev.arrow-lock,
body#page-altersphere .card-container .kc-controller .btn-next.arrow-lock {
  display: none;
}
body#page-altersphere .card-container .kc-controller .btn-prev {
  left: 0px;
}
body#page-altersphere .card-container .kc-controller .btn-next {
  right: 0px;
}
body#page-altersphere .card-container .card-wrap {
  height: 316px;
  width: 200px !important;
  overflow: visible;
  margin: 0 auto;
}
body#page-altersphere .card-container .card-wrap:before {
  position: absolute;
  display: block;
  content: "";
  height: 326px;
  width: 1020px;
  top: 0;
  left: 50%;
  margin-left: -510px;
  z-index: 0;
}
body#page-altersphere .card-container .card-wrap.animation .card {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-altersphere .card-container .card-wrap.only2 .card.front1 {
  left: -107px;
}
body#page-altersphere .card-container .card-wrap.only2 .card.front2 {
  left: 107px;
}
body#page-altersphere .card-container .card-wrap.only1 .card.front1 {
  left: 0px;
}
body#page-altersphere .card-container .card-wrap .card {
  opacity: 0;
}
body#page-altersphere .card-container .card-wrap .card h4, body#page-altersphere .card-container .card-wrap .card p.rare {
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-altersphere .card-container .card-wrap .card.front h4, body#page-altersphere .card-container .card-wrap .card.front p.rare {
  opacity: 1;
}
body#page-altersphere .card-container .card-wrap .card.front {
  opacity: 1;
  z-index: 1;
}
body#page-altersphere .card-container .card-wrap .card.front > a > img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#page-altersphere .card-container .card-wrap .card.front > a > img:hover {
  -webkit-filter: drop-shadow(0px 0px 8px #01b1da);
}
body#page-altersphere .card-container .card-wrap .card.front1 {
  left: -215px;
}
body#page-altersphere .card-container .card-wrap .card.front2 {
  left: 0;
}
body#page-altersphere .card-container .card-wrap .card.front3 {
  left: 215px;
}
body#page-altersphere .card-container .card-wrap .card.next1 {
  left: 298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-altersphere .card-container .card-wrap .card.next2 {
  left: 355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-altersphere .card-container .card-wrap .card.next3 {
  left: 355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-altersphere .card-container .card-wrap .card.prev1 {
  left: -298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-altersphere .card-container .card-wrap .card.prev2 {
  left: -355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-altersphere .card-container .card-wrap .card.prev3 {
  left: -355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

body#page-steelrebellion {
  background-color: #191615;
  /*くるくるUI */
}
body#page-steelrebellion .topics-path {
  position: relative;
  width: 900px;
  top: -100px;
  color: #fff;
}
body#page-steelrebellion .topics-path a {
  color: #fff;
}
body#page-steelrebellion #site-wrapper {
  background: url(/assets/images/cardpack_steelrebellion_bg.jpg?u9bpu5nf0) no-repeat center top;
}
body#page-steelrebellion #site-wrapper #main-container .page-header {
  margin: 0 auto;
}
body#page-steelrebellion #site-wrapper #main-container .page-header h2 {
  text-align: center;
  padding: 255px 0 120px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: none;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 60px;
  width: 450px;
  font-size: 14px;
  color: #fff;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5nf4) no-repeat center top */
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 402px;
  height: 226px;
  padding: 30px 55px 15px 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .upper .right .btn {
  float: right;
  padding-right: 55px;
  margin-right: 20px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .subtitle {
  text-align: center;
  position: relative;
  top: 30px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-title {
  position: relative;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title1 {
  top: 55px;
  left: 93px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title2 {
  top: 35px;
  left: 521px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-list {
  position: relative;
  z-index: 100;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 20px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li {
  display: inline-block;
  margin-right: 18px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li dl dd {
  font-size: 12px;
  color: #fff;
  text-align: left;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:nth-child(2) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #383b3d;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:last-child {
  position: relative;
  top: 30px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/steelrebellion/local-navi-line-bg.png?u9bpu5nfc) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/steelrebellion/bg_char1.png?u9bpu5nff) no-repeat center top;
  width: 415px;
  height: 385px;
  position: absolute;
  top: 111px;
  right: -145px;
  z-index: 1;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/steelrebellion/bg_char2.png?u9bpu5nfo) no-repeat center top;
  width: 347px;
  height: 403px;
  position: absolute;
  top: 109px;
  left: -128px;
  z-index: 1;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #fff;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #fff;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .release-text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 40px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule {
  margin: 0 auto;
  width: 844px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li {
  display: inline-block;
  width: 402px;
  margin-left: 35px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #4d4d4d;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li:last-child {
  border-bottom: none;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl {
  font-size: 13px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl dt {
  width: 58px;
  float: left;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl dd {
  float: right;
  width: 330px;
  word-wrap: break-word;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li:first-child {
  margin-left: 0;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release > p {
  width: 844px;
  margin: 0 auto;
  font-size: 13px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .notice {
  text-align: right;
  margin-bottom: 18px;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .centered {
  text-align: center;
}
body#page-steelrebellion #site-wrapper #main-container .contents-container .contents-body .lower .release .inline-box {
  display: inline-block;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
body#page-steelrebellion .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-steelrebellion .card-container:last-child {
  margin-bottom: 0;
}
body#page-steelrebellion .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-steelrebellion .card-container .symbol {
  position: absolute;
  top: 0px;
  left: 70px;
}
body#page-steelrebellion .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 118px;
}
body#page-steelrebellion .card-container h3.device-text {
  color: #fff;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-steelrebellion .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-steelrebellion .card-container .card-wrap #btn-prev,
body#page-steelrebellion .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-steelrebellion .card-container .card-wrap #btn-prev.slick-disabled,
body#page-steelrebellion .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-steelrebellion .card-container .card-wrap #btn-prev {
  left: -420px;
}
body#page-steelrebellion .card-container .card-wrap #btn-next {
  right: -420px;
}
body#page-steelrebellion .card-container .card-wrap .card {
  position: relative;
  outline: none;
}
body#page-steelrebellion .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-steelrebellion .card-container .card-wrap .card a, body#page-steelrebellion .card-container .card-wrap .card > span {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-steelrebellion .card-container .card-wrap .card a img, body#page-steelrebellion .card-container .card-wrap .card > span img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-steelrebellion .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #0ea8cf;
  margin-bottom: 5px;
  padding: 0 8px;
  width: 184px;
}
body#page-steelrebellion .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
}
body#page-steelrebellion .card-container .card-wrap .card .publish-date {
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
}
body#page-steelrebellion #top-applink .applink-inner .applink-text {
  color: #fff;
}
body#page-steelrebellion .hidden-content {
  display: none;
}
body#page-steelrebellion .fancybox-opened {
  z-index: 100002;
}
body#page-steelrebellion .fancybox-overlay {
  z-index: 100001;
}
body#page-steelrebellion .fancybox-overlay {
  background-image: url(/assets/images/cardpack/steelrebellion/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5nfw);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-steelrebellion .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-steelrebellion .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-steelrebellion .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 90px;
  background: url(/assets/images/cardpack/steelrebellion/choice_bg.png?u9bpu5nfy) repeat-y center top;
  z-index: 100;
}
body#page-steelrebellion .choice-bar > ul {
  height: 90px;
  text-align: center;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#page-steelrebellion .choice-bar > ul > li {
  margin-right: 30px;
}
body#page-steelrebellion .choice-bar > ul > li.choice-title {
  position: relative;
}
body#page-steelrebellion .choice-bar > ul > li:last-child {
  margin-right: 0px;
}
body#page-steelrebellion .choice-bar > ul > li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-steelrebellion .choice-bar > ul > li a:hover, body#page-steelrebellion .choice-bar > ul > li a.active {
  text-decoration: underline;
}
body#page-steelrebellion .choice-bar > ul > li a.active {
  font-weight: bold;
}
body#page-steelrebellion .choice-bar > ul > li > ul.choice-bar-inner {
  position: relative;
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body#page-steelrebellion .choice-bar > ul > li > ul.choice-bar-inner > li {
  text-align: left;
  width: 280px;
  min-height: 23px;
}
body#page-steelrebellion .choice-bar.over-10 {
  height: 120px;
  background-repeat: repeat-y;
}
body#page-steelrebellion .choice-bar.over-10 .choice-title-list {
  margin-top: -65px;
}
body#page-steelrebellion .choice-bar.over-10 .choice-title-list > li.choice-name {
  position: relative;
}
body#page-steelrebellion .choice-bar.over-10 .choice-title-list > li.choice-title {
  position: relative;
}
body#page-steelrebellion .choice-bar ul.choice-bar-inner {
  position: relative;
  top: -10px;
  width: 730px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#page-steelrebellion .choice-bar ul.choice-bar-inner > li {
  width: 130px;
  min-height: 23px;
}
body#page-steelrebellion .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-steelrebellion .card-detaiil.shown {
  opacity: 0.2;
}
body#page-steelrebellion .card-detaiil.shown.active {
  opacity: 1;
}
body#page-steelrebellion .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-steelrebellion .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-steelrebellion .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-steelrebellion .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-steelrebellion .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-steelrebellion .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-steelrebellion .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.before dl dt, body#page-steelrebellion .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.before dl dd, body#page-steelrebellion .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-steelrebellion .card-detaiil .detail-info .info-list.scrollbox {
  height: 250px;
}
body#page-steelrebellion .fancybox-inner {
  overflow: visible !important;
}
body#page-steelrebellion .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5ng0) no-repeat;
}
body#page-steelrebellion .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5ng8) no-repeat;
}
body#page-steelrebellion .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-steelrebellion .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5ngh) no-repeat;
}
body#page-steelrebellion .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5ngl) no-repeat;
}
body#page-steelrebellion .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5ngo) no-repeat;
}
body#page-steelrebellion .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5ngr) no-repeat;
}
body#page-steelrebellion .card-container .kc-controller {
  width: 854px;
  margin: 0 auto;
}
body#page-steelrebellion .card-container .kc-controller .btn-prev,
body#page-steelrebellion .card-container .kc-controller .btn-next {
  position: absolute;
  top: 50%;
  margin-top: -42px;
  z-index: 5;
  display: block;
}
body#page-steelrebellion .card-container .kc-controller .btn-prev.arrow-lock,
body#page-steelrebellion .card-container .kc-controller .btn-next.arrow-lock {
  display: none;
}
body#page-steelrebellion .card-container .kc-controller .btn-prev {
  left: 0px;
}
body#page-steelrebellion .card-container .kc-controller .btn-next {
  right: 0px;
}
body#page-steelrebellion .card-container .card-wrap {
  height: 316px;
  width: 200px !important;
  overflow: visible;
  margin: 0 auto;
}
body#page-steelrebellion .card-container .card-wrap:before {
  position: absolute;
  display: block;
  content: "";
  height: 326px;
  width: 1020px;
  top: 0;
  left: 50%;
  margin-left: -510px;
  z-index: 0;
}
body#page-steelrebellion .card-container .card-wrap.animation .card {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-steelrebellion .card-container .card-wrap.only2 .card.front1 {
  left: -107px;
}
body#page-steelrebellion .card-container .card-wrap.only2 .card.front2 {
  left: 107px;
}
body#page-steelrebellion .card-container .card-wrap.only1 .card.front1 {
  left: 0px;
}
body#page-steelrebellion .card-container .card-wrap .card {
  opacity: 0;
}
body#page-steelrebellion .card-container .card-wrap .card h4, body#page-steelrebellion .card-container .card-wrap .card p.rare {
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-steelrebellion .card-container .card-wrap .card.front h4, body#page-steelrebellion .card-container .card-wrap .card.front p.rare {
  opacity: 1;
}
body#page-steelrebellion .card-container .card-wrap .card.front {
  opacity: 1;
  z-index: 1;
}
body#page-steelrebellion .card-container .card-wrap .card.front > a > img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#page-steelrebellion .card-container .card-wrap .card.front > a > img:hover {
  -webkit-filter: drop-shadow(0px 0px 8px #01b1da);
}
body#page-steelrebellion .card-container .card-wrap .card.front1 {
  left: -215px;
}
body#page-steelrebellion .card-container .card-wrap .card.front2 {
  left: 0;
}
body#page-steelrebellion .card-container .card-wrap .card.front3 {
  left: 215px;
}
body#page-steelrebellion .card-container .card-wrap .card.next1 {
  left: 298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-steelrebellion .card-container .card-wrap .card.next2 {
  left: 355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-steelrebellion .card-container .card-wrap .card.next3 {
  left: 355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-steelrebellion .card-container .card-wrap .card.prev1 {
  left: -298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-steelrebellion .card-container .card-wrap .card.prev2 {
  left: -355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-steelrebellion .card-container .card-wrap .card.prev3 {
  left: -355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

body#page-rebirthofglory {
  background-color: #130000;
  /*くるくるUI */
}
body#page-rebirthofglory .topics-path {
  position: relative;
  width: 900px;
  top: -100px;
  color: #fff;
}
body#page-rebirthofglory .topics-path a {
  color: #fff;
}
body#page-rebirthofglory #site-wrapper {
  background: url(/assets/images/cardpack_rebirthofglory_bg.jpg?u9bpu5nh1) no-repeat center top;
}
body#page-rebirthofglory #site-wrapper #main-container .page-header {
  margin: 0 auto;
}
body#page-rebirthofglory #site-wrapper #main-container .page-header h2 {
  width: 1020px;
  margin: 0 auto;
  padding: 228px 0 120px 70px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container {
  position: relative;
  top: -100px;
  margin-bottom: -100px;
  background: none;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .left {
  float: left;
  width: 477px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .left .caption {
  margin-left: 57px;
  margin-top: 66px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .left .text {
  margin-top: 65px;
  margin-left: 60px;
  width: 450px;
  font-size: 14px;
  color: #fff;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .right {
  float: right;
  /*  background: url(/assets/images/cardpack/dawnbreaknightedge/cardpack_movie_bg.png?u9bpu5nh3) no-repeat center top */
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .right .movie {
  width: 402px;
  height: 226px;
  padding: 30px 55px 15px 30px;
  margin-top: 38px;
  margin-right: 20px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .upper .right .btn {
  float: right;
  padding-right: 55px;
  margin-right: 20px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .subtitle {
  text-align: center;
  position: relative;
  top: 30px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-title {
  position: relative;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title1 {
  top: 55px;
  left: 93px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-title.applink-title2 {
  top: 35px;
  left: 521px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-list {
  position: relative;
  z-index: 100;
  text-align: center;
  margin-bottom: 25px;
  padding-left: 20px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li {
  display: inline-block;
  margin-right: 18px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li dl dd {
  font-size: 12px;
  color: #fff;
  text-align: left;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:nth-child(2) {
  margin-right: 30px;
  padding-right: 30px;
  border-right: 1px solid #383b3d;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .applink .applink-list li:last-child {
  position: relative;
  top: 30px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower {
  background: url(/assets/images/cardpack/rebirthofglory/local-navi-line-bg.png?u9bpu5nh8) no-repeat center 119px;
  padding-top: 180px;
  padding-bottom: 60px;
  position: relative;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .char1 {
  background: url(/assets/images/cardpack/rebirthofglory/bg_char1.png?u9bpu5nhf) no-repeat center top;
  width: 415px;
  height: 385px;
  position: absolute;
  top: 111px;
  right: -145px;
  z-index: 1;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .char2 {
  background: url(/assets/images/cardpack/rebirthofglory/bg_char2.png?u9bpu5nhn) no-repeat center top;
  width: 347px;
  height: 403px;
  position: absolute;
  top: 109px;
  left: -128px;
  z-index: 1;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .caption {
  text-align: center;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
  color: #fff;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .text a {
  color: #fff;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .text a:hover {
  opacity: 0.6;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add {
  position: relative;
  z-index: 2;
  margin-bottom: 14px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi-add a {
  display: block;
  width: 890px;
  margin: 0 auto;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi {
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul {
  text-align: center;
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li {
  display: inline-block;
  margin-right: 10px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .local-navi ul li:last-child {
  margin-right: 0;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .release-text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 40px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule {
  margin: 0 auto;
  width: 844px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li {
  display: inline-block;
  width: 402px;
  margin-left: 35px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #4d4d4d;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li:last-child {
  border-bottom: none;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl {
  font-size: 13px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl dt {
  width: 58px;
  float: left;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li ul li dl dd {
  float: right;
  width: 330px;
  word-wrap: break-word;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .schedule > li:first-child {
  margin-left: 0;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release > p {
  width: 844px;
  margin: 0 auto;
  font-size: 13px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .notice {
  text-align: right;
  margin-bottom: 18px;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .centered {
  text-align: center;
}
body#page-rebirthofglory #site-wrapper #main-container .contents-container .contents-body .lower .release .inline-box {
  display: inline-block;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
body#page-rebirthofglory .card-container {
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}
body#page-rebirthofglory .card-container:last-child {
  margin-bottom: 0;
}
body#page-rebirthofglory .card-container .anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -181px;
  left: 0;
  visibility: hidden;
}
body#page-rebirthofglory .card-container .symbol {
  position: absolute;
  top: 0px;
  left: 70px;
}
body#page-rebirthofglory .card-container h3 {
  height: 90px;
  margin-bottom: 0px;
  padding-left: 118px;
}
body#page-rebirthofglory .card-container h3.device-text {
  color: #fff;
  height: 60px;
  font-size: 30px;
  font-weight: normal;
}
body#page-rebirthofglory .card-container .card-wrap {
  position: relative;
  width: 854px;
  margin: 0 auto;
}
body#page-rebirthofglory .card-container .card-wrap #btn-prev,
body#page-rebirthofglory .card-container .card-wrap #btn-next {
  position: absolute;
  top: 50%;
  margin-top: -72px;
}
body#page-rebirthofglory .card-container .card-wrap #btn-prev.slick-disabled,
body#page-rebirthofglory .card-container .card-wrap #btn-next.slick-disabled {
  display: none !important;
}
body#page-rebirthofglory .card-container .card-wrap #btn-prev {
  left: -420px;
}
body#page-rebirthofglory .card-container .card-wrap #btn-next {
  right: -420px;
}
body#page-rebirthofglory .card-container .card-wrap .card {
  position: relative;
  outline: none;
}
body#page-rebirthofglory .card-container .card-wrap .card .new-badge {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
body#page-rebirthofglory .card-container .card-wrap .card a, body#page-rebirthofglory .card-container .card-wrap .card > span {
  display: block;
  width: 200px;
  margin: 0 auto;
  margin-bottom: 20px;
}
body#page-rebirthofglory .card-container .card-wrap .card a img, body#page-rebirthofglory .card-container .card-wrap .card > span img {
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  margin-top: 8px;
}
body#page-rebirthofglory .card-container .card-wrap .card h4 {
  font-size: 13px;
  font-weight: normal;
  color: #ad67d2;
  margin-bottom: 5px;
  padding: 0 8px;
  width: 184px;
}
body#page-rebirthofglory .card-container .card-wrap .card .rare {
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
}
body#page-rebirthofglory .card-container .card-wrap .card .publish-date {
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  color: #fff;
}
body#page-rebirthofglory #top-applink .applink-inner .applink-text {
  color: #fff;
}
body#page-rebirthofglory .hidden-content {
  display: none;
}
body#page-rebirthofglory .fancybox-opened {
  z-index: 100002;
}
body#page-rebirthofglory .fancybox-overlay {
  z-index: 100001;
}
body#page-rebirthofglory .fancybox-overlay {
  background-image: url(/assets/images/cardpack/rebirthofglory/modal-bg.png), url(/assets/js/fancybox/fancybox_overlay.png?u9bpu5nhs);
  background-repeat: no-repeat, repeat;
  background-position: center center, left top;
}
body#page-rebirthofglory .cardmodal-wrap {
  max-height: 100%;
  overflow: visible;
  position: relative;
}
body#page-rebirthofglory .cardmodal-wrap .cardmodal-wrap-inside {
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
body#page-rebirthofglory .choice-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 247px;
  margin-left: -640px;
  width: 1280px;
  height: 90px;
  background: url(/assets/images/cardpack/rebirthofglory/choice_bg.png?u9bpu5ni1) repeat-y center top;
  z-index: 100;
}
body#page-rebirthofglory .choice-bar > ul {
  height: 90px;
  text-align: center;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#page-rebirthofglory .choice-bar > ul > li {
  margin-right: 30px;
}
body#page-rebirthofglory .choice-bar > ul > li.choice-title {
  position: relative;
}
body#page-rebirthofglory .choice-bar > ul > li:last-child {
  margin-right: 0px;
}
body#page-rebirthofglory .choice-bar > ul > li a {
  font-size: 14px;
  color: #1ebacc;
}
body#page-rebirthofglory .choice-bar > ul > li a:hover, body#page-rebirthofglory .choice-bar > ul > li a.active {
  text-decoration: underline;
}
body#page-rebirthofglory .choice-bar > ul > li a.active {
  font-weight: bold;
}
body#page-rebirthofglory .choice-bar > ul > li > ul.choice-bar-inner {
  position: relative;
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  top: 0px;
}
body#page-rebirthofglory .choice-bar > ul > li > ul.choice-bar-inner > li {
  text-align: left;
  width: 280px;
  min-height: 23px;
}
body#page-rebirthofglory .choice-bar.over-10 {
  height: 120px;
  background-repeat: repeat-y;
}
body#page-rebirthofglory .choice-bar.over-10 .choice-title-list {
  margin-top: -65px;
}
body#page-rebirthofglory .choice-bar.over-10 .choice-title-list > li.choice-name {
  position: relative;
}
body#page-rebirthofglory .choice-bar.over-10 .choice-title-list > li.choice-title {
  position: relative;
}
body#page-rebirthofglory .choice-bar ul.choice-bar-inner {
  position: relative;
  top: -10px;
  width: 730px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body#page-rebirthofglory .choice-bar ul.choice-bar-inner > li {
  width: 130px;
  min-height: 23px;
}
body#page-rebirthofglory .card-detaiil {
  width: 1035px;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 178px;
  position: relative;
  top: 0px;
  opacity: 0;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
body#page-rebirthofglory .card-detaiil.shown {
  opacity: 0.2;
}
body#page-rebirthofglory .card-detaiil.shown.active {
  opacity: 1;
}
body#page-rebirthofglory .card-detaiil:first-child {
  margin-top: 0px;
}
body#page-rebirthofglory .card-detaiil .cardmodal-image {
  float: left;
  width: 614px;
}
body#page-rebirthofglory .card-detaiil .cardmodal-image ul {
  text-align: center;
}
body#page-rebirthofglory .card-detaiil .cardmodal-image ul li {
  display: inline-block;
  width: 287px;
}
body#page-rebirthofglory .card-detaiil .cardmodal-image ul li:nth-child(2) {
  margin-left: 16px;
}
body#page-rebirthofglory .card-detaiil .cardmodal-image ul li img {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body#page-rebirthofglory .card-detaiil .detail-info {
  float: right;
  width: 421px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li {
  margin-bottom: 14px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li dl dt {
  width: 75px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  float: left;
  clear: left;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li dl dd {
  padding-left: 75px;
  color: #fff;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.title {
  margin-bottom: 10px;
  position: relative;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: normal;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.title .token-label {
  position: absolute;
  top: -38px;
  left: 0;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.cv {
  margin-bottom: 28px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.cv dl dt {
  width: 42px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.cv dl dd {
  padding-left: 42px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.type {
  margin-bottom: 38px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.before dl dt, body#page-rebirthofglory .card-detaiil .detail-info .info-list li.after dl dt {
  width: 100%;
  float: none;
  margin-bottom: 6px;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.before dl dd, body#page-rebirthofglory .card-detaiil .detail-info .info-list li.after dl dd {
  padding-left: 0;
  color: #fff;
  height: auto;
  line-height: 1.3em;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.before {
  margin-bottom: 38px;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.after {
  margin-bottom: 0;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list li.free .free-text {
  color: #fff;
}
body#page-rebirthofglory .card-detaiil .detail-info .info-list.scrollbox {
  height: 250px;
}
body#page-rebirthofglory .fancybox-inner {
  overflow: visible !important;
}
body#page-rebirthofglory .fancybox-close {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  right: 0px;
  margin-top: -290px;
  background: url(/assets/images/btn-close_off.png?u9bpu5ni2) no-repeat;
}
body#page-rebirthofglory .fancybox-close:hover {
  background: url(/assets/images/btn-close_on.png?u9bpu5nib) no-repeat;
}
body#page-rebirthofglory .fancybox-nav {
  width: 81px;
  height: 157px;
  top: 50%;
  margin-top: -75px;
}
body#page-rebirthofglory .fancybox-prev {
  left: -90px;
  background: url(/assets/images/top_banner_prev_off.png?u9bpu5nig) no-repeat;
}
body#page-rebirthofglory .fancybox-prev:hover {
  background: url(/assets/images/top_banner_prev_on.png?u9bpu5niq) no-repeat;
}
body#page-rebirthofglory .fancybox-next {
  right: -90px;
  background: url(/assets/images/top_banner_next_off.png?u9bpu5nit) no-repeat;
}
body#page-rebirthofglory .fancybox-next:hover {
  background: url(/assets/images/top_banner_next_on.png?u9bpu5niw) no-repeat;
}
body#page-rebirthofglory .card-container .kc-controller {
  width: 854px;
  margin: 0 auto;
}
body#page-rebirthofglory .card-container .kc-controller .btn-prev,
body#page-rebirthofglory .card-container .kc-controller .btn-next {
  position: absolute;
  top: 50%;
  margin-top: -42px;
  z-index: 5;
  display: block;
}
body#page-rebirthofglory .card-container .kc-controller .btn-prev.arrow-lock,
body#page-rebirthofglory .card-container .kc-controller .btn-next.arrow-lock {
  display: none;
}
body#page-rebirthofglory .card-container .kc-controller .btn-prev {
  left: 0px;
}
body#page-rebirthofglory .card-container .kc-controller .btn-next {
  right: 0px;
}
body#page-rebirthofglory .card-container .card-wrap {
  height: 316px;
  width: 200px !important;
  overflow: visible;
  margin: 0 auto;
}
body#page-rebirthofglory .card-container .card-wrap:before {
  position: absolute;
  display: block;
  content: "";
  height: 326px;
  width: 1020px;
  top: 0;
  left: 50%;
  margin-left: -510px;
  z-index: 0;
}
body#page-rebirthofglory .card-container .card-wrap.animation .card {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-rebirthofglory .card-container .card-wrap.only2 .card.front1 {
  left: -107px;
}
body#page-rebirthofglory .card-container .card-wrap.only2 .card.front2 {
  left: 107px;
}
body#page-rebirthofglory .card-container .card-wrap.only1 .card.front1 {
  left: 0px;
}
body#page-rebirthofglory .card-container .card-wrap .card {
  opacity: 0;
}
body#page-rebirthofglory .card-container .card-wrap .card h4, body#page-rebirthofglory .card-container .card-wrap .card p.rare {
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body#page-rebirthofglory .card-container .card-wrap .card.front h4, body#page-rebirthofglory .card-container .card-wrap .card.front p.rare {
  opacity: 1;
}
body#page-rebirthofglory .card-container .card-wrap .card.front {
  opacity: 1;
  z-index: 1;
}
body#page-rebirthofglory .card-container .card-wrap .card.front > a > img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#page-rebirthofglory .card-container .card-wrap .card.front > a > img:hover {
  -webkit-filter: drop-shadow(0px 0px 8px #01b1da);
}
body#page-rebirthofglory .card-container .card-wrap .card.front1 {
  left: -215px;
}
body#page-rebirthofglory .card-container .card-wrap .card.front2 {
  left: 0;
}
body#page-rebirthofglory .card-container .card-wrap .card.front3 {
  left: 215px;
}
body#page-rebirthofglory .card-container .card-wrap .card.next1 {
  left: 298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-rebirthofglory .card-container .card-wrap .card.next2 {
  left: 355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-rebirthofglory .card-container .card-wrap .card.next3 {
  left: 355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-rebirthofglory .card-container .card-wrap .card.prev1 {
  left: -298px;
  z-index: -1;
  opacity: 1;
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
}
body#page-rebirthofglory .card-container .card-wrap .card.prev2 {
  left: -355px;
  z-index: -2;
  opacity: 0.5;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
body#page-rebirthofglory .card-container .card-wrap .card.prev3 {
  left: -355px;
  z-index: -3;
  opacity: 0;
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

/*旧カードパックページの表示制御 */
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi {
  display: none;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor {
  display: none;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3 {
  display: none;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev, body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next {
  display: none;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card {
  position: relative;
  float: left;
  margin-bottom: 30px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink {
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 20px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink {
  margin-left: 6px;
}
body#page-riseofbahamut #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-starforgedlegends #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-tempestofthegods #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-wonderlanddreams #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-chronogenesis #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-dawnbreaknightedge #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-brigadeofthesky #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-omenoftheten #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink {
  margin-right: 6px;
}

/*旧カードパックページの表示制御 くるくるになっている場合はこっち */
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .local-navi {
  display: none;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .anchor {
  display: none;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container h3 {
  display: none;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap {
  position: relative;
  width: 854px !important;
  margin: 0 auto;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev, body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-prev,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap #btn-next {
  display: none;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card {
  position: relative;
  float: left;
  margin-bottom: 30px;
  opacity: 1;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card a.cardlink {
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 20px;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img:hover,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img:hover,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card > a > img:hover {
  -webkit-filter: drop-shadow(0px 0px 8px #01b1da);
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card h4,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card h4,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card h4 {
  opacity: 1 !important;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card p.rare,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card p.rare,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card p.rare {
  opacity: 1 !important;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n-3) a.cardlink {
  margin-left: 6px;
}
body#page-altersphere #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-steelrebellion #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink,
body#page-rebirthofglory #site-wrapper #main-container .contents-container.archive .contents-body .lower .card-container .card-wrap .card:nth-child(4n) a.cardlink {
  margin-right: 6px;
}