@charset "UTF-8";
/*明朝体*/
/*コンテンツwidth*/
/*main-width*/
/*ボーダーカラー*/
/*背景色*/
/*よく使う色*/
/*ボタン*/
/*タイトルバー*/
/******* mixin.scss *******/
/*link color*/
/*opacity*/
/*position absolute*/
/*border-radius*/
/*ベンダープレフィックス*/
/*
投稿ページ用CSS
*/
/*------------------------------ SP用CSS（PCにも同時に適用される） ------------------------------*/
/*-----------------------------------------------------------------
共通
-----------------------------------------------------------------*/
.content.info {
  padding: 0;
  margin: 0; }
  .content.info .main {
    padding: 25px 4% 15px;
    background-color: #fff; }
  .content.info aside {
    padding: 25px 4%; }
    .content.info aside .widget .wp-block-heading,
    .content.info aside .widget .widgettitle
     {
      height: 19px;
      margin-bottom: 20px;
      background-position: 0 center;
      background-repeat: no-repeat;
      -webkit-background-size: auto 19px;
      background-size: auto 19px;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    .content.info aside .widget ul li {
      border-bottom: 1px solid #d2d2d2; }
      .content.info aside .widget ul li:first-child {
        border-top: 1px solid #d2d2d2; }
      .content.info aside .widget ul li a {
        padding: 15px 0 15px 30px;
        background: url(img/common/arrow03.png) 10px center no-repeat;
        -webkit-background-size: 5px auto;
        background-size: 5px auto;
        font-size: 16rem; }
    .content.info aside .widget .widget_categories {
      margin-bottom: 25px; }
      .content.info aside .widget .widget_categories .wp-block-heading,
      .content.info aside .widget .widget_categories .widgettitle
       {
        background-image: url(img/info/side_cat_title.png); }
    .content.info aside .widget .widget_archive .wp-block-heading ,
    .content.info aside .widget .widget_archive .widgettitle 
    {
      background-image: url(img/info/side_archive_title.png); }

/*-----------------------------------------------------------------
一覧（全新着、カテゴリ、月別、日別共通）
-----------------------------------------------------------------*/
#postList li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d2d2d2;
  overflow: hidden; }
  #postList li:last-child {
    margin-bottom: 30px; }
  #postList li .thumb {
    float: left;
    width: 46%; }
    #postList li .thumb a img {
      width: 100%;
      height: auto; }
  #postList li .txtWrap {
    float: right;
    width: 50%; }
    #postList li .txtWrap .dateLine {
      display: table;
      margin-bottom: 5px; }
      #postList li .txtWrap .dateLine p {
        display: table-cell;
        vertical-align: middle; }
        #postList li .txtWrap .dateLine p.cat a {
          padding: 0 10px;
          border: 1px solid #333;
          font-size: 12rem; }
        #postList li .txtWrap .dateLine p.date {
          padding-left: 10px;
          font-size: 14rem;
          color: #d35d0b; }
    #postList li .txtWrap h3 {
      width: 100%;
      margin-bottom: 5px;
      font-size: 16rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      #postList li .txtWrap h3 a {
        line-height: 130%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold; }
    #postList li .txtWrap .excerpt {
      line-height: 130%;
      font-size: 14rem; }

