@charset "UTF-8";
.filter-parts-list-item button.modal_btn__search-filter span.selected {
  background-color: #D9EDEC !important;
}

.filter-parts-list-item button.modal_btn__search-filter span.selected:before {
  background: linear-gradient(to right, rgba(217, 237, 236, 0.2), rgb(217, 237, 236), rgb(217, 237, 236)) !important;
}

#header > .header-info > .header-login > .header-info-tool-item__mypage > .header-info-tool-item__mypage-avatar > .label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.article-list > li > a > div.author {
  height: 38px;
}

.article-list > li > a > div.author > span.author-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.checkbox-list__1col .checkbox-wrap {
  width: 100%;
}

#readingcont-body h2 {
  color: #000;
  font-size: 175%;
  border-bottom: 5px solid #93d2cf;
}

#readingcont-body h3 {
  font-size: 140%;
  color: #000;
  border: none;
  padding-left: 30px;
}

#readingcont-body h4 {
  font-weight: bold;
  color: #000;
  padding: 5px 0 5px 20px;
  border-left: 10px solid #86CCC8;
}

#readingcont-body ul {
  background-color: transparent;
}

#readingcont-body ul > li:before {
  background-color: #93D2CF;
}

#front-story-area .content-range .front-section-title__story {
  border-top: none;
}

#front-bbs-area .content-range .front-section-title__topic {
  padding-top: 80px;
}
#front-bbs-area .content-range .front-section-description {
  margin-left: 0;
}

#main .page-body .author-contents .author-contents-title-box {
  margin-bottom: 40px;
}

.author-contents__mine #profile-timeline-list {
  position: relative;
}
.author-contents__mine #profile-timeline-list::before {
  content: "";
  display: block;
  height: 24px;
  margin-top: -24px;
  visibility: hidden;
  pointer-events: none;
}
.author-contents__mine .post-tool__timeline_btn_elements {
  display: flex;
  align-items: center;
}
.author-contents__mine .post-tool__timeline_btn_elements .post-tool__timeline_add_btn {
  align-self: center;
}
.author-contents__mine .post-tool__update_btn {
  display: flex;
  flex-flow: column;
  margin-left: 10px;
}

.header-post .header-post-menu-list.open {
  width: 450px;
}

.modal-overlay.open .modal-content form#form-timeline-edit .timeline-text.checked {
  margin: 30px 0;
}

/**
 * .modal-btn にJSイベントが付与されているため、このクラスを用いたい
 * ただ、このクラスにはCSSも付与されている。
 * この付与されているCSSは無効化したいため、ignoreの形で以下設定を追加した。
 * @TODO: modal-btn クラスのJSイベントとCSSの分離
*/
.modal-btn.modal-btn-css-ignore {
  padding: 10px 40px;
  border-radius: 30px;
}

.modal-btn:focus,
.modal-btn:focus-visible {
  z-index: auto;
}

.deadline-mark {
  position: absolute;
  right: 0;
  top: 0;
}

.deadline-mark:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #D40000 transparent transparent;
  z-index: 9;
}

.deadline-mark span {
  position: absolute;
  transform: rotate(45deg);
  display: block;
  font-size: 68.75%;
  white-space: pre;
  color: #ffffff;
  top: 16px;
  right: -2px;
  text-align: center;
  z-index: 10;
  line-height: 1.2;
}

.deadline-mark span.strong {
  font-weight: bold;
}

.deadline-mark__big:before {
  border-width: 0 100px 100px 0;
}

.deadline-mark__big span {
  font-size: 125%;
  top: 28px;
  right: -4px;
}

.cooperate-volunteer-posts {
  padding-top: 31px;
  background-color: #EEEEEE;
}

.cooperate-volunteer-posts__heading {
  display: flex;
  align-items: center;
  gap: 21px;
  margin-bottom: 26px;
  padding-inline: 2%;
}

.cooperate-volunteer-posts__logos {
  display: flex;
  align-items: center;
}

.cooperate-volunteer-posts__separator {
  padding: 0 5px 0 2px;
  font-size: 30px;
  font-family: Meiryo;
  line-height: 1;
}

.cooperate-volunteer-posts__line {
  flex: 1;
  margin: 0;
  height: 2px;
  border-top: 2px solid #05615A;
}

