@charset "UTF-8";
/*
    テンプレート
*/
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing:normal;
  text-decoration: none;
}

.cf {
  *zoom: 1; }
  .cf:before {
    content: " ";
    display: table; }
  .cf:after {
    content: " ";
    display: table;
    clear: both; }
.none-slider{
  display:none;
}
.slick-list {
 }

.slider {
 }
  .slider img {
    width: 100%;
    height: auto; }

.single-item {
  max-width: 600px;
}

.slick-prev::before, .slick-next::before {
  font-size: 24px; }

.lazy-item .slick-next, .thumb-item-nav .slick-next, .multiple-item .slick-next, .center-item .slick-next {
  right: 20px;
  z-index: 99; }

.lazy-item .slick-prev, .thumb-item-nav .slick-prev, .multiple-item .slick-prev, .center-item .slick-prev {
  left: 15px;
  z-index: 100; }

.single-item .slick-prev::before, .single-item .slick-next::before {
  color: #666; }

.slick-dots {
  bottom: -25px; }

.multiple-item li {
  margin: 0 5px; }

.thumb-item {
  max-width: 700px;
  margin: 0 auto 5px;
  padding: 0 5px; }

.thumb-item-nav {
  max-width: 700px;
  margin: 0 auto; }
  .thumb-item-nav li {
    margin: 5px; }

.lazy-item {
  width: 100%; }

.nopage {
  display: none; }

.active {
  background: #9d8a51;
  color: #fff;
  border: #9d8a51 1px solid; }
  .active a {
    color: #fff !important; }

.disabled {
  display: none !important; }

.more-article, .more-cat {
  width: 100%;
  max-width: 900px;
  height: auto;
  text-align: center;
  margin-top: 30px; }
  .more-article button, .more-cat button {
    -webkit-appearance: none;
    cursor: pointer;
    color: #9d8a51;
    border: #9d8a51 1px solid;
    background: none;
    border-radius: 3px;
    font-size: 12px;
    padding: 8px 24px 8px 24px;}
    .more-article button:hover, .more-cat button:hover {
      color: #fff;
      background: #9d8a51; }

@media all and (min-width: 769px) {
  .spshow{
    display:none!important;
  }
  .inner{
    display:none;
  }
  .article-title-sp{
    display:none;
  }
  #container {
    width: 100%;
    max-width:1284px;
    margin: 0 auto;
    /*中央寄せ*/
    position: relative; }
  .item {
    width: 25%;
    margin: 0px 0px 0px 0px; }
    .item.x2 {
      width: 50%;
      height: 400px;
      margin: 0px 0px 0px 0px;
      overflow: hidden;
      padding-top: 5px; }
      .item.x2 .slider-bottom {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0; }
        .item.x2 .slider-bottom .slider-title {
          width: 100%;
          height: auto; }
          .item.x2 .slider-bottom .slider-title h3 {
            width: 100%;
            height: auto;
            background: rgba(0, 0, 0, 0.5);
            font-size: 21px;
            padding: 10px;
            font-weight: 400;
            padding-bottom: 40px; }
            .item.x2 .slider-bottom .slider-title h3 a {
              text-decoration: none;
              color: #fff; }
        .item.x2 .slider-bottom .slider-cat {
          position: absolute;
          right: 0;
          bottom: 0; }
          .item.x2 .slider-bottom .slider-cat ul li {
            padding: 10px;
            font-size: 12px; }
            .item.x2 .slider-bottom .slider-cat ul li a {
              text-decoration: none;
              background: #000;
              border: #000 1px solid;
              border-radius: 3px;
              color: #fff;
              padding: 3px 5px 3px 5px; }
    .item.x3 {
      width: 25%;
      height: 200px;
      margin: 0px 0px 0px 0px;
      overflow: hidden;
      padding-left: 5px;
      padding-top: 5px; }
      .item.x3 .slider-bottom {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
      padding-left: 5px; }
        .item.x3 .slider-bottom .slider-title {
          width: 100%;
          height: auto; }
          .item.x3 .slider-bottom .slider-title h3 {
            width: 100%;
            height: auto;
            font-weight: 400;
            background: rgba(0, 0, 0, 0.5);
            font-size: 16px;
            padding: 7px;
            padding-bottom: 28px; }
            .item.x3 .slider-bottom .slider-title h3 a {
              text-decoration: none;
              color: #fff; }
        .item.x3 .slider-bottom .slider-cat {
          position: absolute;
          right: 0;
          bottom: 0; }
          .item.x3 .slider-bottom .slider-cat ul li {
            padding: 10px;
            font-size: 12px; }
            .item.x3 .slider-bottom .slider-cat ul li a {
              text-decoration: none;
              background: #000;
              border: #000 1px solid;
              border-radius: 3px;
              color: #fff;
              padding: 3px 5px 3px 5px; }
    .item img {
      width: 100%; }
  .search-sp, .sp-search, .gnav, .search-sp-in {
    display: none; }
  .ad04 {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    margin-top: 40px; }
    .ad04 > a > img {
      width: 100%;
      height: auto; }
  header {
    width: 100%;
    height: auto; }
    header .header-cover {
      width: 100%;
      max-width: 1284px;
      height: auto;
      margin: 0 auto;
      position: relative;
      padding-bottom:28px;
      padding-top: 40px; }
      header .header-cover .logo {
        width: 294.5px;
        height: auto;
        margin: 0 auto; }
        header .header-cover .logo a {
          display: block; }
          header .header-cover .logo a img {
            width: 100%;
            height: auto; }
        header .header-cover .logo:hover {
          opacity: 0.5; }
      header .header-cover .search {
        position: absolute;
        right: 20px;
        top: 60px; }
        header .header-cover .search input[type=text] {
          border: #f3f3f3 1px solid;
          background: #f3f3f3;
          width: 250px;
          height: 32px;
          line-height: 32px;
          border-radius: 0px 5px 5px 0px;
        margin-left: -2px; }
          header .header-cover .search input[type=text]:focus {
            outline: 0; }
        header .header-cover .search input::-webkit-input-placeholder, header .header-cover .search input::-moz-placeholder, header .header-cover .search input:-ms-input-placeholder, header .header-cover .search input::-webkit-input-placeholder {
          color: #b1b1b1;
          font-size: 14px; }
        header .header-cover .search input::-webkit-input-placeholder, header .header-cover .search input::-moz-placeholder, header .header-cover .search input:-ms-input-placeholder, header .header-cover .search input::placeholder {
          color: #b1b1b1;
          font-size: 12px; }
        header .header-cover .search button {
          -webkit-appearance: none;
          border: #f3f3f3 0px solid;
          background: #f3f3f3;
          height: 32px;
          vertical-align: bottom;
          width: 40px;
          margin-right: -5px;
          cursor: pointer;
          border-radius: 5px 0px 0px 5px; }
          header .header-cover .search button img {
            width: 20px;
            height: auto;
            position: absolute;
            left: 10px;
            top: 6px; }
          header .header-cover .search button:focus {
            outline: 0; }

            .left-right-cover{
              width:100%;
              max-width:1284px;
              height:auto;
              margin:0 auto;
              padding: 0px 0px 0px 25px;
              margin-top:45px;
            }
  main {
    width: 100%;
    height: auto;
    background: #f7f6f8;
    padding-top: 20px;}
    main .container {
      width: 100%;
      max-width: 1400px;
      height: auto;
      margin: 0 auto; }
      main .container .cover {
        width: 100%;
        height: auto; }
        main .container .cover .sliders {
          width: 100%;
          height: auto;
          position: relative; }
          main .container .cover .sliders ul {
            width: 100%;
            height: auto; }
            main .container .cover .sliders ul .slider-left {
              width: 49%;
              display: inline-block;
              vertical-align: top; }
              main .container .cover .sliders ul .slider-left li {
                width: 100%;
                height: 49%;
                overflow: hidden;
                position: relative; }
                main .container .cover .sliders ul .slider-left li a {
                  display: block; }
                  main .container .cover .sliders ul .slider-left li a img {
                    width: 100%;
                    height: auto; }
                main .container .cover .sliders ul .slider-left li h2 {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  font-size: 24px;
                  background: rgba(0, 0, 0, 0.5);
                  width: 100%;
                  padding: 10px;
                  font-weight: 400; }
                  main .container .cover .sliders ul .slider-left li h2 a {
                    text-decoration: none;
                    color: #fff; }
            main .container .cover .sliders ul .slider-right {
              width: 50%;
              display: inline-block;
              vertical-align: top;
              margin-top: -10px; }
              main .container .cover .sliders ul .slider-right li {
                width: 49%;
                height: 49%;
                overflow: hidden;
                display: inline-block;
                vertical-align: top;
                position: relative;
                margin-top: 10px; }
                main .container .cover .sliders ul .slider-right li a img {
                  width: 100%;
                  height: auto; }
                main .container .cover .sliders ul .slider-right li h2 {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  font-size: 16px;
                  background: rgba(0, 0, 0, 0.5);
                  width: 100%;
                  padding: 10px;
                  font-weight: 400; }
                  main .container .cover .sliders ul .slider-right li h2 a {
                    text-decoration: none;
                    color: #fff; }
        main .container .cover .left {
          width: 74%;
          height: auto;
          display: inline-block;
          vertical-align: top;
          margin-left:-2%;
          margin-bottom: 40px; }
          main .container .cover .left .contents {
            width: 100%;
            height: auto;
              padding-right: 30px; }
            main .container .cover .left .contents .contents-title {
              width: 100%;
              height: auto;
            padding-right: 75px;}
              main .container .cover .left .contents .contents-title h2 {
                font-size: 20px;
                font-weight: 400;
                color: #9d8a51;
                border-bottom: #dedbd5 1px solid;
              padding-bottom: 10px; }
            main .container .cover .left .contents .contents-article {
              width: 100%;
              height: auto;
              /* font-size:0px; */
                padding-right: 30px!important;}
              main .container .cover .left .contents .contents-article .article-cover {
                width: 31.3%;
                height: 325px;
                float:left;
                /* display: inline-block; */
                vertical-align: top;
                position: relative;
                padding-bottom: 10px;
                background: #fff;
                border-radius: 8px;
                margin-top: 30px;
                margin-left: 2%;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
                main .container .cover .left .contents .contents-article .article-cover .article-img {
                  width: 100%;
                  height: 65%;
                  overflow: hidden;
                  border-radius: 8px 8px 0px 0px; }
                  main .container .cover .left .contents .contents-article .article-cover .article-img a {
                    display: block; }
                    main .container .cover .left .contents .contents-article .article-cover .article-img a img {
                      width: 100%;
                      height: auto; }
                  main .container .cover .left .contents .contents-article .article-cover .article-img:hover {
                    opacity: 0.5; }
                main .container .cover .left .contents .contents-article .article-cover .article-right {
                  width: 100%;
                  height: auto;
                  padding: 10px; }
                  main .container .cover .left .contents .contents-article .article-cover .article-right .article-title {
                    width: 100%;
                    height: auto; }
                    main .container .cover .left .contents .contents-article .article-cover .article-right .article-title h3 {
                      font-size: 17px;
                    line-height: 22px; }
                      main .container .cover .left .contents .contents-article .article-cover .article-right .article-title h3 a {
                        text-decoration: none;
                        font-weight: 400;
                        color: #434343; }
                        main .container .cover .left .contents .contents-article .article-cover .article-right .article-title h3 a:hover {
                          color: #9d8a51; }
                  main .container .cover .left .contents .contents-article .article-cover .article-right .article-exp {
                    width: 100%;
                    height: auto; }
                    main .container .cover .left .contents .contents-article .article-cover .article-right .article-exp p {
                      font-size: 13px;
                      line-height: 16px; }
                      main .container .cover .left .contents .contents-article .article-cover .article-right .article-exp p a {
                        text-decoration: none;
                        font-weight: 400;
                        color: #aaaaaa; }
                        main .container .cover .left .contents .contents-article .article-cover .article-right .article-date{
                          font-size:12px;
                          color: #c7c6c8;
                          position: absolute;
                          left:10px;
                          bottom:5px;
                          padding: 4px 10px 4px 0px;
                        }
                  main .container .cover .left .contents .contents-article .article-cover .article-right .article-cat {
                    position: absolute;
                    right: 9px;
                    bottom: 8px; }
                    main .container .cover .left .contents .contents-article .article-cover .article-right .article-cat ul {
                      width: 100%;
                      height: auto; }
                      main .container .cover .left .contents .contents-article .article-cover .article-right .article-cat ul li {
                        font-size: 11px;
                        padding: 3px;
                        display: inline-block;
                        vertical-align: top; }
                        main .container .cover .left .contents .contents-article .article-cover .article-right .article-cat ul li a {
                          text-decoration: none;
                          background: #c7c6c8;
                          color: #fff;
                          border-radius: 50px;
                          padding: 4px 10px 4px 10px;
                          border: #c7c6c8 1px solid; }
                          main .container .cover .left .contents .contents-article .article-cover .article-right .article-cat ul li a:hover {
                            color: #c7c6c8;
                            background: #fff; }
              main .container .cover .left .contents .contents-article .article-cover-ad {
                width: 100%;
                height: auto;
                margin: 0 auto;
                margin-top: 20px;
                margin-bottom: 20px; }
            main .container .cover .left .contents .article-render {
              width: 100%;
              height: auto;
              text-align: center;
              margin-top: 40px; }
              main .container .cover .left .contents .article-render ul {
                width: 100%;
                height: auto; }
                main .container .cover .left .contents .article-render ul li {
                  display: inline-block;
                  text-decoration: none;
                  color: #9d8a51;
                  border: #9d8a51 1px solid;
                  border-radius: 3px;
                  padding: 4px 6px 4px 6px;
                      margin-top: 10px;
                  font-size: 12px; }
                  main .container .cover .left .contents .article-render ul li a {
                    text-decoration: none;
                    color: #9d8a51;
                    border-radius: 3px;
                    padding: 4px 6px 4px 6px; }
                  main .container .cover .left .contents .article-render ul li:hover {
                    background: #9d8a51; }
                    main .container .cover .left .contents .article-render ul li:hover > a {
                      color: #fff; }
            main .container .cover .left .contents .article-render-sp {
              display: none; }
        main .container .cover .right {
          height: auto;
          display: inline-block;
          vertical-align: top;
          width: 30%;
        max-width:320px; }
          main .container .cover .right .ad01 {
            width: 100%;
            height: auto;
            margin-bottom: 20px; }
            main .container .cover .right .ad01 > a > img {
              width: 100%;
              height: auto; }
          main .container .cover .right .popular {
            margin-top: 35px;
            width: 100%;
            height: auto;
            padding: 20px 15px 25px 15px;
            background: #fff; }
            main .container .cover .right .popular .popular-title {
              width: 100%;
              height: auto; }
              main .container .cover .right .popular .popular-title h3 {
                font-weight: 600;
                color: #9d8a51;
                letter-spacing: 2px;
                text-align: center;
                font-size: 15px;
           }
            main .container .cover .right .popular .popular-contents {
              width: 100%;
              height: auto;
              font-size:0px;
              margin-top: 10px; }
              main .container .cover .right .popular .popular-contents .popular-cover {
                width: 100%;
                height: 105px;
                padding-top: 10px;
                padding-bottom: 10px;
              position: relative; }
                main .container .cover .right .popular .popular-contents .popular-cover .popular-img {
                  width: 100%;
                  max-width: 120px;
                  height: 90px;
                  overflow: hidden;
                  display: inline-block;
                  vertical-align: top; }
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-img a {
                    display: block; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-img a img {
                      width: 100%;
                      height: auto; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-img a:hover {
                      opacity: 0.5; }
                main .container .cover .right .popular .popular-contents .popular-cover .popular-right {
                  width: 58.6%;
                  height: auto;
                  padding-left: 2.5%;
                  display: inline-block;
                  vertical-align: top; }
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title {
                    width: 100%;
                    height: auto;
                      padding-top: 5px; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 {
                      font-size: 13px;
                      font-weight: 600;}
                      main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 a {
                        text-decoration: none;
                        color: #4c4c4c; }
                        main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 a:hover {
                          color: #9d8a51; }
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat {
                    position: absolute;
                    right: 0px;
                    bottom: 5px; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul {
                      width: 100%;
                      height: auto; }
                      main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li {
                        display: inline-block; }
                        main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li a {
                          text-decoration: none;
                          font-size: 11px;
                          padding-left: 2px;
                          color: #aaaaaa; }
                          main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li a:hover {
                            color: #9d8a51; }
            main .container .cover .right .popular .popular-more {
              width: 100%;
              height: auto;
              text-align: center;
              margin-top: 30px; }
              main .container .cover .right .popular .popular-more button {
                -webkit-appearance: none;
                cursor: pointer;
                color: #9d8a51;
                border: #9d8a51 1px solid;
                background: none;
                border-radius: 3px;
                font-size: 12px;
                padding: 8px 24px 8px 24px;
                background: #fff; }
                main .container .cover .right .popular .popular-more button:hover {
                  color: #fff;
                  background: #9d8a51; }
          main .container .cover .right .random {
            width: 100%;
            height: auto;
            margin-top: 40px; }
            main .container .cover .right .random .random-cover {
              width: 100%;
              height: auto;
              position: relative; }
              main .container .cover .right .random .random-cover .random-img {
                width: 100%;
                height: 180px;
                overflow: hidden;
                border-radius: 10px; }
                main .container .cover .right .random .random-cover .random-img a {
                  display: block; }
                  main .container .cover .right .random .random-cover .random-img a img {
                    width: 100%;
                    height: auto; }
                main .container .cover .right .random .random-cover .random-img .random-title {
                  width: 100%;
                  height: auto;
                  position: absolute;
                  bottom: 0;
                  left: 0; }
                  main .container .cover .right .random .random-cover .random-img .random-title h3 {
                    background: rgba(0, 0, 0, 0.33333333333);
                        font-weight: 400;
                        font-size: 14px;
                        height: 55px;
                        padding: 5px;
                        border-radius: 0 0 10px 10px; }
                    main .container .cover .right .random .random-cover .random-img .random-title h3 a {
                      text-decoration: none;
                      color: #fff; }
                main .container .cover .right .random .random-cover .random-img:hover {
                  opacity: 0.5; }
          main .container .cover .right .twitter {
            margin-top: 45px;
            text-align: center; }
          main .container .cover .right .tag {
            width: 100%;
            height: auto;
            margin-top: 30px;}
            main .container .cover .right .tag ul {
              width: 100%;
              font-size: 0px;
              height: auto;
          }
              main .container .cover .right .tag ul li {
                display: inline-block;
                font-size: 12px;
                margin-top: 20px;
                margin-left: 10px;
            }
                main .container .cover .right .tag ul li a {
                  text-decoration: none;
                  color: #9d8a51;
                  border: #9d8a51 1px solid;
                  padding: 7px 14px 7px 14px;
                  border-radius: 2px;}
                  main .container .cover .right .tag ul li a:hover {
                    text-decoration: none;
                    color: #fff;
                    background: #9d8a51; }
          main .container .cover .right .ad02 {
            width: 100%;
            height: auto;
            margin-top: 40px;
            margin-bottom: 40px; }
            main .container .cover .right .ad02 > a > img {
              width: 100%;
              height: auto; }
  section {
    width: 100%;
    height: auto;
    background: #fff;
    padding-top: 50px; }
    section .container {
      width: 100%;
      max-width: 1400px;
      height: auto;
      margin: 0 auto; }
      section .container .cover {
        width: 100%;
        height: auto; }
              .slick-track{
                min-width:1200px;
              }
        section .container .cover .bottom {
          width: 100%;
          max-width:1284px;
          height: auto;
          margin:0 auto;
          background: #fff;
          padding-bottom: 10px; }
          section .container .cover .bottom ul {
            width: 100%;
            height: auto; }
            section .container .cover .bottom ul li {
              margin-left: 20px;
              height: 230px;
              overflow: hidden;
              cursor: pointer;
              position: relative;
              border-radius: 10px; }
              section .container .cover .bottom ul li:first-child{
                margin-left:0px;
              }
              section .container .cover .bottom ul li .bottom-title {
                width: 100%;
                height: auto;
                position: absolute;
                bottom: 0;
                left: 0; }
                section .container .cover .bottom ul li .bottom-title h3 {
                  background: rgba(0, 0, 0, 0.33333333333);
                  /* border-radius: 0 0 5px 5px; */
                  font-size: 14px;
                  height: 60px;
                  padding: 10px; }
                  section .container .cover .bottom ul li .bottom-title h3 a {
                    text-decoration: none;
                    font-weight: 400;
                    color: #fff; }
              section .container .cover .bottom ul li:hover {
                opacity: 0.5; }
        section .container .cover .bottom-in {
          width: 100%;
          height: auto;
          background: #fff; }
          section .container .cover .bottom-in .ad04 {
            width: 100%;
            max-width: 760px;
            margin: 0 auto;
            margin-top: 40px; }
            section .container .cover .bottom-in .ad04 > a > img {
              width: 100%;
              height: auto; }
  footer {
    width: 100%;
    height: auto;
    background: #f4f3f1;
    margin-top: 60px; }
    footer .borders {
      width: 100%;
      height: 30px;
      background: #dedbd5; }
    footer .footer-cover {
      width: 100%;
      max-width: 600px;
      height: auto;
      margin: 0 auto;
      padding-top: 40px;
      border-bottom: #dedbd5 1px solid;
      padding-bottom: 30px; }
      footer .footer-cover .footer-logo {
        width: 270px;
        height: auto;
        margin: 0 auto;
        padding-top: 25px; }
        footer .footer-cover .footer-logo img {
          width: 100%;
          height: auto; }
        footer .footer-cover .footer-logo p {
          font-size: 11px;
          color: #aaaaaa;
          margin:0px;
          text-align: center; }
      footer .footer-cover .sns {
        width: 186px;
        height: auto;
        margin: 0 auto; }
        footer .footer-cover .sns ul {
          width: 100%;
          height: auto; }
          footer .footer-cover .sns ul li {
            display: inline-block;
            vertical-align: top;
            width: 35px;
            height: auto;
            margin-left: 35px; }
            footer .footer-cover .sns ul li a {
              display: block; }
              footer .footer-cover .sns ul li a img {
                width: 100%;
                height: auto; }
            footer .footer-cover .sns ul li:first-child {
              margin-left: 0px; }
    footer .jump {
      width: 50px;
      height: auto;
      margin: 0 auto;
      padding-top: 25px;
      padding-bottom: 25px;
      cursor: pointer; }
      footer .jump img {
        width: 100%;
        height: auto; }
        footer .jump img:hover {
          opacity: 0.5; }
  .detail-img {
    width: 100%;
    max-width:725px;
    height: auto;
  margin:0 auto; }
    .detail-img a {
      display: block; }
      .detail-img a img {
        width: 100%;
        height: auto; }
      .detail-img a:hover {
        opacity: 0.5; }
  .detail-title {
    width:95%;
    max-width:725px;
    height:auto;
  margin:0 auto; }
    .detail-exp{
      width:95%;
      max-width:725px;
      height:auto;
      margin:0 auto;
      margin-top: 20px;
    }
    .detail-exp p{
      margin:0px;
      color: #464546;
      font-size: 16px;
    }
    .detail-title .detail-title-in {
      width: 100%;
      height: auto;
      margin-top: 20px;
      display: inline-block; }
      .detail-title .detail-title-in h1 {
        font-weight: 400;
        font-size: 23px;}
        .detail-title .detail-title-in h1 a {
          text-decoration: none;
          color: #313131; }
          .detail-title .detail-title-in h1 a:hover {
            color: #9d8a51; }
    .detail-title .detail-tag {
      display: inline-block;
        margin-top: 5px; }
      .detail-title .detail-tag ul {
        width: 100%;
        height: auto;
        display: inline; }
        .detail-title .detail-tag ul li {
          display: inline-block;
          font-size: 10px; }
          .detail-title .detail-tag ul li a {
            text-decoration: none;
            background: #aba9ac;
            color: #fff;
            border-radius: 30px;
            padding: 3px 10px 3px 10px;
            border: #aba9ac 1px solid; }
            .detail-title .detail-tag ul li a:hover {
              color: #aba9ac;
              background: #fff; }
      .detail-title .detail-tag span {
        display: inline;
        font-size: 10px;
        padding-left: 4px;
        color: #aba9ac; }
  .read-more {
    width: 95%;
    max-width:725px;
    height: auto;
    margin:0 auto;
    margin-top: 20px;
    text-align: right; }
    .read-more a {
      text-decoration: none;
      color: #9d8a51;
      border: #9d8a51 1px solid;
      padding: 10px 20px 10px 20px;
      font-size: 13.5px;
      border-radius: 2px; }
      .read-more a:hover {
        color: #fff;
        background: #9d8a51; }
  .detail-rel {
    width: 100%;
    height: auto;
    margin-top: 30px; }
    .detail-rel .detail-rel-title {
      width: 100%;
      height: auto; }
      .detail-rel .detail-rel-title h2 {
        font-size: 20px;
        font-weight: 400;
        color: #9d8a51; }
    .detail-rel .detail-rel-article {
      width: 100%;
      height: auto;
      font-size:0px;
      margin-left: -2%; }
      .detail-rel .detail-rel-article .detail-rel-article-each {
        width: 31.3%;
        height: 325px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding-bottom: 10px;
        background: #fff;
        border-radius: 8px;
        margin-top: 30px;
        margin-left: 2%;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
        .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-img {
          width: 100%;
          height: 65%;
          overflow: hidden;
          border-radius: 8px 8px 0px 0px; }
          .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-img a {
            display: block; }
            .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-img a img {
              width: 100%; }
            .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-img a:hover {
              opacity: 0.5; }
        .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right {
          width: 100%;
          height: auto;
          padding: 10px; }
          .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-title {
            width: 100%;
            height: auto; }
            .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-title h3 {
              font-size: 17px;
            line-height: 22px; }
              .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a {
                text-decoration: none;
                font-weight: 400;
                color: #4c4c4c; }
                .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover {
                  color: #9d8a51; }
          .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-contents {
            width: 100%;
            height: auto; }
            .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-contents p {
              font-size: 13px;
              line-height: 16px; }
              .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-contents p a {
                text-decoration: none;
                font-weight: 400;
                color: #aaaaaa; }
                .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover {
                  color: #9d8a51; }
                  .detail-rel-article-each-right-date{
                    font-size: 12px;
                    color: #c7c6c8;
                    position: absolute;
                    left: 10px;
                    bottom: 5px;
                    padding: 4px 10px 4px 0px;
                  }
          .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-cat {
            position: absolute;
            right: 9px;
            bottom: 8px; }
            .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-cat ul {
              width: 100%;
              height: auto; }
              .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li {
                font-size: 11px;
                padding: 3px;
                display: inline-block;
                vertical-align: top; }
                .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a {
                  text-decoration: none;
                  background: #c7c6c8;
                  color: #fff;
                  border-radius: 50px;
                  padding: 4px 10px 4px 10px;
                  border: #c7c6c8 1px solid; }
                  .detail-rel .detail-rel-article .detail-rel-article-each .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover {
                    color: #c7c6c8;
                    background: #fff; }
    .detail-rel .read-more-detail {
      width: 100%;
      height: auto;
      text-align: center;
      margin-top: 30px; }
      .detail-rel .read-more-detail button {
        -webkit-appearance: none;
        cursor: pointer;
        color: #9d8a51;
        border: #9d8a51 1px solid;
        background: none;
        border-radius: 3px;
        font-size: 10px;
        padding: 8px 24px 8px 24px; }
  .ad05 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 50px; }
    .ad05 > a > img {
      width: 100%;
      height: auto; }
  .new-article {
    width: 100%;
    height: auto;
    margin-top: 30px; }
    .new-article .new-article-title {
      width: 100%;
      height: auto; }
      .new-article .new-article-title h3 {
        font-size: 20px;
        font-weight: 400;
        color: #9d8a51; }
    .new-article .new-article-contents {
      width: 100%;
      height: auto; }
      .new-article .new-article-contents .new-article-each {
        width: 100%;
        height: auto;
        padding-top: 20px;
        border-bottom: #eeeeee 1px solid;
        position: relative;
        padding-bottom: 10px; }
        .new-article .new-article-contents .new-article-each .new-article-img {
          width: 30%;
          max-width: 200px;
          height: 110px;
          overflow: hidden;
          display: inline-block;
          vertical-align: top;
          border-radius: 10px; }
          .new-article .new-article-contents .new-article-each .new-article-img a {
            display: block; }
            .new-article .new-article-contents .new-article-each .new-article-img a img {
              width: 100%;
              height: auto;
              border-radius: 10px; }
            .new-article .new-article-contents .new-article-each .new-article-img a:hover {
              opacity: 0.5; }
        .new-article .new-article-contents .new-article-each .new-article-right {
          width: 68%;
          height: auto;
          display: inline-block;
          vertical-align: top;
          padding-left: 2%; }
          .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title {
            width: 100%;
            height: auto; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 {
              font-size: 16px; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 a {
                text-decoration: none;
                font-weight: 400;
                color: #4c4c4c; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 a:hover {
                  color: #9d8a51; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp {
              width: 100%;
              height: auto; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p {
                font-size: 13px;
                line-height: 16px; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p a {
                  text-decoration: none;
                  font-weight: 400;
                  color: #aaaaaa; }
                  .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p a:hover {
                    color: #9d8a51; }
          .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat {
            position: absolute;
            right: 0;
            bottom: 0; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul {
              width: 100%;
              height: auto; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li {
                font-size: 12px;
                padding: 3px;
                display: inline-block;
                vertical-align: top; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li a {
                  text-decoration: none;
                  color: #8b8b8b; }
                  .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li a:hover {
                    color: #9d8a51; }
  .nav-horizontal {
    display: none; } }

@media all and (max-width: 768px) {
  nav{
    display:none;
    position: absolute;
    top:0;
    width: 100%;
    height: 100vh;
    background:rgba(255,255,255,0.9);
    left: 0;
    z-index: 9998;
  }
  header nav ul{
    display: block;
    width: 90%;
    height: 350px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
  }
  header nav ul li{
    margin: 0 auto;
    text-align: center;
  }
  header nav ul li:last-child{
    border: none;
  }
  header nav ul li a{
    display: block;
    color: #404040;
    text-decoration: none;
    font-weight: bold;
    padding: 16px;
  }
  /*開閉ボタン*/
  #nav_toggle{
    display: block;
    width: 30px;
    height: 40px;
    z-index: 100;
    position: absolute;
    left: 20px;
    top: 35.25px;
    z-index: 9999;
  }
  #nav_toggle div {
    position: relative;
  }
  #nav_toggle span{
    display: block;
    height: 3px;
    background: #878787;
    position:absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 4px;
  }
  #nav_toggle span:nth-child(1){
    top:0px;
  }
  #nav_toggle span:nth-child(2){
    top:10px;
  }
  #nav_toggle span:nth-child(3){
    top:20px;
  }

  /*開閉ボタンopen時*/
  .open #nav_toggle span:nth-child(1) {
      top: 12px;
       -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    .open #nav_toggle span:nth-child(2) {
      width: 0;
      left: 50%;
    }
    .open #nav_toggle span:nth-child(3) {
      top: 12px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }

  .article-title-pc{
    display:none;
  }
  .article-cover-ad{
    display:none;
  }
  .search {
    display: none; }
  /*ナビゲーション*/
  .nav-horizontal {
    height: 48px;
    /* 実際に表示する高さ */
    overflow-y: hidden; }
    .nav-horizontal .mask {
      padding-top: 16.25px;
      -webkit-overflow-scrolling: touch;
      overflow-x: scroll; }
      .nav-horizontal .mask ul {
        display: table;
        list-style: none;
        margin: 0 auto;
        padding: 0 0 24px 0;
        font-size: 12px;}
        .nav-horizontal .mask ul li {
          margin-left: 10px;
          font-size: 9px;
          display: table-cell; }
          .nav-horizontal .mask ul li a {
            display: block;
            border: #9d8a51 1px solid;
            color: #fff;
            padding: 2px 10px 2px 10px;
            background: #9d8a51;
            margin-left: 5px;
            white-space: nowrap;
            text-decoration: none;
            border-radius: 30px; }
            .nav-horizontal .mask ul li.menu-active a {
              color: #9d8a51;
              background: #fff; }
  .gnav {
    background: #fca43a;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9998; }
  .gnav__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 20px 20px 0; }
  .gnav__menu__item a {
    display: block;
    line-height: 21px;
    font-size: 21px;
    color: #fff;
    margin-left: 0;
    padding: 12px 30px 12px 12px;
    font-weight: bold;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none; }
    .gnav__menu__item a:hover {
      color: #666; }
  .magnifying {
    color: #fff;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 30px;
    z-index: 9999; }
  .sp-search {
    background: rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9998; }
    .sp-search p {
      color: #fff;
      text-align: center;
      padding-top: 45%; }
    .sp-search form {
      text-align: center; }
    .sp-search input[type=text] {
      color: #fff;
      font-weight: bold;
      font-size: 26px;
      height: 40px;
      line-height: 36px;
      border: 0;
      background: transparent;
      outline: 0;
      margin: 8px 0;
      padding: 0;
      text-align: center;
      border-bottom: #fff 1px solid;
      width: 300px;
      margin: 0 auto;
      margin-top: 15%; }
  .gnav-se {
    background: #fca43a;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9998; }
  .gnav__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 20px 20px 0; }
  .gnav__menu__item a {
    display: block;
    line-height: 21px;
    font-size: 21px;
    color: #fff;
    margin-left: 0;
    padding: 12px 30px 12px 12px;
    font-weight: bold;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none; }
    .gnav__menu__item a:hover {
      color: #666; }
  .search-sp {
    width: 21px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 30.25px;
    cursor: pointer;
    border: #aaa 0px solid;
    background: none;
    z-index: 9999;}
      .search-sp img {
        width: 100%;
        height: auto; }
  .search-sp-in, .gnav, .ad04 {
    display: none; }
  .slider {
    margin: 0; }
  .sp-search, .gnav, .search-sp-in {
    display: none; }
  header {
    width: 100%;
    height: auto; }
    header .header-cover {
      width: 100%;
      height: auto;
      margin: 0 auto;
      position: relative;
      padding-top: 24px;
    padding-bottom: 15px; }
      header .header-cover .logo {
        width: 190px;
        height: auto;
        margin: 0 auto; }
        header .header-cover .logo a {
          display: block; }
          header .header-cover .logo a img {
            width: 100%;
            height: auto; }
        header .header-cover .logo:hover {
          opacity: 0.5; }
      header .header-cover .search {
        position: absolute;
        right: 0px;
        top: 50px; }
        header .header-cover .search input[type=text] {
          border: #f3f3f3 1px solid;
          background: #f3f3f3;
          width: 250px;
          height: 30px;
          border-radius: 0px 5px 5px 0px; }
          header .header-cover .search input[type=text]:focus {
            outline: 0; }
        header .header-cover .search input::-webkit-input-placeholder, header .header-cover .search input::-moz-placeholder, header .header-cover .search input:-ms-input-placeholder, header .header-cover .search input::-webkit-input-placeholder {
          color: #b1b1b1;
          font-size: 12px; }
        header .header-cover .search input::-webkit-input-placeholder, header .header-cover .search input::-moz-placeholder, header .header-cover .search input:-ms-input-placeholder, header .header-cover .search input::placeholder {
          color: #b1b1b1;
          font-size: 12px; }
        header .header-cover .search button {
          -webkit-appearance: none;
          border: #aaa 0px solid;
          background: #f3f3f3;
          height: 30px;
          vertical-align: bottom;
          width: 40px;
          margin-right: -5px;
          cursor: pointer;
          border-radius: 5px 0px 0px 5px; }
          header .header-cover .search button img {
            width: 100%;
            height: auto;
            padding: 4px; }
          header .header-cover .search button:focus {
            outline: 0; }
  main {
    width: 100%;
    height: auto;
    /* margin-top: 3px; */
    background: #f7f6f8; }
    main .container {
      width: 100%;
      max-width: 1400px;
      height: auto;
      margin: 0 auto; }
      main .container .cover {
        width: 100%;
        height: auto; }
        main .container .cover ul#container {
          display:none;
          width: 100%;
          height: auto;
          position: relative;
          background: #f4f3f1;
          padding-top: 15px;
          padding-bottom: 15px;}
          main .container .cover ul#container li {
            width: 100%;
            border-radius: 10px;
            height: 100%;
            overflow: hidden;
            position: relative;
            margin-left: 10px; }
            main .container .cover ul#container li {
              margin-left: 6px;
            }
            main .container .cover ul#container li a {
              display: block; }
              main .container .cover ul#container li a img {
                width: 100%;
                height: auto; }
            main .container .cover ul#container li h2 {
              position: absolute;
              bottom: 0;
              left: 0;
              font-size: 24px;
              background: rgba(0, 0, 0, 0.5);
              width: 100%;
              padding: 10px;
              font-weight: 400; }
              main .container .cover ul#container li h2 a {
                text-decoration: none;
                color: #fff; }
            main .container .cover ul#container li .slider-bottom {
              width: 100%;
              height: auto;
              position: absolute;
              left: 0;
              bottom: 0; }
              main .container .cover ul#container li .slider-bottom .slider-title {
                width: 100%;
                height: auto; }
                main .container .cover ul#container li .slider-bottom .slider-title h3 {
                  width: 100%;
                      line-height: 18px;
                      height: 55px;
                      background: rgba(0, 0, 0, 0.33333333333);
                      padding: 10px;
                      position: absolute;
                      bottom: 0px;
                      left: 0px;
                      border-radius: 0 0 10px 10px;
                      font-weight: 600;
                      font-size: 14px; }
                  main .container .cover ul#container li .slider-bottom .slider-title h3 a {
                    text-decoration: none;
                    color: #fff; }
              main .container .cover ul#container li .slider-bottom .slider-cat {
                position: absolute;
                left: 0;
                bottom: 10px;
                height: 25px;
              display:none; }
                main .container .cover ul#container li .slider-bottom .slider-cat ul li {
                  padding: 5px;
                  font-size: 10px; }
                  main .container .cover ul#container li .slider-bottom .slider-cat ul li a {
                    text-decoration: none;
                    background: #000;
                    border: #000 1px solid;
                    border-radius: 20px;
                    color: #fff;
                    padding: 3px 5px 3px 5px; }
        main .container .cover .left {
          width: 100%;
          height: auto;
          margin-bottom: 40px;
        margin-top:0px!important; }
          main .container .cover .left .contents {
            width: 100%;
            height: auto; }
            main .container .cover .left .contents .contents-title {
              width: 100%;
              height: auto; }
              main .container .cover .left .contents .contents-title h2 {
                font-size: 16px;
                font-weight: 400;
                color: #9d8a51;
                border-bottom: #dedbd5 1px solid; }
            main .container .cover .left .contents .contents-article {
              width: 100%;
              height: auto;
              letter-spacing:-0.4em;
              /* font-size:0px; */
              padding: 10px;
             padding-top: 12px!important; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) {
                width: 100%;
                height: 200px;
                overflow: hidden;
                position: relative;
                background: #fff;
                border-radius: 8px;
                margin-top: 12px;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-img {
                  width: 100%;
                  /* height: auto; */
                      height: 100%;
                  overflow: hidden;
                  border-radius: 8px 8px 0px 0px; }
                  main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-img a {
                    display: block; }
                    main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-img a img {
                      width: 100%;
                      height: auto; }
                  main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-img:hover {
                    opacity: 0.5; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right {
                  width: 100%;
                  height: auto;
                  position: absolute;
                  bottom: 0;
                  left: 0; }
                  main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-title {
                    width: 100%;
                    height: auto; }
                    main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-title h3 {
                      font-size: 15px;
                      font-weight: bold;
                      background: rgba(0, 0, 0, 0.33333333333);
                      padding: 10px; }
                      main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-title h3 a {
                        text-decoration: none;
                        font-weight: 400;
                        color: #fff; }
                        main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-title h3 a:hover {
                          color: #9d8a51; }
                  main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-exp {
                    width: 100%;
                    height: auto; }
                    main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-exp p {
                      font-size: 13px;
                      line-height: 16px; }
                      main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-exp p a {
                        text-decoration: none;
                        font-weight: 400;
                        color: #aaaaaa; }
                  main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat {
                        background: rgba(0, 0, 0, 0.33333333333);
                        width: 100%;
                        color:#fff;
                        display:none;
                   }
                    main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat ul {
                      width: 100%;
                      height: auto; }
                      main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat ul li {
                        font-size: 10px;
                        padding: 3px;
                        display: inline-block;
                        padding: 0px 10px 5px 10px;
                        vertical-align: top; }
                        main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat ul li a {
                          text-decoration: none;
                          color:#fff; }
                          main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat ul li span{
                            display: none!important;
                          }
                          main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-cat ul li a:hover {
                            color: #9d8a51; }
main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+1) .article-right .article-date {
    display: none;
}
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2), main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) {
                width: 100%;
                height: 110px;
                position: relative;
                background: #fff;
                border-radius: 8px;
                margin-top: 12px;
                overflow: hidden;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-img {
                width: 38%;
                /* height: auto; */
                    height: 100%;
                display: inline-block;
                vertical-align: top;
                /* overflow: hidden; */
                border-radius: 8px 0px 0px 0px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-img a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-img a {
                display: block; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-img a img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-img a img {
                width: 130% !important;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-img:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-img:hover {
                opacity: 0.5; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right {
                width: 60%;
                height: auto;
                display: inline-block;
                vertical-align: top; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-title, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-title {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-title h3, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-title h3 {
                font-size: 14px;
                line-height: 18px;
                font-weight: bold;
                padding: 10px;
              padding-right: 0px;}
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-title h3 a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-title h3 a {
                text-decoration: none;
                font-weight: 400;
                color: #000; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-title h3 a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-title h3 a:hover {
                color: #9d8a51; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-exp, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-exp {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-exp p, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-exp p {
                font-size: 13px;
                line-height: 16px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-exp p a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-exp p a {
                text-decoration: none;
                font-weight: 400;
                color: #aaaaaa; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-date, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-date {
                  font-size:9px;
                  color:#c7c6c8;
                  padding-left: 10px;
                  display:none;
                }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat {
                position: absolute;
                right: 5px;
                bottom: 6px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat ul, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat ul {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat ul li, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat ul li {
                font-size: 9px;
                padding: 3px;
                display: inline-block;
                vertical-align: top; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat ul li span, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat ul li span{
                  color:#c7c6c8;
                  padding-right:5px;
                  display:inline-block;
                }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat ul li a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat ul li a {
                text-decoration: none;
                background: #c7c6c8;
                color: #fff;
                border-radius: 50px;
                padding: 3px 6px 3px 6px;
                border: #c7c6c8 1px solid; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+2) .article-right .article-cat ul li a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+3) .article-right .article-cat ul li a:hover {
                color: #9d8a51; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4), main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5), main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6), main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) {
                width: 49%;
                height: 240px;
                position: relative;
                background: #fff;
                border-radius: 8px;
                box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
                /* float:left; */
                display: inline-block;
                vertical-align: top;
                margin-top: 12px;
                margin-left: 1.9%; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4),main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6){
                  margin-left:0px;
                }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-img {
                width: 100%;
                height: 55%;
                display: inline-block;
                vertical-align: top;
                overflow: hidden;
                border-radius: 8px 8px 0px 0px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-img a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-img a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-img a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-img a {
                display: block; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-img a img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-img a img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-img a img, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-img a img {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-img:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-img:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-img:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-img:hover {
                opacity: 0.5; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-title, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-title, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-title, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-title {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-title h3, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-title h3, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-title h3, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-title h3 {
                font-size: 14px;
                font-weight:bold;
                    line-height: 20px;
                padding: 7px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-title h3 a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-title h3 a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-title h3 a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-title h3 a {
                text-decoration: none;
                font-weight: 400;
                color: #000; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-title h3 a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-title h3 a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-title h3 a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-title h3 a:hover {
                color: #9d8a51; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-exp, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-exp, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-exp, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-exp {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-exp p, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-exp p, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-exp p, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-exp p {
                font-size: 13px;
                line-height: 16px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-exp p a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-exp p a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-exp p a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-exp p a {
                text-decoration: none;
                font-weight: 400;
                color: #aaaaaa; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-date, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-date, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-date, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-date {
                  font-size: 9px;
                  color: #c7c6c8;
                  padding-left: 5px;
                display:none; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat {
                position: absolute;
                right: 5px;
                bottom: 6px; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat ul, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat ul, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat ul, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat ul {
                width: 100%;
                height: auto; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat ul li, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat ul li, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat ul li, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat ul li {
                font-size: 9px;
                padding: 3px;
                display: inline-block;
                vertical-align: top; }
                main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat ul li span, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat ul li span, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat ul li span, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat ul li span{
                  color:#c7c6c8;
                  padding-right:5px;
                  display:inline-block;}
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat ul li a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat ul li a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat ul li a, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat ul li a {
                text-decoration: none;
                background: #c7c6c8;
                color: #fff;
                border-radius: 50px;
                padding: 3px 6px 3px 6px;
                border: #c7c6c8 1px solid; }
              main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+4) .article-right .article-cat ul li a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+5) .article-right .article-cat ul li a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+6) .article-right .article-cat ul li a:hover, main .container .cover .left .contents .contents-article .article-cover:nth-child(7n+7) .article-right .article-cat ul li a:hover {
                color: #9d8a51; }
              main .container .cover .left .contents .contents-article .article-cover-ad {
                width: 100%;
                height: auto;
                margin: 0 auto;
                margin-top: 20px;
                margin-bottom: 20px; }
            main .container .cover .left .contents .article-render {
              width: 100%;
              height: auto;
              text-align: center;
              margin-top: 40px; }
              main .container .cover .left .contents .article-render ul {
                width: 100%;
                height: auto; }
                main .container .cover .left .contents .article-render ul li {
                  display: inline-block;
                  text-decoration: none;
                  color: #9d8a51;
                  border: #9d8a51 1px solid;
                  border-radius: 3px;
                  margin-top:10px;
                  padding: 4px 6px 4px 6px;
                  font-size: 12px; }
                  main .container .cover .left .contents .article-render ul li a {
                    text-decoration: none;
                    color: #9d8a51;
                    border-radius: 3px;
                    padding: 4px 6px 4px 6px; }
                  main .container .cover .left .contents .article-render ul li:hover {
                    background: #9d8a51; }
                    main .container .cover .left .contents .article-render ul li:hover > a {
                      color: #fff; }
            main .container .cover .left .contents .article-render-sp {
              display: none; }
        main .container .cover .right {
          height: auto;
          width: 100%; }
          main .container .cover .right .ad01 {
            width: 100%;
            height: auto;
            padding: 20px;
          padding-top:5px;
        padding-bottom:35px; }
            main .container .cover .right .ad01 > a > img {
              width: 100%;
              height: auto; }
          main .container .cover .right .popular {
            width: 100%;
            height: auto;
            padding: 22.5px 10px 25px 10px;
            background: #fff;}
            main .container .cover .right .popular .popular-title {
              width: 100%;
              height: auto; }
              main .container .cover .right .popular .popular-title h3 {
                font-weight: 600;
                letter-spacing: 2px;
                color: #9d8a51;
                text-align: center;
                font-size: 17px; }
            main .container .cover .right .popular .popular-contents {
              width: 100%;
              height: auto;
              margin-top: 12px; }
              main .container .cover .right .popular .popular-contents .popular-cover {
                width: 100%;
                height: auto;
                font-size: 0px;
                padding-top: 10px;
                font-size: 0px;
                position: relative;
                padding-bottom: 10px; }
                main .container .cover .right .popular .popular-contents .popular-cover .popular-img {
                  width: 41%;
                  height: 85px;
                  overflow: hidden;
                  display: inline-block;
                  vertical-align: top;
                    border-radius: 5px; }
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-img a {
                    display: block; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-img a img {
                      width: 100%;
                      height: auto; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-img a:hover {
                      opacity: 0.5; }
                main .container .cover .right .popular .popular-contents .popular-cover .popular-right {
                  width: 59%;
                  height: auto;
                  display: inline-block;
                  vertical-align: top;
                  padding-left: 2.5%; }
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title {
                    width: 100%;
                    padding-top: 5px;
                    height: auto; }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 {
                      font-size: 13px;
                      line-height: 18px;
                      font-weight: 600; }
                      main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 a {
                        text-decoration: none;
                        color: #4c4c4c; }
                        main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-title h3 a:hover {
                          width: 100%;
                          height: auto;}
                  main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat {
                    position: absolute;
                    bottom: 8px;
                    right: 2.5px;
                  }
                    main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul {
                      width: 100%;
                      height: auto; }
                      main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li {
                        font-size: 11px;
                        padding: 3px;
                        display: inline-block;
                        vertical-align: top; }
                        main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li a {
                          text-decoration: none;
                          font-size: 9px;
                          padding-left: 2px;
                          color: #cccccc; }
                          main .container .cover .right .popular .popular-contents .popular-cover .popular-right .popular-contents-cat ul li a:hover {
                            color: #9d8a51; }
            main .container .cover .right .popular .popular-more {
              width: 100%;
              height: auto;
              text-align: center;
              margin-top: 30px;
              margin-bottom: 10px; }
              main .container .cover .right .popular .popular-more button {
                -webkit-appearance: none;
                cursor: pointer;
                color: #9d8a51;
                border: #9d8a51 1px solid;
                background: none;
                border-radius: 3px;
                font-size: 12px;
                padding: 8px 24px 8px 24px; }
                main .container .cover .right .popular .popular-more button:hover {
                  color: #fff;
                  background: #9d8a51; }
          main .container .cover .right .random {
            width: 100%;
            height: auto;
            margin-top: 15px;
            padding: 14px;
          padding-bottom: 39px;}
            main .container .cover .right .random .random-cover {
              width: 100%;
              height: auto;
              position: relative; }
              main .container .cover .right .random .random-cover .random-img {
                width: 100%;
                height: 171px;
                overflow: hidden;
                border-radius: 10px;}
                main .container .cover .right .random .random-cover .random-img a {
                  display: block; }
                  main .container .cover .right .random .random-cover .random-img a img {
                    width: 100%;
                    height: auto; }
                main .container .cover .right .random .random-cover .random-img .random-title {
                  width: 100%;
                  height: 55px;
                  position: absolute;
                  bottom: 0;
                  left: 0;}
                  main .container .cover .right .random .random-cover .random-img .random-title h3 {
                    width: 100%;
                    line-height: 18px;
                    height: 55px;
                    background: rgba(0, 0, 0, 0.33333333333);
                    padding: 10px;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    border-radius: 0 0 10px 10px;
                    font-weight: 600;
                    font-size: 14px; }
                    main .container .cover .right .random .random-cover .random-img .random-title h3 a {
                      text-decoration: none;
                      color: #fff; }
                main .container .cover .right .random .random-cover .random-img:hover {
                  opacity: 0.5; }
          main .container .cover .right .twitter {
            text-align: center;
            padding: 20px; }
          main .container .cover .right .tag {
            width: 100%;
            height: auto;
            margin-top: 40px;
            margin-bottom: 50px;
            padding-left: 15px;
            padding-right: 15px;}
            main .container .cover .right .tag ul {
              width: 100%;
              height: auto; }
              main .container .cover .right .tag ul li {
                display: inline-block;
                font-size: 12px;
                margin-left: 4px;
                margin-top: 19px; }
                main .container .cover .right .tag ul li a {
                  text-decoration: none;
                  color: #9d8a51;
                  border: #9d8a51 1px solid;
                  padding: 8px 14px 8px 14px;
                  border-radius: 2px;
              }
                  main .container .cover .right .tag ul li a:hover {
                    background: #fff;
                    color: #9d8a51; }
          main .container .cover .right .ad02 {
            width: 100%;
            height: auto;
            padding: 20px; }
            main .container .cover .right .ad02 > a > img {
              width: 100%;
              height: auto; }
  section {
    width: 100%;
    height: auto;
    background: #fff; }
    section .container {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      section .container .cover {
        width: 100%;
        height: auto; }
        section .container .cover .bottom {
          width: 100%;
          height: auto;
          background: #fff;
        padding-top:20px;
      padding-bottom:20px; }
          section .container .cover .bottom ul {
            width: 100%;
            height: auto; }
            section .container .cover .bottom ul li {
              height: 160px;
              overflow: hidden;
              position: relative;
              border-radius: 10px; }
              section .container .cover .bottom ul li .bottom-title {
                width: 100%;
                height: auto;
                position: absolute;
                bottom: 0;
                left: 0; }
                section .container .cover .bottom ul li .bottom-title h3 {
                  width: 100%;
                  line-height: 18px;
                  height: 55px;
                  background: rgba(0, 0, 0, 0.33333333333);
                  padding: 10px;
                  position: absolute;
                  bottom: 0px;
                  left: 0px;
                  border-radius: 0 0 10px 10px;
                  font-weight: 600;
                  font-size: 14px;
                   }
                  section .container .cover .bottom ul li .bottom-title h3 a {
                    text-decoration: none;
                    font-weight: 400;
                    color: #fff; }
              section .container .cover .bottom ul li:hover {
                opacity: 0.5; }
        section .container .cover .bottom-in {
          width: 100%;
          height: auto;
          background: #fff; }
          section .container .cover .bottom-in .ad04 {
            width: 100%;
            max-width: 760px;
            margin: 0 auto;
            margin-top: 40px; }
            section .container .cover .bottom-in .ad04 > a > img {
              width: 100%;
              height: auto; }
  footer {
    width: 100%;
    height: auto;
    background: #f4f3f1;
    padding-top: 26px; }
    footer .borders {
      width: 100%;
      height: 30px;
      background: #dedbd5; }
    footer .footer-cover {
      width: 80%;
      height: auto;
      margin: 0 auto;
      padding-bottom: 26px;
      border-bottom: #dedbd5 1px solid; }
      footer .footer-cover .footer-logo {
        width: 150px;
        height: auto;
        margin: 0 auto;
        padding-top: 20px; }
        footer .footer-cover .footer-logo img {
          width: 100%;
          height: auto; }
        footer .footer-cover .footer-logo p {
          margin:0px;
          font-size: 8px;
          color: #aaaaaa;
          text-align: center; }
      footer .footer-cover .sns {
        width: 156px;
        height: auto;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px; }
        footer .footer-cover .sns ul {
          width: 100%;
          height: auto; }
          footer .footer-cover .sns ul li {
            display: inline-block;
            vertical-align: top;
            width: 35px;
            height: auto;
            margin-left: 20px; }
            footer .footer-cover .sns ul li a {
              display: block; }
              footer .footer-cover .sns ul li a img {
                width: 100%;
                height: auto; }
            footer .footer-cover .sns ul li:first-child {
              margin-left: 0px; }
    footer .jump {
      width: 30px;
      height: auto;
      margin: 0 auto;
      margin-top: 30px;
      padding-bottom:20px;
      cursor: pointer; }
      footer .jump img {
        width: 100%;
        height: auto; }
        footer .jump img:hover {
          opacity: 0.5; }
  .detail-img {
    width: 100%;
    height: auto; }
    .detail-img a {
      display: block; }
      .detail-img a img {
        width: 100%;
        height: auto; }
      .detail-img a:hover {
        opacity: 0.5; }
  .detail-title {
    width: 100%;
    height: auto;
    padding-left: 10px;
      padding-right: 10px; }
    .detail-title .detail-title-in {
      width: 100%;
      height: auto;
      margin-top: 10px;
      display: inline-block; }
      .detail-title .detail-title-in h1 {
        font-size: 17px;
            font-weight: 400; }
        .detail-title .detail-title-in h1 a {
          text-decoration: none;
          color: #313131; }
          .detail-title .detail-title-in h1 a:hover {
            color: #9d8a51; }
    .detail-title .detail-tag {
      display: inline-block;
    margin-top:5px; }
      .detail-title .detail-tag ul {
        width: 100%;
        height: auto;
        display: inline; }
        .detail-title .detail-tag ul li {
          display: inline-block;
          font-size: 10px; }
          .detail-title .detail-tag ul li a {
            text-decoration: none;
            background: #aba9ac;
            color: #fff;
            border-radius: 30px;
            padding: 4px 10px 4px 10px;
            border: #aba9ac 1px solid; }
            .detail-title .detail-tag ul li a:hover {
              color: #aba9ac;
              background: #fff; }
      .detail-title .detail-tag span {
        display: inline;
        font-size: 10px;
        padding-left: 4px;
        color: #aba9ac; }
        .detail-exp{
          margin-top:20px;
          padding-left: 10px;
    padding-right: 10px;
        }
        .detail-exp img{
          width: 100%!important;
          max-width: 750px!important;
        }
  .detail-exp p {
    margin:0;
    color: #464546;
    font-size: 15px; }
  .read-more {
    width: 100%;
    height: auto;
    margin-top: 25px;
    padding-right: 10px;
    text-align: right; }
    .read-more a {
      text-decoration: none;
      color: #9d8a51;
      border: #9d8a51 1px solid;
      padding: 10px 20px 10px 20px;
      font-size: 13.5px;
      border-radius: 2px; }
      .read-more a:hover {
        color: #fff;
        background: #9d8a51; }
  .detail-rel {
    width: 100%;
    height: auto;
    margin-top: 30px; }
    .detail-rel .detail-rel-title {
      width: 100%;
      height: auto;
      padding-left: 10px; }
      .detail-rel .detail-rel-title h2 {
        font-size: 16px;
        font-weight: 400;
        color: #9d8a51; }
    .detail-rel .detail-rel-article {
      width: 100%;
      height: auto;
      font-size:0px;
      padding: 10px;
        margin-top: -15px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1), .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) {
        width: 100%;
        height: 110px;
        position: relative;
        background: #fff;
        border-radius: 8px;
        margin-top: 12px;
        overflow: hidden;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-img {
        width: 38%;
        height: 100%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        border-radius: 8px 0px 0px 0px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-img a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-img a {
        display: block; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-img a img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-img a img {
        width: 130% !important; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-img a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-img a:hover {
        opacity: 0.5; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right {
        width: 60%;
        height: auto;
        display: inline-block;
        vertical-align: top; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-title, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-title {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-title h3, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: bold;
        padding: 10px;
        padding-right: 0px;}
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a {
        text-decoration: none;
        font-weight: 400;
        color: #000; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover {
        color: #9d8a51; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-contents, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-contents {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-contents p, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-contents p {
        font-size: 13px;
        line-height: 16px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a {
        text-decoration: none;
        font-weight: 400;
        color: #aaaaaa; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover {
        color: #9d8a51; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-cat, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-cat {
        position: absolute;
        right: 5px;
      bottom: 6px;}
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li {
        font-size: 10px;
        padding: 3px;
        display: inline-block;
        vertical-align: top; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a {
        text-decoration: none;
        background: #c7c6c8;
        color: #fff;
        border-radius: 50px;
        padding: 3px 6px 3px 6px;
        border: #c7c6c8 1px solid; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(1) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(2) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover {
        color: #c7c6c8;
        background: #fff; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3), .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4), .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5), .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) {
        width: 49%;
        height: 240px;
        position: relative;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
        display: inline-block;
        vertical-align: top;
        margin-left: 1.9%;
        margin-top: 12px; }
        .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3),.detail-rel-article .detail-rel-article-each:nth-child(5){
          margin-left:0px!important;
        }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-img {
        width: 100%;
        height: 55%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        border-radius: 8px 8px 0px 0px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-img a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-img a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-img a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-img a {
        display: block; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-img a img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-img a img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-img a img, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-img a img {
        width: 100%; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-img a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-img a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-img a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-img a:hover {
        opacity: 0.5; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right,
       .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right,
        .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right,
       .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right,
        .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-title,
         .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-title,
          .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-title,
           .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-title {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-title h3, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-title h3, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-title h3, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding: 7px;}
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a,
       .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a,
        .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a,
         .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a {
        text-decoration: none;
        font-weight: 400;
        color: #000; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover,
       .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover,
        .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover,
         .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-title h3 a:hover {
        color: #9d8a51; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-contents, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-contents, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-contents, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-contents {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-contents p, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-contents p, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-contents p, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-contents p {
        font-size: 13px;
        line-height: 16px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a {
        text-decoration: none;
        font-weight: 400;
        color: #aaaaaa; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-contents p a:hover {
        color: #9d8a51; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-cat, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-cat, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-cat, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-cat {
        position: absolute;
        right: 5px;
        bottom: 5px; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul {
        width: 100%;
        height: auto; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li {
        font-size: 10px;
        padding: 3px;
        display: inline-block;
        vertical-align: top; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a {
        text-decoration: none;
            background: #c7c6c8;
            color: #fff;
            border-radius: 50px;
            padding: 3px 6px 3px 6px;
            border: #c7c6c8 1px solid; }
      .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(3) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(4) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(5) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover, .detail-rel .detail-rel-article .detail-rel-article-each:nth-child(6) .detail-rel-article-each-right .detail-rel-article-each-right-cat ul li a:hover {
        color: #c7c6c8;
        background: #fff; }
    .detail-rel .read-more-detail {
      width: 100%;
      height: auto;
      text-align: center;
      margin-top: 30px; }
      .detail-rel .read-more-detail button {
        -webkit-appearance: none;
        cursor: pointer;
        color: #9d8a51;
        border: #9d8a51 1px solid;
        background: none;
        border-radius: 3px;
        font-size: 10px;
        padding: 8px 24px 8px 24px; }
  .ad05 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    padding-top: 35px; }
    .ad05 > a > img {
      width: 100%;
      height: auto; }
  .new-article {
    width: 100%;
    height: auto;
    margin-top: 30px; }
    .new-article .new-article-title {
      width: 100%;
      height: auto; }
      .new-article .new-article-title h3 {
        font-size: 20px;
        font-weight: 400;
        color: #9d8a51; }
    .new-article .new-article-contents {
      width: 100%;
      height: auto; }
      .new-article .new-article-contents .new-article-each {
        width: 100%;
        height: auto;
        padding-top: 20px;
        border-bottom: #eeeeee 1px solid;
        position: relative;
        padding-bottom: 10px; }
        .new-article .new-article-contents .new-article-each .new-article-img {
          width: 30%;
          max-width: 200px;
          height: 110px;
          overflow: hidden;
          display: inline-block;
          vertical-align: top;
          border-radius: 10px; }
          .new-article .new-article-contents .new-article-each .new-article-img a {
            display: block; }
            .new-article .new-article-contents .new-article-each .new-article-img a img {
              width: 100%;
              height: auto;
              border-radius: 10px; }
            .new-article .new-article-contents .new-article-each .new-article-img a:hover {
              opacity: 0.5; }
        .new-article .new-article-contents .new-article-each .new-article-right {
          width: 68%;
          height: auto;
          display: inline-block;
          vertical-align: top;
          padding-left: 2%; }
          .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title {
            width: 100%;
            height: auto; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 {
              font-size: 16px; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 a {
                text-decoration: none;
                font-weight: 400;
                color: #4c4c4c; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title h3 a:hover {
                  color: #9d8a51; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp {
              width: 100%;
              height: auto; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p {
                font-size: 13px;
                line-height: 16px; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p a {
                  text-decoration: none;
                  font-weight: 400;
                  color: #aaaaaa; }
                  .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-title .article-exp p a:hover {
                    color: #9d8a51; }
          .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat {
            position: absolute;
            right: 0;
            bottom: 0; }
            .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul {
              width: 100%;
              height: auto; }
              .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li {
                font-size: 12px;
                padding: 3px;
                display: inline-block;
                vertical-align: top; }
                .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li a {
                  text-decoration: none;
                  color: #8b8b8b; }
                  .new-article .new-article-contents .new-article-each .new-article-right .new-article-right-cat ul li a:hover {
                    color: #9d8a51; } }