@charset "UTF-8";
a {
  color: #efba0f;
}
.l-header_wrap {
  border-bottom: 4px solid #efba0f;
}
h1.logo {
  width: 100%;
  padding: 0;
}
h1.logo a img {
  width: 100%;
  height:  auto;
}
.search-container__form button {
  background-color: #efba0f;
}
.search-container__form button:hover {
  background-color: #ffd669;
  color: #efba0f;
}
.current-post .sect__title a svg {
  fill: #efba0f;
}
.current-post_index ul li a:hover {
  color: #efba0f;
}
.current-post_index ul li a svg {
  fill: #efba0f;
}
.current-post_index__archive {
  background-color: #efba0f;
}
.pagination a {
  border: 1px solid #efba0f;
}

/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current a {
  background-color: #efba0f;
}
footer {
  background-color: #efba0f;
}
.scroll-top {
  background-color: #efba0f;
}
.monthly-post__heading .sect__title svg {
  fill: #efba0f;
}

.monthly-post__article_list li a p strong svg {
  fill: #efba0f;
}
.single-article__detail .sect__title {
  border-bottom: 1px solid #efba0f;
}
.single-article__detail .sect__title svg {
  fill: #efba0f;
}
.single-article__date {
  background-color: #efba0f;
}

.single-article__nav_lastmonth a {
  background-color: #efba0f;
}
.search-result .monthly-post__article .sect__title strong {
  color: #efba0f;
}
.single-article__text {
  min-height: 400px;
}
.single-article__text h2 {
  background: #ffffdd;
  border-bottom: solid 3px #e68722;
}
.single-article__text h3 {
  border-left: 5px solid #e68722;
}
.single-article__text h4::before {
  color: #e68722;
}

.single-article__text h5 {
  border-bottom: solid 2px #e68722;
}

.single-article__text h5:after {
  border-bottom: solid 2px #e68722;
}

.single-article__text h6 {
  border-bottom: dashed 1px #e68722;
}

.current-post_wrap {
  background-color: #ffffdd;
}
.pagination {
  background-color: #ffffdd;
}
.scroll-top {
  border: 1px solid #ffffdd;
}
.scroll-top .fas {
  color: #ffffdd;
}
.monthly-post .monthly-post__article_wrap {
  background-color: #ffffdd;
}
.monthly-post__article .sect__title {
  background-color: #ffffdd;
}
.single-article .single-article_wrap {
  background-color: #ffffdd;
}
.single-article__date_wrap {
  background-color: #ffffdd;
}
.single-article__nav_lastmonth {
  background-color: #ffffdd;
}
.current-post_img figure {
  background-image: inherit;
}
.single-article__nav_lastmonth {
  background-color: #fff;
}
.single-article__nav {
  width: initial;
  max-width: 1110px;
}
.current-post_img a {
  display: none;
}
footer .ftNav {
  display: none;
}

.single-article__text * {
  margin-bottom: 1rem;
}

.search-container_wrap {
  display: none;
}
.yarpp-related {
  display: none;
}
@media screen and (max-width:768px) {
  .l-header {
    height: initial;
  }
  h1.logo {
    width:  100%;
  }
  h1.logo a {
    display: flex;
    width: 100%;
  }
  h1.logo a img {
    width: 100%;
    height: auto;
    padding: 0 15px;
  }
}

.current-post_wrap {
  min-height: calc(100vh - 200px);
}

.l-header_wrap {
  background-image: url("../img/l-header-bg.jpg");
  background-size:  cover;
  background-repeat: no-repeat;
  background-position: center;
}
.l-header {
  background-color: initial;
}
.monthly-post__article_list {
  box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.single-article_wrap .row {
  max-width: 1110px;
  margin: 0 auto;
}

.side-menu {
  position: relative;
}
.side-menu.current-post_index .side_loop {
  position: absolute;
}
.side-menu.current-post_index .side_loop.fixed {
  position: fixed;
  top: 0;
}
.row {
  display: flex;
}
.row .col-1 {
  width: calc(100% / 12 * 1);
}
.row .col-2 {
  width: calc(100% / 12 * 2);
}
.row .col-3 {
  width: calc(100% / 12 * 3);
}
.row .col-4 {
  width: calc(100% / 12 * 4);
}
.row .col-5 {
  width: calc(100% / 12 * 5);
}
.row .col-6 {
  width: calc(100% / 12 * 6);
}
.row .col-7 {
  width: calc(100% / 12 * 7);
}
.row .col-8 {
  width: calc(100% / 12 * 8);
}
.row .col-9 {
  width: calc(100% / 12 * 9);
}
.row .col-10 {
  width: calc(100% / 12 * 10);
}
.row .col-11 {
  width: calc(100% / 12 * 11);
}
.row .col-12 {
  width: calc(100% / 12 * 12);
}

@media screen and (max-width:768px) {
  .pc {
    display: none!important;
  }
  .row [class*="col-"] {
    width: 100%;
  }
}