/*+-+-+-+-+-+-+-+-+-+-ページナビ+-+-+-+-+-+-+-+-+-+-+-+-*/
.tablenav {
  display: block;
  text-align: right; }
  .tablenav span, .tablenav a {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 1px 0;
    vertical-align: bottom;
    display: inline-block;
    text-align: center;
    width: 28px;
    color: #52a488; }
    .tablenav span.current, .tablenav a.current {
      color: #999; }
    .tablenav span.dots, .tablenav a.dots {
      border: none;
      background: none;
      color: #0068b7;
      padding: 0;
      width: auto; }
    .tablenav span.prev, .tablenav a.prev {
      transform: rotate(-180deg);
      padding: 0;
      width: auto;
      background: url(img/info/icon02.png) no-repeat 50% 5px #52a488;
      padding: 1px 0;
      width: 80px;
      text-indent: -100%;
      overflow: hidden;
      white-space: nowrap; }
    .tablenav span.next, .tablenav a.next {
      padding: 0;
      width: auto;
      background: url(img/info/icon02.png) no-repeat 50% 5px #52a488;
      padding: 1px 0;
      width: 80px;
      text-indent: -100%;
      overflow: hidden;
      white-space: nowrap; }

/*-----------------------------------------------------------------
投稿詳細
-----------------------------------------------------------------*/
#infoDetail .main {
  background-color: #eff1f0; }
  #infoDetail .main .articleTitle {
    padding: 0 0 10px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #1c614b; }
  #infoDetail .main .dateLine {
    margin-bottom: 10px;
    text-align: right; }
    #infoDetail .main .dateLine p {
      display: inline-block;
      vertical-align: top; }
      #infoDetail .main .dateLine p.date {
        margin-right: 10px;
        line-height: 14px;
        font-size: 10rem; }
      #infoDetail .main .dateLine p.cat {
        height: 14px; }
        #infoDetail .main .dateLine p.cat a {
          display: inline-block;
          height: 14px;
          padding: 0 1em;
          background-color: #1c614b;
          line-height: 14px;
          vertical-align: top;
          font-size: 7rem;
          font-weight: bold;
          color: #fff; }

#eyeCatch img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-bottom: 20px; }

.post_detail {
  clear: both;
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 14rem; }
  .post_detail p {
    clear: both;
    margin-bottom: 15px;
    line-height: 150%; }
    .post_detail p img.alignright {
      text-align: right; }
  .post_detail .alignleft {
    float: left; }
  .post_detail .aligncenter {
    text-align: center;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .post_detail .alignright {
    float: right; }
  .post_detail img {
    width: auto;
    height: auto;
    margin: 5px; }
    .post_detail img.centered {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .post_detail img.alignright {
      padding: 4px;
      margin: 0 0 2px 7px;
      display: inline; }
    .post_detail img.alignleft {
      padding: 4px;
      margin: 0 7px 2px 0;
      display: inline; }
  .post_detail ul {
    margin: 15px 0 15px 20px; }
    .post_detail ul li {
      list-style: disc outside; }
  .post_detail ol {
    margin: 15px 0 15px 20px; }
    .post_detail ol li {
      list-style: decimal outside; }
  .post_detail li {
    line-height: 150%; }
  .post_detail h1 {
    padding: 0 0 10px;
    border-bottom: 1px solid #d2d2d2;
    font-size: 16rem;
    font-weight: bold;
    margin-bottom: 15px; }
  .post_detail h2 {
    padding: 0 0 10px 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    line-height: 130%;
    font-weight: bold;
    position: relative; }
    .post_detail h2:before {
      content: "";
      display: block;
      width: 7px;
      height: 2px;
      background-color: #013542;
      position: absolute;
      top: 0.5em;
      left: 0; }
  .post_detail h3 {
    padding: 0 0 10px 12px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    line-height: 130%;
    font-weight: bold;
    position: relative; }
    .post_detail h3:before {
      content: "";
      display: block;
      width: 3px;
      height: 13px;
      background-color: #013542;
      position: absolute;
      top: 0.2em;
      left: 0; }
  .post_detail h4 {
    padding: 0 0 0 12px;
    margin-bottom: 15px;
    line-height: 130%;
    font-weight: bold;
    position: relative; }
    .post_detail h4:before {
      content: "";
      display: block;
      width: 3px;
      height: 13px;
      margin: auto 0;
      background-color: #013542;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
  .post_detail h5 {
    padding: 0 0 0 12px;
    margin-bottom: 15px;
    line-height: 130%;
    font-weight: bold;
    position: relative; }
    .post_detail h5:before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border: 3px solid #013542;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      position: absolute;
      top: 0.3em;
      left: 0; }
  .post_detail h6 {
    margin-bottom: 15px;
    font-weight: bold; }
  .post_detail em {
    font-style: italic; }
  .post_detail table {
    margin: 30px 0; }
    .post_detail table th {
      padding: 15px;
      background-color: #eee;
      border: 1px solid #d2d2d2;
      line-height: 130%;
      text-align: center;
      font-weight: bold; }
    .post_detail table td {
      padding: 15px;
      background-color: #fff;
      border: 1px solid #d2d2d2;
      line-height: 130%;
      text-align: left; }
  .post_detail a {
    line-height: 130%;
    text-decoration: underline;
    color: #1c614b; }
    .post_detail a:hover {
      text-decoration: none; }

/*+-+-+-+-+-+-+-+-+-+-前の記事/次の記事+-+-+-+-+-+-+-+-+-+-+-+-*/
#single_otherpost {
  clear: both;
  margin-bottom: 40px;
  text-align: center; }
  #single_otherpost p {
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    vertical-align: top; }
    #single_otherpost p.prev a, #single_otherpost p.next a {
      width: 40px; }
    #single_otherpost p.list a {
      width: auto;
      padding: 0 25px; }
    #single_otherpost p a {
      display: inline-block;
      height: 40px;
      background-color: #1c614b;
      line-height: 38px;
      color: #fff; }