/* ===============================
   Pagination
================================ */
.custom-pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;
  color: #0b6b5b;
  /* ===============================
     記号ボタン（先頭/前/次/末尾）
  ============================== */
  /* ===============================
     数字リンク（paginate_links）
  ============================== */
}
.custom-pagination-link-list {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-pagination-link .pagination-btn,
.custom-pagination-link .pagination-btn-disabled {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef1f3;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  text-decoration: none;
  color: #0b6b5b;
  user-select: none;
  transition: background-color 0.15s ease, transform 0.05s ease;
}
.custom-pagination-link .pagination-btn svg,
.custom-pagination-link .pagination-btn-disabled svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  stroke-width: 2.6;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.custom-pagination-link .pagination-btn:hover {
  background: #e4e9ec;
}
.custom-pagination-link .pagination-btn:active {
  transform: translateY(1px);
}
.custom-pagination-link .pagination-btn-disabled {
  background: #f4f6f7;
  color: rgba(11, 107, 91, 0.35);
  cursor: default;
}
.custom-pagination-link .pagination-btn-disabled svg {
  opacity: 0.75;
}
.custom-pagination-link .page-numbers:not(.current):not(.dots) {
  width: 45px;
  height: 45px;
  min-width: 40px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef1f3;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: rgba(11, 107, 91, 0.9);
  text-decoration: none;
  transition: background-color 0.15s ease, transform 0.05s ease;
}
.custom-pagination-link a.page-numbers:not(.dots):not(.current):hover {
  background: #e4e9ec;
}
.custom-pagination-link a.page-numbers:not(.dots):not(.current):active {
  transform: translateY(1px);
}
.custom-pagination-link .page-numbers.dots {
  color: black;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-0.25em);
}
.custom-pagination-link .page-numbers.current {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 0;
  padding: 0 6px;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  font-weight: 700;
  font-size: 18px;
  color: #0b6b5b;
  line-height: 1;
}
.custom-pagination-link .page-numbers.current .current-total {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

@media screen and (max-width: 767px) {
  #front-story-area .content-range .front-section-title__story:before {
    background-color: #ffffff;
  }
  #front-bbs-area .content-range .front-section-title__topic {
    padding-top: 45px;
  }
  #main .page-body .author-contents .author-contents-title-box {
    margin-bottom: 25px;
  }
  #main .page-body .author-contents span.no-info-yet {
    font-size: 90%;
  }
  .author-contents__mine .post-tool__timeline_btn_elements {
    display: flex;
    flex-direction: column;
  }
  .author-contents__mine .post-tool__timeline_btn_elements .post-tool__timeline_add_btn {
    align-self: flex-end;
    margin-top: 10px;
  }
  .author-contents__mine .post-tool__update_btn {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
  }
  .header-post .header-post-menu-list.open {
    width: 350px;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 100%;
  }
  .close-btn {
    width: 20px;
    height: 20px;
    top: 28px;
  }
  .close-btn::before, .close-btn::after {
    height: 15px;
  }
  .withdraw-wrap > .btn-wrap__center > .btn {
    margin: 20px auto;
  }
  #readingcont-body > div.contents > div.voice > p {
    text-align: left;
  }
  #about-heading-area > .about-heading-message > p,
  #about-user-area > div.content-range > p,
  #about-sns-area > div.content-range > p {
    text-align: left;
  }
  .header-info > div.header-login > a > span.label,
  .header-info > div.header-login > a > div.header-info-tool-item__mypage-avatar > span.label,
  .header-info > div#header-post-menu-area > div.header-post-menu > button.header-post-menu-title > span.label,
  .header-info > #header-nav-area > button > span#header-nav-label {
    font-size: 70%;
  }
  .header-info > div.header-login > a > div.header-info-tool-item__mypage-rank {
    width: 62px;
  }
  .header-info > div.header-login > a > div.header-info-tool-item__mypage-rank > div.rank-label > span.rank {
    font-size: 90%;
  }
  .article-list > li > a > div.author {
    height: 33px;
  }
  .article-list > li > a > div.author > span.author-name {
    font-size: 70%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .article-list > li > a > div.content > div.post-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #user-area > #user-result-area > .user-list > li a > p.name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .insert-break {
    display: block;
    content: "";
    height: 0;
  }
  #readingcont-body h2 {
    font-size: 162.5%;
    margin-top: 40px;
    margin-bottom: 25px;
  }
  .cooperate-volunteer-posts .article-list {
    padding-inline: 2%;
  }
}

/*# sourceMappingURL=feature-flags-front.css.map */