@charset "UTF-8";
img {
  width: 100%; }

.c_main-ttl {
  background: url("../images/news/mt_bg.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 767px) {
    .c_main-ttl {
      background-image: url("../images/news/mt_bg_sp.jpg"); } }

.news {
  padding: 9.0rem 0 10.0rem; }
  @media (max-width: 1024px) {
    .news {
      padding: 8.7890625vw 0 9.765625vw; } }
  @media (max-width: 767px) {
    .news {
      padding: 25.64102564102564vw 0; } }
  .news-list {
    padding: 0 1.5rem; }
    @media (max-width: 1024px) {
      .news-list {
        padding: 0 1.46484375vw; } }
    @media (max-width: 767px) {
      .news-list {
        padding: 0 3.8461538461538463vw; } }
    .news-list__item {
      display: flex;
      line-height: 1.5;
      letter-spacing: .2em;
      border-bottom: .1rem dashed #0068B7;
      padding-bottom: 2.0rem; }
      @media (max-width: 1024px) {
        .news-list__item {
          font-size: 1.5625vw; } }
      @media (max-width: 767px) {
        .news-list__item {
          display: block;
          font-size: 3.8461538461538463vw; } }
      .news-list__item .date {
        width: 13.5%; }
        @media (max-width: 767px) {
          .news-list__item .date {
            width: 100%;
            margin-bottom: 2.564102564102564vw; } }
      .news-list__item .title {
        width: 86.5%; }
        @media (max-width: 767px) {
          .news-list__item .title {
            width: 100%; } }
        .news-list__item .title a:hover {
          text-decoration: underline; }
      .news-list__item + .news-list__item {
        margin-top: 2.0rem; }
        @media (max-width: 1024px) {
          .news-list__item + .news-list__item {
            margin-top: 1.953125vw; } }
        @media (max-width: 767px) {
          .news-list__item + .news-list__item {
            margin-top: 5.128205128205128vw; } }

.wp-pagenavi {
  /* 全体 */
  text-align: center;
  margin: 10.0rem 0;
  font-size: 1.6rem; }
  @media (max-width: 1024px) {
    .wp-pagenavi {
      margin: 9.765625vw 0; } }
  @media (max-width: 767px) {
    .wp-pagenavi {
      margin: 25.64102564102564vw 0; } }

.pages {
  /* 左の表記 */ }

.wp-pagenavi .current,
.wp-pagenavi a.page {
  /* ボタン */
  margin: 0 1.0rem;
  line-height: 2.3rem; }

.wp-pagenavi .current {
  /* カレント数字 */
  border-top: 3px solid #0068B7; }

.wp-pagenavi a.page:hover {
  /* マウスオーバー */
  border-top: 3px solid #0068B7; }

.wp-pagenavi .first,
.wp-pagenavi .extend {
  /* ... */ }

.previouspostslink {
  margin-right: 2.0rem; }

.nextpostslink {
  margin-left: 2.0rem; }

.detail {
  margin-bottom: 10.0rem; }
  @media (max-width: 1024px) {
    .detail {
      margin-bottom: 9.765625vw; } }
  @media (max-width: 767px) {
    .detail {
      margin-top: 15.384615384615385vw;
      margin-bottom: 25.64102564102564vw; } }
  .detail .text-area {
    text-align: center; }
    .detail .text-area p {
      line-height: 1.4375;
      text-align: left; }
      .detail .text-area p + p {
        margin-top: 2em; }
      .detail .text-area p + img {
        margin-top: 4.0rem; }
        @media (max-width: 767px) {
          .detail .text-area p + img {
            margin-top: 10.256410256410255vw; } }
    .detail .text-area img {
      width: auto;
      max-width: 87.89%;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .detail .text-area img {
          width: auto;

          max-width: 100%; } }
      .detail .text-area img + img {
        margin-top: 4.0rem; }
        @media (max-width: 767px) {
          .detail .text-area img + img {
            margin-top: 10.256410256410255vw; } }
      .detail .text-area img + p {
        margin-top: 2.0rem; }
        @media (max-width: 767px) {
          .detail .text-area img + p {
            margin-top: 5.128205128205128vw; } }
            .detail .aligncenter{
              display: block;
              margin-left: auto;
              margin-right: auto;
            }
            .detail .alignright{
              float: right;
              margin-left: 1.5em;
            }
            .detail .alignleft{
              float: left;
              margin-right: 1.5em;
            }
            @media (max-width: 480px){
              .detail .alignright{
                float: none;
                margin-left: 0;
              }
              .detail .alignleft{
                float: none;
                margin-right: 0;
              }
            }
            .detail .wp-caption,
            [class*='wp-image'] {
              display: block;
              max-width: 100% !important;
              margin-top: 1.5em;
              text-align: center;
            }
            .detail .wp-caption-text {
              margin-top: 0;
            }
            .detail .detail-content {
                display: flow-root;
              }
              .detail .detail-content a{
                  text-decoration: underline;
                }