.voice{

  .contentbox{
      background: #F8F7F7;
      padding: 5%;
      margin-top: 18px;
    }
    .itembox{
      max-width: 1135px;
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      @include PC {
        @include flexbox;
        @include flex-wrap;
        .item{
          width: 47.5%;
          &:nth-child(odd){
            padding-right: 20px;
          }
          &:nth-child(even){
            padding-left: 20px;
          }
          &:nth-last-child(-n+2){
            margin-bottom: 0;
          }
        }
      }
      .item{
        margin-bottom: 64px;
        width: 47.5%;
        margin: 0 1.25% 2.5% 1.25%;
      }

      @media screen and (max-width:999px){ /**/
        .item{
          margin-bottom: 64px;
          width: 100%;
          margin: 0 1.25% 10% 1.25%;
        }
      }

      .ttl-post{
        @include ffSG;
        @include font(23, 32, 0.06, 400);
        padding-left: 8px;
      }
      .img{
        margin-top: 13px;
        position: relative;
        overflow: hidden;
        &:before{
          display: block;
          content: " ";
          width: 100%;
          padding-top: 68.311%;
        }
      }
      .btn-more{
        text-align: center;
        margin-top: 24px;
        .c-btn01{
          width: 45%;
          height: 43px;
          margin: 0 auto;
          padding-bottom: 10px;
          font-size: 1em;
          }
        }
      }
      @include SP {
        .item{
          background: #F8F7F7;
          margin-bottom: 53px;
          &:last-child{
            margin-bottom: 0;
          }
          padding: 16px 30px 17px;
        }
        .ttl-post{
          @include font(16, 22);
          padding-left: 3px;
        }
        .img{
          margin-top: 18px;
          &:before{
            padding-top: 68.38%;
          }
        }
        .btn-more{
          margin-top: 25px;
          .c-btn01{
            @include font(19, 23);
          }
        }
      }
    }
  }
  .wp-pagenavi{
    margin-left: 0;
    @include SP() {
      margin-left: 0;
      width: 100%;
    }
  }
}

.voice_single{
  main{
    margin-top: 164px;
    @include SP() {
      margin-top: 90px;
    }
  }
  .c-ttl-jp{
    span{
      @include PC() {
        width: 242px;
      }
    }
  }
  .inner{
    &--title{
      @include PC() {
        max-width: 1224px;
      }
      @include SP() {
        padding: 0 20px;
      }
    }
  }

  .ttl-post{
    @include font(16, 24, 0.06, 400);
    margin-bottom: 44px;
    @include PC() {
      margin-bottom: 127px;
      @include font(36, 52, .177, 700);
    }
  }


  .contentsingle{
    margin-top: 30px;
    &__box-img{
      max-width: 1235px;
      margin: 0 auto;
      text-align: center;
      .img{
        margin-top: 20px;
        @include SP() {
          margin-top: 15px;
        }
        &:first-child{
          margin-top: 0;
        }
      }
      img{
        max-width: 100%;
        text-align: center;
        width: auto;
      }
    }
  }
  .content{
    margin-top: 26px;
    .inner{
      max-width: 715px;
      *{
        &:first-child{
          margin-top: 0;
        }
      }
    }
    @include PC() {
      margin-top: 50px;
    }
    h2{
      @include font(20, 30, 0.1, 700);
      margin-top: 48px;
      @include PC() {
        @include font(36, 55);
        margin-top:110px;
      }
    }
    .text{
      margin-top: 35px;
      @include SP() {
        margin-top: 14px;
      }
      @include PC() {
        @include font(16, 45, .1, 400);
      }
    }
  }

  .thumb{
    max-width: 900px;
    margin: 0 auto;
    margin-top: 110px;
    @include SP() {
      margin-top: 45px;
      padding: 0 30px;
    }
    img{
      width: 100%;
    }
  }
  .c-box-link-others{
    margin-top: 54px;
    @include PC() {
      margin-top: 103px;
    }
  }


  .c-footer{
    margin-top: 53px;
    @include PC() {
      margin-top: 113px;
    }
  }
}