@font-face {
  font-family: 'Oswald';
  src: url(../font/oswald.woff2) format("woff2");
  font-display: swap;
  font-weight: 400 500 600 700; }

div#wrapper {
  background: url(../../../as/img/index/index_bg_repeat.png?h=26376ac29c50d51a7a1eebdd748de779) top left/auto repeat scroll, url(../../../as/img/index/index_bg_skull.png?h=cceb28573bba6e93a3aa21f5d984310e) top center/100% repeat-y; }

main#main {
  padding: 0;
  -webkit-box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  box-shadow: 0px 0px 8px #000;
  max-width: 1100px;
  margin: 0 auto; }

.skr-wrap {
  width: 100%;
  background: url(../../../as/img/news/promotion/skr/sand.jpg?h=b4f58428704661c9f325d5b5aa1626e3) repeat-y center;
  text-align: center;
  line-height: 0; }

#skr-header {
  width: 100%;
  position: relative; }

#skr-mag {
  width: 60%;
  position: absolute;
  left: 0;
  top: -8px; }

#skr-mv {
  width: 100%; }

.skr-introTxtWrap {
  width: 100%; }

#skr-introTxt {
  position: absolute;
  text-align: right;
  right: 9.8%;
  top: 35%;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 180%;
  text-shadow: -1px -1px 7px #000, 1px 1px 7px #000;
  background: -moz-linear-gradient(left, rgba(55, 55, 55, 0) 0%, #373737 50%, #373737 100%);
  background: -webkit-linear-gradient(left, rgba(55, 55, 55, 0) 0%, #373737 50%, #373737 100%);
  background: linear-gradient(to right, rgba(55, 55, 55, 0) 0%, #373737 50%, #373737 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373737', endColorstr='#373737',GradientType=1 );
  width: 55%; }

.skr-slice {
  width: 100%;
  padding: 0;
  margin: 0; }

.skr-content {
  background: -moz-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 15%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 85%, rgba(55, 55, 55, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 15%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 85%, rgba(55, 55, 55, 0) 100%);
  background: linear-gradient(to right, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 15%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 85%, rgba(55, 55, 55, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373737', endColorstr='#00373737',GradientType=1 );
  color: #fff;
  padding: 1% 0;
  line-height: 180%;
  text-shadow: -1px -1px 7px #000, 1px 1px 7px #000;
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem; }

.skr-colorfillA {
  background: url(../../../as/img/news/promotion/skr/skr_13r.png?h=e120733ec8e9210439ca1c6fd6286224) repeat-y center; }

.skr-colorfillB {
  background: url(../../../as/img/news/promotion/skr/skr_16r.png?h=5521377e292b503068e1d6d78e13694f) repeat-y center;
  position: relative; }

.skr-colorfillC {
  background: url(../../../as/img/news/promotion/skr/skr_16r.png?h=5521377e292b503068e1d6d78e13694f) repeat-y center;
  overflow: auto; }

#moves-btn {
  margin: 40px 0;
  min-height: 50px; }
  #moves-btn a:hover {
    opacity: 0.7; }

#slider {
  position: absolute;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
  top: -540px;
  left: 150px;
  box-shadow: 3px 3px 12px rgba(184, 68, 0, 0.5);
  border: 2px solid #e3fada;
  transform: rotate(-2deg); }

#slides {
  position: absolute;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none; }
  #slides li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 700px;
    height: 387px;
    text-align: center; }
    #slides li img {
      width: 100%; }

#dots {
  width: 100%;
  clear: both;
  position: absolute;
  bottom: 10px;
  text-align: center; }

.dot {
  width: 13px;
  height: 13px;
  background: black;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px;
  box-shadow: 0 0 5px #ffff; }

@media screen and (min-width: 961px) and (max-width: 1400px) {
  .skr-wrap {
    background-size: contain; }
  .skr-colorfillA, .skr-colorfillB, .skr-colorfillC {
    margin: 0 10%; }
  #slider {
    top: -33vw;
    left: 5%;
    width: 45vw;
    height: 25vw; }
  #slides li {
    width: 45vw;
    height: 25vw; } }

@media screen and (min-width: 100px) and (max-width: 960px) {
  .skr-wrap {
    background-size: contain; }
  .skr-colorfill, .skr-colorfillA, .skr-colorfillB, .skr-colorfillC {
    margin: 0 10%; }
  #slider {
    top: -49vw;
    left: 5%;
    width: 60vw;
    height: 33vw; }
  #slides li {
    width: 60vw;
    height: 33vw; }
  #skr-introTxt {
    position: relative;
    right: 0;
    text-align: center;
    background: -moz-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    background: linear-gradient(to right, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373737', endColorstr='#00373737',GradientType=1 );
    color: #fff;
    padding: 1% 0;
    line-height: 180%;
    text-shadow: -1px -1px 7px #000, 1px 1px 7px #000;
    width: 70%;
    padding: 0 5%;
    margin: 20px auto;
    font-size: 14px;
    font-size: 1.4rem; }
    #skr-introTxt br {
      display: none; }
  .skr-content {
    background: -moz-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    background: linear-gradient(to right, rgba(55, 55, 55, 0) 0%, rgba(55, 55, 55, 0) 7%, #373737 35%, #373737 65%, rgba(55, 55, 55, 0) 93%, rgba(55, 55, 55, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00373737', endColorstr='#00373737',GradientType=1 );
    font-size: 14px;
    font-size: 1.4rem;
    width: 90%;
    padding: 0 5%; }
    .skr-content br {
      display: none; }
  #skr-mag {
    width: 75%;
    position: absolute;
    left: 50%;
    top: -28px;
    transform: translateX(-50%); } }

section.commingFighters {
  margin: 0 0 0 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  border-bottom: 10px solid #000; }
  section.commingFighters img {
    margin: 0 auto;
    width: 100%;
    line-height: 0; }

section.psychoShare h1 {
  margin: 0.5em 0 !important; }