@charset "UTF-8";
/* ブレイクポイント
   ========================================================================== */
/* フォント
   ========================================================================== */
/* 色
   ========================================================================== */
/* お知らせに関するスタイル設定
   ========================================================================== */
.post-ttl {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 1em; }

/* 記事一覧
   ====================================== */
.post-lst li {
  border-bottom: 1px solid #636363; }
  .post-lst li:first-child {
    border-top: 1px solid #636363; }
.post-lst a {
  display: block;
  text-decoration: none;
  padding: 1em 0;
  transition: .3s; }
  @media (hover: hover) {
    .post-lst a:hover {
      opacity: .5; } }
  .post-lst a.external {
    padding-right: 2em; }
.post-lst .post-lst-date,
.post-lst .post-lst-ttl {
  line-height: 1.6; }
.post-lst .post-lst-ttl {
  margin-top: .25em; }
@media (min-width: 768px) {
  .post-lst a {
    display: flex;
    font-size: 1.8rem; }
  .post-lst .post-lst-ttl {
    flex: 1;
    margin: 0 0 0 2em; } }
@media (min-width: 1025px) {
  .post-lst a {
    font-size: 2rem; } }

/* 記事詳細（固定・投稿の基本）
   ====================================== */
.post-layout h2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em; }
.post-layout p + h2,
.post-layout ul + h2,
.post-layout figure + h2,
.post-layout p + h3,
.post-layout ul + h3,
.post-layout figure + h3 {
  margin-top: 1em; }
.post-layout > h1 + p:first-of-type,
.post-layout > h2 + p:first-of-type {
  margin-top: 1em; }
.post-layout > h2 + h3 {
  margin-top: 1em; }
.post-layout h3 {
  font-weight: bold;
  margin-bottom: 1em; }
.post-layout p {
  margin-top: 1em; }
.post-layout .date + p {
  margin-top: 1em; }
.post-layout strong {
  font-weight: bold; }
.post-layout a {
  text-decoration: underline; }
  @media (hover: hover) {
    .post-layout a:hover {
      text-decoration: none; } }
.post-layout > ul {
  list-style-type: disc;
  margin-top: 1em; }
  .post-layout > ul li {
    margin: .5em 0 0 1.5em; }
.post-layout > ol {
  list-style-type: decimal;
  margin-top: 1em; }
  .post-layout > ol li {
    margin: .5em 0 0 1.5em; }
.post-layout figure {
  text-align: center;
  margin-top: 20px; }
  .post-layout figure img {
    margin: 0 auto; }
.post-layout figcaption {
  font-size: 1.4rem;
  text-align: left;
  margin-top: .5em; }
.post-layout > .date {
  font-size: 1.2rem;
  margin-top: 1em; }
@media (min-width: 768px) {
  .post-layout h2 {
    font-size: 2rem; }
  .post-layout h3 {
    font-size: 1.8rem; }
  .post-layout figure {
    margin-top: 30px; }
  .post-layout figcaption {
    font-size: 1.4rem;
    text-align: center; }
  .post-layout > .date {
    font-size: 1.4rem; } }
@media (min-width: 1025px) {
  .post-layout h2 {
    font-size: 2.4rem; }
  .post-layout h3 {
    font-size: 2rem; }
  .post-layout figure {
    margin-top: 40px; }
  .post-layout figcaption {
    font-size: 1.6rem; }
  .post-layout > .date {
    font-size: 1.6rem; } }

/* 詳細から一覧へ戻るリンク */
.list-link {
  text-align: center;
  margin-top: 2em; }

/* ページネーション
   ====================================== */
.screen-reader-text {
  display: none; }

/* 記事一覧用 */
.post-list-nav {
  text-align: center;
  margin-top: 30px; }
  .post-list-nav .nav-links {
    font-size: 0; }
  .post-list-nav a,
  .post-list-nav span {
    display: inline-block;
    background-color: #fff;
    font-size: 1.4rem;
    color: #000;
    text-decoration: none;
    line-height: 1.0;
    padding: 1em 1.5em;
    margin-right: 6px;
    border: 1px solid #636363;
    transition: .3s; }
    @media (hover: hover) {
      .post-list-nav a:hover,
      .post-list-nav span:hover {
        opacity: .6; } }
  .post-list-nav .current {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    border: 1px solid #000; }
  .post-list-nav .dots {
    background-color: transparent;
    border: none; }
  @media (min-width: 768px) {
    .post-list-nav {
      margin-top: 30px; }
      .post-list-nav a,
      .post-list-nav span {
        font-size: 1.6rem;
        margin-right: 10px; } }
  @media (min-width: 1025px) {
    .post-list-nav {
      margin-top: 40px; }
      .post-list-nav a,
      .post-list-nav span {
        font-size: 1.8rem; } }

/* 記事詳細用 */
.post-nav .nav-links {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px; }
  .post-nav .nav-links > div {
    width: calc((100% - 20px) / 2); }
.post-nav .nav-next {
  margin-left: auto; }
.post-nav a {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
  text-align: center;
  padding: 1em 1.5em;
  border: 1px solid #636363;
  transition: .3s; }
  @media (hover: hover) {
    .post-nav a:hover {
      opacity: .6; } }
@media (min-width: 768px) {
  .post-nav .nav-links {
    margin-top: 40px; }
    .post-nav .nav-links > div {
      width: 150px; } }
@media (min-width: 1025px) {
  .post-nav .nav-links > div {
    width: 200px; } }