@charset "UTF-8";

#under_contact {
  img[src="/seikatsu-sc/images/zensoren-logo.gif"] {
    display: none;
  }
}

/*  #記事一覧
============================================*/
// ナビゲーション調整
.archive.post-type-archive {
  .voice-tax-nav {
    display: none;
  }
}

.archive.tax-myvoice_cat {
  .voice-cat-nav {
    display: none;
  }
}

// 見出し
.cat-title {
	.cat-title__text {
		font-weight: bold;
		font-family: -apple-system, 'Helvetica Neue', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
		letter-spacing: 3px;
		font-size: 18px;
		padding: 5px 8px;
		color: #fff;
		background: #f5b875; /* Old browsers */
		background: -moz-linear-gradient(top, #f5b875 0%, #f5b875 44%, #ef8c1a 49%, #f09c3c 53%, #f09c3c 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f5b875 0%,#f5b875 44%,#ef8c1a 49%,#f09c3c 53%,#f09c3c 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f5b875 0%,#f5b875 44%,#ef8c1a 49%,#f09c3c 53%,#f09c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b875', endColorstr='#f09c3c',GradientType=0 ); /* IE6-9 */

		&:nth-of-type(3n+1) {
			background-color: blue;
		}
	}
}

.voice-wrap {
  margin: 0 0 30px;
}

// 一覧表示
.a-voice {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;

  .a-voice__list {
    width: 330px;
    box-sizing: border-box;
    border: 1px solid #959495;
    padding: 10px 11px;
    margin: 0 20px 18px 0;

    &:nth-of-type(2n) {
			margin: 0 0 18px 0;
		}

    .a-voice__title {
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-text-overflow: ellipsis;
    }
  }
}

.a-voice__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  .a-voice__img {
    width: 174px;
    text-align: center;

    img {
      width: auto;
      height: auto;
      max-width: 100%;
    }
  }
  .a-voice__right {
    width: 120px;
  }
}

.voice-date {
  font-size: 13px;
  margin: 0 0 10px;
}

.voice-com {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 10px;
}

/*  #記事詳細
============================================*/

@textColor: #9478AB; //項目見出しカラー

.single {
  .voice-cat-nav,
  .voice-tax-nav {
    display: none;
  }
}

.s-voice {
  box-sizing: border-box;
  padding: 20px 18px;
  margin-bottom: 30px;
  border: 1px solid #959495;
}

.sv-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 53px;
  background: url(/seikatsu-sc/images/voice/voc-title.jpg) no-repeat left top;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  line-height: 43px;

  .sv-head__plan {
    width: 270px;
    box-sizing: border-box;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
  }

  .sv-head__name {
    flex: 1;
    padding: 0 20px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
  }

}

.sv-date {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0 0 25px;

  .sv-date__item {
    width: 144px;
    padding: 0 0 0 7px;
    font-size: 18px;
    line-height: 125%;
    dl {
      margin: 0;
    }
    .sv-date__title {
      color: @textColor;
    }
    .sv-date__text {
      margin: 0 0 10px;
    }
  }
  .voice-com {
    width: 485px;
    .voice-com__text {
      padding: 14px 22px;
      padding: 14px 22px;
      background: #E6E5E5;
      line-height: 160%;
    }
  }
}

.sv-com {
  padding: 15px 20px;
  margin-bottom: 25px;
  background: #EEEAF0;
  font-size: 14px;
  .sv-com__title {
    font-size: 22px;
    color: @textColor;
    margin: 0 0 5px;
  }
}

.sv-img {
  .sv-img__title {
    margin: 0 0 10px;
  }
  .sv-img__body {
    text-align: center;
    img {
      width: auto;
      height: auto;
      max-width: 100%;
    }
  }
}