@media screen and (min-width: 768px) {
  /*------------------------------ PC用CSS ------------------------------*/
  /*-----------------------------------------------------------------
  共通
  -----------------------------------------------------------------*/
  .content.info {
    padding: 60px 0; }
    .content.info .container {
      width: 1030px;
      margin: 0 auto;
      overflow: hidden; }
    .content.info .main {
      float: left;
      width: 800px;
      padding: 0;
      margin: 0;
      background-color: transparent;
      border-bottom: none; }
    .content.info aside {
      float: right;
      width: 200px;
      padding: 0;
      margin: 0; }
      .content.info aside .widget ul li a {
        display: block; }
      .content.info aside .widget .widget_categories {
        margin-bottom: 43px; }

  /*-----------------------------------------------------------------
  一覧（全新着、カテゴリ、月別、日別共通）
  -----------------------------------------------------------------*/
  #postList {
    margin-bottom: 40px;
    overflow: hidden; }
    #postList li {
      float: left;
      width: 260px;
      height: 354px;
      padding: 15px 15px 0;
      margin: 0 10px 10px 0;
      background-color: #fff;
      border: none; }
      #postList li:nth-child(3n) {
        margin-right: 0; }
      #postList li .thumb {
        float: none;
        width: 100%;
        margin-bottom: 15px; }
        #postList li .thumb a img {
          width: 230px;
          height: 172px;
          object-fit: cover; }
          #postList li .thumb a img:hover {
            opacity: 0.7;
            filter: alpha(opacity=70); }
      #postList li .txtWrap {
        float: none;
        width: 100%; }
        #postList li .txtWrap .dateLine {
          margin-bottom: 10px; }
        #postList li .txtWrap h3 {
          margin-bottom: 10px;
          font-size: 18rem; }
        #postList li .txtWrap .excerpt {
          font-size: 16rem; }

  /*+-+-+-+-+-+-+-+-+-+-ページナビ+-+-+-+-+-+-+-+-+-+-+-+-*/
  .tablenav a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

  /*-----------------------------------------------------------------
  投稿詳細
  -----------------------------------------------------------------*/
  #infoDetail .main .articleTitle {
    margin-bottom: 25px;
    font-size: 20rem; }
  #infoDetail .main .dateLine {
    margin-bottom: 30px; }
    #infoDetail .main .dateLine p.date {
      margin-right: 15px;
      line-height: 24px;
      font-size: 16rem; }
    #infoDetail .main .dateLine p.cat {
      height: 24px; }
      #infoDetail .main .dateLine p.cat a {
        height: 24px;
        line-height: 24px;
        font-size: 12rem; }
        #infoDetail .main .dateLine p.cat a:hover {
          opacity: 0.7;
          filter: alpha(opacity=70); }

  #eyeCatch {
    text-align: center; }
    #eyeCatch img {
      display: inline;
      max-width: 100% !important;
      margin-bottom: 50px; }

  .post_detail {
    margin-bottom: 70px; }

  /*+-+-+-+-+-+-+-+-+-+-前の記事/次の記事+-+-+-+-+-+-+-+-+-+-+-+-*/
  #single_otherpost a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

  /*------------------------------ //PC用CSS ------------------------------*/ }

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