@charset "utf-8";

/* CSS Document */
@media screen and (max-width:768px) {
  #award {
    padding: 2% 0;
  }

  h3.line {
    padding: 7% 0 16%;
    margin: 0 auto 2%;
    width: 100%;
    height: 3vw;
    font-size: 4.2vw;
    letter-spacing: 0;
    line-height: 1.5;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: url(../img/ttl_line.png) no-repeat;
    background-size: 100% 100%;
  }

  .category {
    margin: 0 auto 8%;
    width: 92%;
    font-size: 11px;
  }

  .category li {
    margin-right: 2%;
    width: 48%;
  }
  .category li:nth-child(2n) span {
    margin-right: 0;
  }

  .tag li {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
  }
  .tag li span {
    margin-right: 0;
  }

  .checkbox01-parts,
  .checkbox02-parts,
  .checkbox03-parts,
  .checkbox04-parts,
  .checkbox05-parts,
  .checkbox06-parts,
  .checkbox07-parts,
  .checkbox08-parts,
  .checkbox09-parts,
  .checkbox10-parts,
  .checkbox11-parts,
  .checkbox12-parts,
  .checkbox13-parts,
  .checkbox14-parts,
  .checkbox15-parts,
  .checkbox16-parts,
  .checkbox17-parts,
  .checkbox18-parts,
  .checkbox29-parts {
    padding: 10px 0 0 30px;
    margin: 0 2% 12px 0;
    width: auto;
    height: 25px;
    line-height: 14px;
    border-radius: 3px;
    letter-spacing: 0;
  }

  .checkbox10-parts,
  .checkbox13-parts,
  .checkbox17-parts {
    padding: 2px 0 8px 30px;
  }

  .checkbox10-parts br,
  .checkbox13-parts br,
  .checkbox17-parts br {
    /*display: none;*/
  }

  #category li.cat17 small {
    font-size: 10px;
  }

  .checkbox01-parts::before,
  .checkbox02-parts::before,
  .checkbox03-parts::before,
  .checkbox04-parts::before,
  .checkbox05-parts::before,
  .checkbox06-parts::before,
  .checkbox07-parts::before,
  .checkbox08-parts::before,
  .checkbox09-parts::before,
  .checkbox10-parts::before,
  .checkbox11-parts::before,
  .checkbox12-parts::before,
  .checkbox13-parts::before,
  .checkbox14-parts::before,
  .checkbox15-parts::before,
  .checkbox16-parts::before,
  .checkbox17-parts::before,
  .checkbox18-parts::before,
  .checkbox29-parts::before {
    top: 10px;
    left: 7px;
  }

  .checkbox01-input:checked+.checkbox01-parts::after,
  .checkbox02-input:checked+.checkbox02-parts::after,
  .checkbox03-input:checked+.checkbox03-parts::after,
  .checkbox04-input:checked+.checkbox04-parts::after,
  .checkbox05-input:checked+.checkbox05-parts::after,
  .checkbox06-input:checked+.checkbox06-parts::after,
  .checkbox07-input:checked+.checkbox07-parts::after,
  .checkbox08-input:checked+.checkbox08-parts::after,
  .checkbox09-input:checked+.checkbox09-parts::after,
  .checkbox10-input:checked+.checkbox10-parts::after,
  .checkbox11-input:checked+.checkbox11-parts::after,
  .checkbox12-input:checked+.checkbox12-parts::after,
  .checkbox13-input:checked+.checkbox13-parts::after,
  .checkbox14-input:checked+.checkbox14-parts::after,
  .checkbox15-input:checked+.checkbox15-parts::after,
  .checkbox16-input:checked+.checkbox16-parts::after,
  .checkbox17-input:checked+.checkbox17-parts::after,
  .checkbox18-input:checked+.checkbox18-parts::after,
  .checkbox29-input:checked+.checkbox29-parts::after {
    top: 7px;
    left: 13px;
  }

  #prize-list {
    padding: 0;
    margin: 5% auto;
    width: 87.24%;
  }

  #prize-list>li {
    margin: 0 auto 10%;
    padding: 60px 5% 10px;
    width: 90%;
  }

  #prize-list .cat-name {
    padding: 6px 0;
  }

  #prize-list a.btn, #prize-list a.pdf {
    padding: 9px;
  }

  #prize-list .ttl-point, #prize-list .ttl-character {
    padding: 2px 0;
    margin-bottom: 12px;
    font-size: 12px;
    color: #fff;
    background: #e0b02b;
    border-radius: 5px;
    text-align: center;
  }

  #prize-list .spacer {
    display: none;
  }

  p.notes {
    margin: 0 auto 8%;
    width: 87.72%;
    font-size: 10px;
  }

  #nosearch {
    width: 87.24%;
    margin: 0 auto 5%;
    font-size: 12px;
  }

  a.archive img {
    margin: 5% auto;
    width: 86%;
  }
}