@charset "UTF-8";
/*color*/
/* mixinCSS Document */
/*----------common----------*/
/*alt*/
/*hover*/
/*text-shadow*/
/*fontsize*/
/*
 style.css
*/
body {
  background: #fff;
}

.cmawards_wrapper {
  background: url(../images/common/bg01.gif) repeat center;
  position: relative;
  min-width: auto;
}
.cmawards_wrapper #ntv_setSocial {
  background: #fff;
}

.-pc {
  display: block;
}

.-sp {
  display: none;
}

/* ------------------------------------------------------------------
 PC（993px〜）
------------------------------------------------------------------ */
@media screen and (min-width: 993px) {
  div.ntv-wrapper {
    min-width: auto;
    margin: auto;
  }

  .cmawards_wrapper a {
    transition: opacity .1s ease;
  }
  .cmawards_wrapper a:hover {
    opacity: 0.6;
  }
}
/* nav
========================================== */
#cmawards_nav.is-clone {
  position: fixed;
  top: -300px;
  left: 0;
  z-index: 15;
  width: 100%;
  opacity: 0;
  transition: all 0.3s;
}
#cmawards_nav.is-clone.is-fixed {
  top: 0;
  opacity: 1;
}

.cmawards_nav {
  /* cmawards_nav_list
  ------------------------------ */
}
.cmawards_nav_area {
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 0 auto;
  background: #da000e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #da000e 25%, #cb000d 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #da000e 25%, #cb000d 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #da000e 25%, #cb000d 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da000e', endColorstr='#cb000d',GradientType=0 );
  /* IE6-9 */
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.cmawards_nav_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.cmawards_nav_list {
  width: 100%;
  font-size: 0;
  text-align: center;
  position: relative;
}
.cmawards_nav_item {
  display: inline-block;
  width: 25%;
  position: relative;
  margin: 0;
  /* cmawards_nav - status */
  /* cmawards_nav - contents */
}
.cmawards_nav_item a {
  display: block;
  width: 100%;
  padding-top: 30%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  overflow: hidden;
}
.cmawards_nav_item.is-new:before {
  content: '';
  display: block;
  width: 15%;
  height: 100%;
  background: url(../images/common/nav/nav_icon_new.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: -35%;
  right: 2%;
  z-index: 30;
}
.cmawards_nav_item.prize a {
  background-image: url(../images/common/nav/nav_prize.png);
}
.cmawards_nav_item.criterion a {
  background-image: url(../images/common/nav/nav_criterion.png);
}
.cmawards_nav_item.member a {
  background-image: url(../images/common/nav/nav_member.png);
}
.cmawards_nav_item.schedule a {
  background-image: url(../images/common/nav/nav_schedule.png);
}
.cmawards_nav_item a span {
  width: 100%;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}

/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
  /* nav
  ========================================== */
  .cmawards_nav_item {
    width: 50%;
    border-left: #ba0001 1px solid;
    border-bottom: #ba0001 1px solid;
  }
  .cmawards_nav_item a {
    margin: auto;
    padding-top: 25%;
    width: 70%;
  }

  .cmawards_nav_item a span {
    font-size: 0;
  }

  .cmawards_nav_item:nth-child(1) {
    border-left: none;
    border-top: none;
  }

  .cmawards_nav_item:nth-child(2) {
    border-top: none;
  }

  .cmawards_nav_item:nth-child(3) {
    border-left: none;
    width: 50%;
  }

  .-pc {
    display: none;
  }

  .-sp {
    display: block;
  }
}
/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
/**トプックス枠非表示*/
#topics {
  display: none;
}