/* ===========================
news CSS
=============================*/

/* ------------------------------
共通
------------------------------ */

.news_area {
  width: 100%;
  margin: 0 auto;
}

.content {
  margin: 0 auto 70px;
}

@media all and (max-width: 1100px) {
}
@media all and (max-width: 769px) {
  #lower-contents {
    padding-top: 40px;
  }
  #lower-contents h1.f_or {
    padding-top: 40px;
  }
}
@media all and (max-width: 481px) {
  #lower-contents {
    padding-top: 20px;
  }

  #lower-contents .inner {
    margin: 0 auto 40px;
  }

  .news_area {
    padding-bottom: 20px;
  }
}

/* ------------------------------
single
------------------------------ */

.content .title {
  margin: 0 auto 50px;
  border: 1px solid #a63e2e;
  text-align: center;
  padding: 15px 30px;
}

.content .title time {
  display: inline-block;
  margin-bottom: 10px;
}

#lower-contents .single-content .title h3 {
  font-size: 3.2rem;
  margin: 0;
}

.single-content .thum {
  width: 60%;
  text-align: center;
  margin: 0 auto 30px;
}

.single-content p {
  color: #000;
  line-height: 2em;
  clear: both;
}
@media all and (max-width: 1300px) {
}
@media all and (max-width: 769px) {
  #lower-contents .single-content .title h3 {
    font-size: 2.4rem;
  }
}
@media all and (max-width: 481px) {
  .content .title {
    padding: 15px 10px;
  }
}

/* ------------------------------
投稿設定
------------------------------ */

#lower-contents .single-content h1,
#lower-contents .single-content h2,
#lower-contents .single-content h3,
#lower-contents .single-content h4,
#lower-contents .single-content h5,
#lower-contents .single-content h6 {
  font-size: 2.2rem;
  font-family: "genju-b", sans-serif;
  margin: 1em auto 0.8em;
}
#lower-contents .single-content h1 span,
#lower-contents .single-content h2 span,
#lower-contents .single-content h3 span,
#lower-contents .single-content h4 span,
#lower-contents .single-content h5 span,
#lower-contents .single-content h6 span {
  display: inline;
}

strong {
  font-weight: bold !important;
}

em {
  font-style: italic !important;
}

.alignleft {
  float: left;
  padding-right: 20px;
}

.alignright {
  float: right;
  padding-left: 20px;
}

.aligncenter {
  display: block;
  text-align: center;
  margin: 0 auto;
}

@media all and (max-width: 769px) {
}
@media all and (max-width: 481px) {
  #lower-contents .single-content h1,
  #lower-contents .single-content h2,
  #lower-contents .single-content h3,
  #lower-contents .single-content h4,
  #lower-contents .single-content h5,
  #lower-contents .single-content h6 {
    font-size: 2rem;
  }
  .alignleft,
  .alignright {
    padding: 0;
    float: none;
    display: block;
    margin: 0 auto;
  }
}

/* ------------------------------
ページネーション
------------------------------ */

.news_area ul.pagefeed {
  display: flex;
  justify-content: center;
  clear: both;
}

.news_area ul.pagefeed li {
  width: calc(100% / 3);
  text-align: center;
}

.news_area ul.pagefeed li a {
  font-family: "genju-b", sans-serif;
}

.news_area ul.pagefeed li.prev a::before {
  content: "〈〈";
  letter-spacing: -0.5em;
  display: inline-block;
  margin-right: 1em;
}

.news_area ul.pagefeed li.next a::after {
  content: "〉〉";
  letter-spacing: -0.5em;
  display: inline-block;
  margin-left: 1em;
}

@media all and (max-width: 1100px) {
}
@media all and (max-width: 769px) {
  .single-content .thum {
    width: 100%;
    text-align: center;
  }
}
@media all and (max-width: 481px) {
  .content .title {
  }

  .single-content .title h3 {
    font-size: 2.6rem;
  }

  .single-content .thum {
    width: 100%;
  }

  .single-content p {
  }

  .news_area ul.pagefeed {
  }

  .news_area ul.pagefeed li a {
  }
}

/* ------------------------------
archive
------------------------------ */
.archive-content ul {
  width: 80%;
  margin: 0 auto;
}

.archive-content ul li {
  margin: 0 auto 15px;
  display: flex;
  padding: 8px;
  border-bottom: 1px solid #a63e2e;
}

.archive-content ul li time {
  margin-right: 15px;
  font-size: 1.8rem;
}

.archive-content ul li a {
  font-size: 1.8rem;
}

.news_area .pagination {
  text-align: center;
}

.news_area .pagination .page-numbers {
  color: #000;
  font-family: "genju-b", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.5em;
}
.news_area .pagination .current {
  color: #a63e2e;
}

@media all and (max-width: 1100px) {
}
@media all and (max-width: 769px) {
  .archive-content ul {
    width: 90%;
  }

  .archive-content ul li {
  }

  .archive-content ul li time {
  }

  .archive-content ul li a {
  }

  .news_area .pagination {
  }

  .news_area .pagination .page-numbers {
  }
  .news_area .pagination .current {
  }
}
@media all and (max-width: 481px) {
  .archive-content ul {
    width: 100%;
  }

  .archive-content ul li {
  }

  .archive-content ul li time {
  }

  .archive-content ul li a {
  }

  .news_area .pagination {
  }

  .news_area .pagination .page-numbers {
  }
  .news_area .pagination .current {
  }
}