@charset "UTF-8";
/* カラー */
:root {
  --color_main: #3cb035;
  --color_yellow: #f0ae2d;
  --color_blue: #2e9fd8;
  --color_black: #444;
  --color_DarkGreen: #006934;
  --color_text: #222;
  --color_link: #006934;
  --color_bg-gray: #f5f6f4;
  --color_bg-black: #3b4043;
  --color_gray: #c1c2c2;
  --color_white: #ffffff;
}

.post .heading-box {
  max-width: 1200px;
  margin-inline: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}
.post .archive {
  max-width: 1200px;
  margin-inline: auto;
  padding: 2em 1em;
  margin-bottom: 50px;
}
.post .archive .archive__item {
  padding-bottom: 1.2em;
  padding-right: 3em;
  margin-bottom: 1.2em;
  display: grid;
  grid-template-columns: 9em 8em 1fr 24px;
  gap: 1.4em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: linear-gradient(to right, var(--color_black) 2px, transparent 2px);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.post .archive .post-date {
  letter-spacing: 0.1em;
}
.post .archive .post-tag {
  border: 1px solid var(--color_black);
  border-radius: 10px;
  background: var(--color_white);
  padding: 0.25em 0.75em;
  text-align: center;
  font-size: 1.4rem;
}
.post .archive .post-title .post-title__link {
  color: var(--color_text);
  text-align: center;
}
.post .archive .pagination {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: 30px;
}
.pagination .wp-pagenavi {
  display: flex;
  gap: 10px;
}
.pagination .wp-pagenavi .current {
  padding: 8px 10px;
  line-height: 1;
  border: 2px solid var(--color_text);
  color: var(--color_white);
  background-color: var(--color_text);
}
.pagination .wp-pagenavi a {
  padding: 8px 10px;
  line-height: 1;
  border: 2px solid var(--color_text);
}
.post .post-container {
  max-width: 1000px;
  margin-inline: auto;
  padding: 30px 20px;
}
.post .post-container .post-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.post .post-container .post-tag {
  display: inline-block;
}
.post .post-container .post-title {
  color: var(--color_DarkGreen);
  font-size: 36px;
  text-align: center;
  border-bottom: 1px dotted var(--color_text);
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.post .post-container .post-conts h1, .post .post-container .post-conts h2, .post .post-container .post-conts h3, .post .post-container .post-conts h4, .post .post-container .post-conts h5, .post .post-container .post-conts h6 {
  color: var(--color_DarkGreen);
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 1em;
}
.post .post-container .post-conts h1 {
  font-size: 34px;
}
.post .post-container .post-conts h2 {
  font-size: 30px;
}
.post .post-container .post-conts h3 {
  font-size: 26px;
}
.post .post-container .post-conts h4 {
  font-size: 24px;
}
.post .post-container .post-conts h5 {
  font-size: 20px;
}
.post .post-container .post-conts h6 {
  font-size: 18px;
}
.post .post-container .post-conts p {
  margin-bottom: 1.5em;
}
.post .post-container .post-conts ul {
  padding-left: 40px;
  margin-bottom: 1.5em;
  list-style-type: disc;
  list-style-position: outside;
}
.post .post-container .post-conts ol {
  margin-bottom: 1.5em;
}
.post .post-container .post-conts li {
  margin-bottom: 1em;
}
.post .post-container .post-conts table {
  border: 2px solid var(--color_black);
  border-collapse: collapse;
}
.post .post-container .post-conts table th,
.post .post-container .post-conts table td {
  padding: 15px;
  border: 1px solid var(--color_black);
}
.post .post-container .post-conts table th {
  font-weight: bold;
  background-color: var(--color_gray);
}
.post .pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 100px;
  padding: 30px;
}
@media screen and (max-width: 785px) {
  .post .pagination-box {
    gap: 10px;
  }
}
.post .pagination-box .prev,
.post .pagination-box .next {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.post .pagination-box .prev a,
.post .pagination-box .next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 52px;
}
.post .pagination-box .prev a {
  background-image: url(../img/post/icon_prev.png);
  background-size: 52px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 65px;
}
.post .pagination-box .next a {
  background-image: url(../img/post/icon_next.png);
  background-size: 52px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 65px;
}/*# sourceMappingURL=post.css.map */