/* argument */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
.wcm {
  max-width: 1000px;
  width: 100%; }

.fw {
  width: 100%; }

#voice .mainImg {
  background: url(../img/voice/bg_mainImg.jpg);
  -webkit-background-size: cover; background-size: cover; }

#voice .mainImg .h2Wrap h2 {
  font-size: 0px;
  padding: 19px 30px; }

.voice-container .voice-item.even .item-content h3 {
  background: #4D4D4D; }
.voice-container .voice-item {
  height: 202px;
  margin: 0px 0px 67px 0px; }
  .voice-container .voice-item .thumb {
    width: 20%;
    height:auto;
    float: left; }
  .voice-container .voice-item .thumb img {
    width: 100%;
    height: 100%; }
  .voice-container .voice-item .item-content {
    width: 77%;
    float: right; }
    .voice-container .voice-item .item-content h3 {
      color: #fff;
      background: #D70C19;
      padding: 10px 16px;
      width: 100%;
      font-size: 16px;
      line-height: 1; }
    .voice-container .voice-item .item-content .description {
      margin: 11px 0px 10px 0px;
      font-size: 22px; }
      .voice-container .voice-item .item-content .description em {
        color: #D70C19; }


/* -------
Voice Detail
------- */
.voice-detail {
  color: #333; }
  .voice-detail .top-info .thumb {
    width: 25%;
    height:auto;
    float: left; }
  .voice-detail .top-info .thumb img {
    width: 100%;
    height: 100%; }
  .voice-detail .top-info .right-block {
    width: 70%;
    float: right; }
    .voice-detail .top-info .right-block .description {
      font-size: 26px; }
      .voice-detail .top-info .right-block .description em {
        color: #D70C19; }
    .voice-detail .top-info .right-block h3 {
      background: #E5E5E5;
      padding: 13px 20px;
      font-size: 16px;
      line-height: 1;
      margin: 21px 0px 16px 0px; }
    .voice-detail .top-info .right-block .proj-name {
      margin-right: 9px; }
    .voice-detail .top-info .right-block .proj-detail a {
      color: #D70C19; }
  .voice-detail .content {
    margin: 60px 0px 0px 0px; }
    .voice-detail .content .item-detail {
      font-size: 16px;
      margin: 0px 0px 50px 0px;
      position: relative;
      text-align: justify; }
      .voice-detail .content .item-detail .ask-icon, .voice-detail .content .item-detail .answer-icon {
        width: 34px;
        height: 34px;
        position: absolute;
        top: 0px;
        left: 0px; }
      .voice-detail .content .item-detail .ask {
        position: relative;
        height: 34px;
        margin-bottom: 24px; }
        .voice-detail .content .item-detail .ask span {
          color: #D70C19;
          padding: 3px 0px 0px 49px;
          float: left;
          font-size: 18px; }
      .voice-detail .content .item-detail .answer {
        position: relative; }
        .voice-detail .content .item-detail .answer .answer-icon {
          top: 4px; }
        .voice-detail .content .item-detail .answer div {
          padding-left: 49px; }
      .voice-detail .content .item-detail .thumb {
        width: 32%;
        height: 297px;
        position: absolute;
        top: 0px;
        right: 0px; }
    .voice-detail .content .item-detail.has-image {
      min-height: 260px; }
      .voice-detail .content .item-detail.has-image .ask, .voice-detail .content .item-detail.has-image .answer {
        width: 64%; }
  .voice-detail .voice-pagination {
    width: 100%;
	max-width:770px;
    margin: 120px auto 53px auto;
    line-height: 14px;
    height: 14px; }
    .voice-detail .voice-pagination .prev, .voice-detail .voice-pagination .next {
      width: 45%;
      float: left; }
    .voice-detail .voice-pagination .prev img {
      margin-right: 9px; }
    .voice-detail .voice-pagination .next {
      text-align: right; }
    .voice-detail .voice-pagination .next img {
      float: right;
      margin-left: 9px; }
    .voice-detail .voice-pagination .tolist {
      width: 65px;
      border-left: 1px solid #333;
      border-right: 1px solid #333;
      text-align: center;
      float: left; }

@media screen and (max-width: 767px) {
  #voice .mainImg {
    background: url(../img/voice/bg_mainImg_sp.jpg);
    -webkit-background-size: cover; background-size: cover;  }

  #voice .mainImg .h2Wrap h2 {
    padding: 10px 27px; }

  .voice-container .voice-item {
    height: auto;
    margin-bottom: 28px; }
    .voice-container .voice-item .thumb {
      width: 34%;
      max-width: 101px;
      height: 101px; }
    .voice-container .voice-item .thumb img {
      width: 101px;
      height: 101px; }
    .voice-container .voice-item .item-content {
      float: left;
      width: 66%;
      padding-left: 12px; }
      .voice-container .voice-item .item-content h3 {
        font-size: 12px;
        padding: 4px 6px; }
      .voice-container .voice-item .item-content .description {
        font-size: 11px;
        margin: 6px 0; }
      .voice-container .voice-item .item-content .view-more {
        float: left;
        font-size: 0px; }
      .voice-container .voice-item .item-content .view-more img {
        width: 111px;
        height: 35px; }

  .wp-pagenavi {
    margin: 4px 0px -12px -4px;
    text-align: left; }

  .wp-pagenavi span, .wp-pagenavi a {
    font-size: 13px;
    margin: 0 3px; }

  .wp-pagenavi .last {
    margin-right: 0px;
    padding: 0px;
    width: 69px; }

  .voice-detail .top-info .thumb {
    width: 42%;
    max-width: 125px;
    height: 125px; }
  .voice-detail .top-info .right-block {
    width: 58%;
    float: left;
    padding: 0px 0px 0px 12px; }
    .voice-detail .top-info .right-block .description {
      font-size: 13px; }
    .voice-detail .top-info .right-block h3 {
      font-size: 10px;
      padding: 7px 8px;
      margin: 14px 0px 10px 0px; }
    .voice-detail .top-info .right-block .proj-name {
      font-size: 9px;
      margin-bottom: 4px; }
    .voice-detail .top-info .right-block .proj-detail {
      font-size: 9px;
      width: 100%; }
      .voice-detail .top-info .right-block .proj-detail a {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left; }
  .voice-detail .content {
    margin: 45px 0px 0px 0px; }
    .voice-detail .content .item-detail {
      display: inline-block;
      margin-bottom: 44px; }
    .voice-detail .content .item-detail.has-image {
      height: auto; }
      .voice-detail .content .item-detail.has-image .ask, .voice-detail .content .item-detail.has-image .answer {
        width: 100%; }
    .voice-detail .content .ask .ask-icon, .voice-detail .content .answer .answer-icon {
      width: 25px;
      height: 25px; }
    .voice-detail .content .answer .answer-icon {
      top: 3px !important; }
    .voice-detail .content .ask span, .voice-detail .content .answer div {
      font-size: 12px !important;
      padding-left: 35px !important; }
    .voice-detail .content .ask {
      margin-bottom: 12px !important; }
    .voice-detail .content .ask span {
      margin-top: -6px; }
    .voice-detail .content .thumb {
      position: relative !important;
      width: 263px !important;
      height: 149px !important;
      float: right;
      margin: 14px 0px 0px 0px; }
  .voice-detail .voice-pagination {
    width: 301px;
    margin: -9px auto 8px auto; }
    .voice-detail .voice-pagination .prev, .voice-detail .voice-pagination .next {
      width: 125px;
      font-size: 9px;
      line-height: 9px; }
    .voice-detail .voice-pagination .prev img, .voice-detail .voice-pagination .next img {
      width: 9px;
      height: 9px; }
    .voice-detail .voice-pagination .tolist {
      font-size: 9px;
      line-height: 9px;
      width: 51px; }
}

/*# sourceMappingURL=voice.css.map */