/*
@mixin tabMpc { 
	@media screen and (min-width: 768px) and (max-width: 1280px){
		@content;
	}	
}
@mixin tabwMpc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
/* ----------------------------------------
	#voice
---------------------------------------- */
#voice {
  /******************common*******************/
  /******************index*******************/
  /*******#sidebarArea*****/
  /*******single*****/ }
  #voice #voice_ol.inner {
    padding-top: 0px; }
    @media screen and (min-width: 961px) {
      #voice #voice_ol.inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    @media screen and (min-width: 961px) {
      #voice #voice_ol.inner #listArea_ol {
        width: 72%; } }
    @media screen and (min-width: 961px) {
      #voice #voice_ol.inner #sidebarArea {
        width: 25%;
        padding-top: 80px; } }
    @media screen and (min-width: 1281px) {
      #voice #voice_ol.inner #sidebarArea {
        padding-top: 120px; } }
    #voice #voice_ol.inner #sidebarArea .archivetitle {
      font-weight: bold;
      font-size: 1.8rem;
      padding: 15px 10px;
      background: #5c5651;
      color: #ffffff;
      border-radius: 5px;
      margin-bottom: 10px; }
    #voice #voice_ol.inner h2.voicetit {
      position: relative;
      padding: 15px 5px;
      text-align: center;
      margin-bottom: 30px;
      font-size: 1.8rem;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #voice #voice_ol.inner h2.voicetit {
          margin-bottom: 50px;
          padding: 15px 10px;
          font-size: 2.5rem; } }
      #voice #voice_ol.inner h2.voicetit::before, #voice #voice_ol.inner h2.voicetit::after {
        position: absolute;
        content: ''; }
      #voice #voice_ol.inner h2.voicetit::after {
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        border-top: 1px solid #5c5651;
        border-left: 1px solid #5c5651; }
      #voice #voice_ol.inner h2.voicetit::before {
        right: 0;
        bottom: 0;
        width: 50px;
        height: 50px;
        border-right: 1px solid #5c5651;
        border-bottom: 1px solid #5c5651; }
  #voice .category span {
    border-radius: 5px;
    line-height: 1.0;
    color: #ffffff;
    display: inline-block;
    padding: 3px 7px 5px 7px;
    margin-right: 5px;
    background: #006934; }
  #voice .category .voicehouse {
    background: #006934; }
  #voice .category .voicepetit {
    background: #F18900; }
  #voice ul.voiceList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      #voice ul.voiceList {
        margin-bottom: 40px; } }
    #voice ul.voiceList li {
      width: 49%;
      margin-bottom: 20px;
      border: 2px solid #cccccc;
      border-radius: 10px; }
      @media screen and (min-width: 768px) {
        #voice ul.voiceList li {
          width: 32%; } }
      @media screen and (min-width: 961px) {
        #voice ul.voiceList li {
          margin-bottom: 30px; } }
      #voice ul.voiceList li:hover {
        border: 2px solid #006934; }
      #voice ul.voiceList li a {
        display: block;
        padding: 10px; }
        @media screen and (min-width: 768px) {
          #voice ul.voiceList li a {
            padding: 20px; } }
      #voice ul.voiceList li .imgArea {
        position: relative;
        max-width: 80%;
        margin: 0px auto; }
      #voice ul.voiceList li .about_ol {
        position: relative;
        padding-right: 12px; }
        #voice ul.voiceList li .about_ol .date {
          font-size: 1.2rem; }
          @media screen and (min-width: 768px) {
            #voice ul.voiceList li .about_ol .date {
              position: absolute;
              right: 0px;
              top: 5px; } }
        #voice ul.voiceList li .about_ol .category span {
          font-size: 1.4rem;
          font-weight: bold; }
        #voice ul.voiceList li .about_ol h3.TitleName {
          font-size: 1.4rem; }
        #voice ul.voiceList li .about_ol h4.TitleNaiyou {
          font-weight: bold; }
          @media screen and (max-width: 480px) {
            #voice ul.voiceList li .about_ol h4.TitleNaiyou {
              font-size: 1.4rem; } }
        #voice ul.voiceList li .about_ol::after {
          content: url("../images/common/arrow_brown.svg");
          display: inline-block;
          width: 5px;
          background-size: contain;
          vertical-align: middle;
          position: absolute;
          bottom: 0px;
          right: 0px; }
    #voice ul.voiceList .empty {
      display: none; }
  @media screen and (min-width: 768px) {
    #voice ul.voiceList::after {
      content: "";
      display: block;
      width: 32%; } }
  #voice .linkBtn {
    text-align: center;
    width: 300px;
    margin: 0px auto;
    border: 1px solid #999;
    border-radius: 5px; }
    #voice .linkBtn a {
      display: block;
      padding: 15px 10px;
      color: #006934;
      font-weight: bold;
      font-size: 1.4rem;
      position: relative; }
      #voice .linkBtn a::after {
        content: url("../images/common/arrow_green2.svg");
        display: inline-block;
        width: 5px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 29%;
        right: 10px; }
    #voice .linkBtn:hover {
      border: 1px solid #79A84C; }
  #voice #sidebarArea ul.catList {
    margin-bottom: 30px; }
    #voice #sidebarArea ul.catList li a {
      padding: 15px 0px 15px 0px;
      display: block;
      font-weight: bold;
      border-bottom: 1px solid #ebebeb;
      position: relative; }
      #voice #sidebarArea ul.catList li a::after {
        content: url("../images/common/arrow_green2.svg");
        display: inline-block;
        width: 5px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 28%;
        right: 0px; }
    #voice #sidebarArea ul.catList li a.voicehouse {
      color: #006934; }
    #voice #sidebarArea ul.catList li a.voicepetit {
      color: #F18900; }
  #voice #sidebarArea ul.areaList {
    margin-bottom: 30px; }
    #voice #sidebarArea ul.areaList li {
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px; }
      #voice #sidebarArea ul.areaList li a {
        padding: 2px 5px 2px 5px;
        display: block;
        font-weight: bold;
        border-radius: 5px;
        font-size: 1.2rem; }
    #voice #sidebarArea ul.areaList li.parent a {
      background: #333333;
      color: #ffffff; }
    #voice #sidebarArea ul.areaList li.child a {
      background: #ebebeb; }
  #voice #sidebarArea ul.side_newList {
    margin-bottom: 30px; }
    #voice #sidebarArea ul.side_newList li a {
      padding: 15px 15px 15px 0px;
      display: block;
      border-bottom: 1px solid #ebebeb;
      position: relative; }
      #voice #sidebarArea ul.side_newList li a::after {
        content: url("../images/common/arrow_green2.svg");
        display: inline-block;
        width: 5px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 30%;
        right: 0px; }
      #voice #sidebarArea ul.side_newList li a .textArea .category span {
        font-size: 1.2rem; }
      #voice #sidebarArea ul.side_newList li a .textArea .title {
        font-size: 1.2rem; }
      #voice #sidebarArea ul.side_newList li a .textArea .about {
        font-size: 1.2rem;
        font-weight: bold; }
  #voice #single_ol header .ol {
    background: #E2DCD3;
    color: #5c5651;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      #voice #single_ol header .ol {
        margin-bottom: 50px;
        padding: 20px; } }
    #voice #single_ol header .ol h3.TitleName {
      font-weight: bold;
      text-align: center; }
    #voice #single_ol header .ol h4.TitleNaiyou {
      font-weight: bold;
      text-align: center;
      font-size: 2.0rem; }
      @media screen and (min-width: 768px) {
        #voice #single_ol header .ol h4.TitleNaiyou {
          font-size: 3.0rem; } }
  #voice #single_ol .imgArea {
    margin: 0px auto;
    max-width: 500px;
    margin-bottom: 30px;
    text-align: center; }
    #voice #single_ol .imgArea img {
      display: inline-block; }
  #voice #single_ol .messageArea {
    background: #f7edde;
    padding: 20px 20px 30px 20px;
    border-radius: 10px;
    border: 2px dashed #E2DCD3; }
    @media screen and (min-width: 768px) {
      #voice #single_ol .messageArea {
        padding: 30px 50px 50px 50px; } }
    #voice #single_ol .messageArea h3.messageTit {
      color: #006934;
      font-weight: bold;
      position: relative;
      text-align: center;
      margin-bottom: 50px;
      padding-bottom: 7px; }
      #voice #single_ol .messageArea h3.messageTit span {
        font-size: 2.0rem; }
        @media screen and (min-width: 768px) {
          #voice #single_ol .messageArea h3.messageTit span {
            font-size: 3.0rem; } }
      #voice #single_ol .messageArea h3.messageTit::before {
        position: absolute;
        bottom: -10px;
        left: calc(50% - 30px);
        width: 50px;
        height: 4px;
        content: '';
        border-radius: 3px;
        background: #000; }
    #voice #single_ol .messageArea div {
      line-height: 2.0;
      font-weight: 500; }
  #voice select {
    margin-top: 15px;
    border: 1px solid #999999;
    border-radius: 0px;
    padding: 15px 15px;
    background: #ffffff;
    display: inline-block;
    min-width: 300px;
    font-size: 1.4rem; }