@charset "UTF-8";

.post-meta_new {
  color: #fff;
  background: #fd9800;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 14px;
  margin: 0 0 0 15px;
  font-size: 13px;
}

.entry-category {
  margin: 0 0 0 15px;
}

.container2 {
  max-width: 1200px;
  display: flow-root;
  /* margin-left: 370px; */
  margin: 0 auto;
}

body p {
  border: none;
  margin: 0;
}

.section.breadSection .container {
  /* width: 1200px; */
  margin: 0 auto;
  /* max-width: 100%; */
}

body #main2 {
  width: 850px;
  float: left;
}

body #main-title {
  margin: 28px 0 0;
}

body #main .postList2 {
  margin: 0 auto;
}

body #main .postList2 .media {
  height: 170px;
  background: #F5F5F5;
  border: none;
  padding: 24px 20px;
  margin: 20px 0 0;
}

body #main .postList2 .media:first-child {
  margin: 0;
}

body #main .postList2 .media .media-body {
  width: 100%;
}

body #main .postList2 .media .media-body .entry-meta_items {
  color: #0071BE;
}

body #main .postList2 .media .media-body .entry-meta_items.published::before {
  margin-right: 0;
  font-family: "";
  content: "";
  font-weight: 0;
}

body #main .postList2 .media .media-body .entry-link {
  display: block;
  /* text-align: right; */
  margin-top: 10px;
  color: #0071BE;
  font-weight: bold;
  max-width: 120px;
  margin-left: auto;
}

body #main .postList2 .media .media-body .entry-link .entry-box_wide {
  width: 810px;
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 0 5px;
}

body #main .postList2 .media .media-body .entry-link .entry-box_wide .entry-content {
  color: #000;
  margin: 0;
}

.subSection {
  width: 300px;
  float: right;
  margin: 0;
}

.subSection-title {
  background: #a2a2a2;
  height: 48px;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 16px 0 0 19px;
}

/* 過去の記事のトグル */
.toggle-icon {
  display: inline-block;
  cursor: pointer;
  font-size: 1.0em;
}

.toggle-icon.closed::before {
  content: "▲";
}

.toggle-icon.open::before {
  content: "▼";
}

.subSection .media {
  border: none;
  padding: inherit;
}

.subSection .media-body .entry-meta_items:before {
  margin-right: 0;
  font-family: "";
  content: "";
  font-weight: 0;
}

.subSection .localNav ul li a {
  border: none;
  font-size: 14px;
}

.subSection .localNav ul .archive-month a {
  margin-left: 15px;
}

/* ページネーションのスタイル */
.navigation.pagination {
  margin: 2rem 0;
}

.navigation.pagination .nav-links {
  display: flex;
  list-style: none;
  padding: 0;
}

.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 4px;
  /* border: 1px solid #ccc; */
  border-radius: 3px;
  text-decoration: none;
}

.navigation.pagination .nav-links .active {
  background-color: #333;
  color: #fff;
  opacity: 60%;
}

.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links .current {
  background-color: #333;
  color: #fff;
}

.navigation.pagination .nav-links .disabled {
  opacity: 0.5;
  pointer-events: none;
}

.navigation.pagination .nav-links ul {
  display: flex;
}

.screen-reader-text {
  position: absolute;
  top: -1000em;
}

.media-heading a {
  font-size: 14px;
}

.entry-title {
  margin-top: 10px;
  font-size: 20px;
}

.entry-box {
  margin-top: 10px;
}

/* sp  */
@media (max-width: 768px) {

  /*ここにsp用スタイルを記述*/
  body p {
    border: none;
    margin: 0;
    font-size: 13px;
  }

  body h1 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
  }

  body .anchor {
    padding-top: 110px;
    margin-top: -110px;
  }

  body .section.siteContent .container2 {
    width: 100%;
    margin: 0 auto;
  }

  body #main {
    width: 100%;
    overflow: hidden;
    margin: 0;
    float: none;
  }

  body #main2 {
    width: 100%;
  }

  body #main-title {
    margin: 27px 0 0;
  }

  body #main .postList2 .media {
    width: 96%;
    height: auto;
    padding: 2%;
    margin: 10px auto;
  }

  body #main .postList2 .media:first-child {
    margin: 0 auto;
  }

  body #main .postList2 .media .type-post {
    width: 100%;
  }

  body #main .postList2 .media .type-post .media-body {
    display: block;
  }

  body #main .postList2 .media .type-post .media-body .entry-meta_items {
    font-size: 1.4rem;
  }

  body #main .postList2 .media .type-post .media-body .entry-meta_new {
    font-size: 1.4rem;
  }

  body #main .postList .media .media-body .entry-meta_new {
    background: #E82030;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
  }

  body #main .postList2 .media .type-post .media-body .entry-box-img {
    width: 30%;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 15px 0 0;
  }

  body #main .postList2 .media .type-post .media-body .entry-box-img .entry-img {
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    position: absolute;
    margin: auto;
  }

  body #main .postList2 .media .type-post .media-body .entry-box {
    width: 100%;
  }

  body #main .postList2 .media .type-post .media-body .entry-box .entry-content {
    color: #000;
    margin: 0;
  }

  body #main .postList2 .media .type-post .media-body .entry-box_wide {
    width: 100%;
  }

  body #main .postList2 .media .type-post .media-body .entry-box_wide .entry-content {
    color: #000;
    margin: 0;
  }

  body #main .postList2 .pagination {
    margin: 20px 2%;
  }

  body .subSection {
    width: 100%;
    padding: 0 2%;
  }

  body .subSection h2.subSection-title {
    font-size: 2.0rem;
  }

  .entry-title {
    margin-top: 10px;
    font-size: 17px;
  }
}