@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  .inner {
    width: 1000px; }

  #breadCrumb {
    margin-bottom: 0; }

  .h2Area {
    margin: 0 0 60px; }

  #contents #mainColmun ul {
    border-top: 1px solid #BABABA; }
    #contents #mainColmun ul li {
      min-height: 80px;
      border-bottom: solid 1px #BABABA;
      padding: 30px 0; }
      #contents #mainColmun ul li > figure {
        width: 80px;
        margin: 0 30px 0 0; }
      #contents #mainColmun ul li .textBlock {
        width: 480px;
        padding: 0 130px 0 0;
        display: block;
        position: relative; }
        #contents #mainColmun ul li .textBlock p {
          font-size: 12px;
          display: inline-block; }
        #contents #mainColmun ul li .textBlock .date {
          color: #9E6657;
          font-weight: bold;
          margin-right: 1em; }
        #contents #mainColmun ul li .textBlock .text {
          display: block; }
      #contents #mainColmun ul li .honbun {
        font-size: 12px;
        width: 100%;
        padding: 30px 0;
        display: none; }
        #contents #mainColmun ul li .honbun figure img {
          width: auto; }
      #contents #mainColmun ul li.more {
        cursor: pointer; }
        #contents #mainColmun ul li.more .textBlock::before {
          content: "";
          width: 50px;
          height: 50px;
          background: #D0D0D0;
          position: absolute;
          top: 50%;
          right: 0;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        #contents #mainColmun ul li.more .textBlock::after {
          content: "";
          width: 14px;
          height: 14px;
          border-bottom: 2px solid #FFF;
          border-right: 2px solid #FFF;
          box-sizing: border-box;
          position: absolute;
          top: 50%;
          right: 25px;
          -ms-transform: translate(50%, -75%) rotate(45deg);
          -webkit-transform: translate(50%, -75%) rotate(45deg);
          transform: translate(50%, -75%) rotate(45deg); }
      #contents #mainColmun ul li.active .textBlock::before {
        background: #c9b3a4; }
      #contents #mainColmun ul li.active .textBlock::after {
        -ms-transform: translate(50%, -25%) rotate(-135deg);
        -webkit-transform: translate(50%, -25%) rotate(-135deg);
        transform: translate(50%, -25%) rotate(-135deg); }
  #contents #mainColmun .pagenation {
    text-align: center;
    margin: 50px auto 0; }

  /*--------------------------endPC--------------------------------*/ }
/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .inner {
    width: 94vw;
    margin: 0 auto; }

  #breadCrumb {
    margin-bottom: 0; }

  .h2Area {
    margin: 0 0 16vw; }

  #contents #mainColmun {
    margin: 0 3vw 26.6vw; }
    #contents #mainColmun ul {
      border-top: 1px solid #BABABA; }
      #contents #mainColmun ul li {
        border-bottom: solid 1px #BABABA;
        padding: 6.6vw 0; }
        #contents #mainColmun ul li > figure {
          width: 15%;
          margin: 0 5% 0 0; }
        #contents #mainColmun ul li .textBlock {
          width: 58%;
          padding: 0 22% 0 0;
          display: block;
          position: relative; }
          #contents #mainColmun ul li .textBlock p {
            font-size: 12px;
            display: inline-block; }
          #contents #mainColmun ul li .textBlock .date {
            color: #9E6657;
            font-weight: bold;
            margin-right: 1em; }
          #contents #mainColmun ul li .textBlock .text {
            display: block; }
        #contents #mainColmun ul li .honbun {
          font-size: 12px;
          width: 100%;
          padding: 6.6vw 0;
          display: none; }
          #contents #mainColmun ul li .honbun figure img {
            width: auto; }
        #contents #mainColmun ul li.more .textBlock::before {
          content: "";
          width: 10vw;
          height: 10vw;
          background: #D0D0D0;
          position: absolute;
          top: 50%;
          right: 0;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        #contents #mainColmun ul li.more .textBlock::after {
          content: "";
          width: 2.5vw;
          height: 2.5vw;
          border-bottom: 2px solid #FFF;
          border-right: 2px solid #FFF;
          box-sizing: border-box;
          position: absolute;
          top: 50%;
          right: 5vw;
          -ms-transform: translate(50%, -75%) rotate(45deg);
          -webkit-transform: translate(50%, -75%) rotate(45deg);
          transform: translate(50%, -75%) rotate(45deg); }
        #contents #mainColmun ul li.active .textBlock::before {
          background: #c9b3a4; }
        #contents #mainColmun ul li.active .textBlock::after {
          -ms-transform: translate(50%, -25%) rotate(-135deg);
          -webkit-transform: translate(50%, -25%) rotate(-135deg);
          transform: translate(50%, -25%) rotate(-135deg); }

  /*--------------------------endSP--------------------------------*/ }

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