@charset "UTF-8";

.award-winner-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  background-color: #B4CDFF;
  /*@if is-direction($direction) == false {
    $color-stops: $direction, $color-stops;
    $direction: 180deg;
  }*/
  background: #B4CDFF;
  background: -o-linear-gradient(310deg, #B4CDFF, #fcf4f6);
  background: linear-gradient(140deg, #B4CDFF, #fcf4f6);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4CDFF', endColorstr='#fcf4f6',GradientType=1 ); }

.award-scene {
  padding-top: 2.5rem; }
.award-scene:focus,
.award-scene:focus-visible { outline: 0}
  .award-scene + .award-scene {
    margin-top: 3.75rem;
    padding-top: 3.75rem; }
  .award-scene:last-child {
    padding-bottom: 3.75rem; }
  .award-scene .pad {
    margin: 0 20px; }
  .award-scene .prod {
    text-align: center; }
    .award-scene .prod__brow {
      display: block;
      margin-bottom: 0.1875rem;
      font-family: "brandon-grotesque", "Arita", sans-serif;
      font-size: 0.9375rem;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #000; }
    .award-scene .prod__title {
      line-height: 1.3;
      color: #2b2b2b;
      word-break: keep-all;
      word-wrap: break-word; }
      .award-scene .prod__title br {
        display: none; }
    .award-scene .prod__emblem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 1.875rem;
      padding-bottom: 2.5rem; }
      .award-scene .prod__emblem > li {
        display: inline-block;
        width: 78px;
        margin: 0 5px; }
  .award-scene .award__img {
    margin-right: -20px;
    margin-left: -20px; }
    .award-scene .award__img img {
      width: 100%; }
  .award-scene .award__list {
    margin-top: 2.5rem;
    margin-bottom: 1.875rem;
    padding-top: 0.9375rem;
    letter-spacing: 0.04em;
    color: #444;
    border-top: 1px solid #ccc; }
    .award-scene .award__list > li {
      margin-bottom: 0.625rem;
      font-size: 1rem;
      line-height: 1.6;
      word-break: keep-all;
      word-wrap: break-word; }
  .award-scene .review__img {
    width: 75%; }
    .award-scene .review__img img {
      width: 100%; }
  .award-scene .review__video {
    width: 75%; }
    .award-scene .review__video video {
      width: 100%; }
  .award-scene .review__text {
    margin-top: 1.25rem;
    margin-left: 5rem;
    color: #2b2b2b; }
    .award-scene .review__text:before {
      content: '\ea1b';
      display: inline-block;
      font-family: 'icon';
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      display: block;
      margin-bottom: 1.25rem;
      font-size: 1rem;
      line-height: 1;
      color: #ccc; }
    .award-scene .review__text p {
      margin: 0.9375rem 0 1.875rem; }
     .award-scene .review__text p .desc-sup {
        font-size: 0.9rem; }
  @media (min-width: 22.5em) {
    .award-scene {
      max-width: 580px;
      margin: 0 auto; } }
  @media (min-width: 60em) {
    .award-scene {
      max-width: none;
      padding-bottom: 3.75rem; }
      .award-scene + .award-scene {
        padding-top: 2.5rem; }
      .award-scene:nth-child(2n+1) {
        background-color: #b4cdff33;
        /*@if is-direction($direction) == false {
    $color-stops: $direction, $color-stops;
    $direction: 180deg;
  }*/
        background: #b4cdff33;
        background: -o-linear-gradient(310deg, #b4cdff33, #fcf4f6);
        background: linear-gradient(140deg, #b4cdff33, #fcf4f6);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cdff33', endColorstr='#fcf4f6',GradientType=1 ); }
      .award-scene:last-child {
        padding-bottom: 6.25rem; }
      .award-scene .pad {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 774px;
        margin-right: auto;
        margin-left: auto;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .award-scene .prod {
        width: 100%;
        margin-top: 3.75rem;
        text-align: left; }
        .award-scene .prod__title br {
          display: block; }
        .award-scene .prod__emblem {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          margin-left: -10px;
          margin-right: -10px;
          padding-top: 2.5rem; }
          .award-scene .prod__emblem > li {
            width: 109px;
            margin: 10px; }
      .award-scene .award {
        width: 414px; }
        .award-scene .award__img {
          margin-right: 0;
          margin-left: 0; }
        .award-scene .award__list {
          margin-top: 5rem; }
      .award-scene .review {
        width: 300px;
        margin-top: 3.75rem; }
        .award-scene .review__img, .award-scene .review__video {
          width: 100%; }
        .award-scene .review__text {
          margin-left: 0; }
          .award-scene .review__text p {
            font-size: 1.25rem; } 
          .award-scene .review__text p .desc-sup {
            font-size: 1rem; } }
  @media (min-width: 80em) {
    .award-scene {
      padding-bottom: 10rem; }
      .award-scene:nth-child(2n+1) {
        background: transparent; }
      .award-scene .pad {
        max-width: 1120px; }
      .award-scene .prod {
        position: fixed;
        top: 120px;
        left: 50%;
        margin-left: -580px;
        width: 380px; }
        .js .award-scene .prod {
          opacity: 0; }
      .award-scene .award {
        margin-left: 380px; }
      .js .award-indicator + .award-scene .prod {
        opacity: 1; } }
  @media (min-width: 100em) {
    .award-scene .pad {
      max-width: 1200px; }
    .award-scene .prod {
      margin-left: -600px; }
    .award-scene .award {
      margin-left: 426px; } }