@charset "utf-8";

/* フォーラム wpforo
================================================================== */
#wpforo #wpforo-wrap {
  color: var(--black);
  background: unset;
  padding: 0;
}

/* パンクズ */
#wpforo #wpforo-wrap .wpf-breadcrumb {
  margin: 0 0 3rem;
}
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root {
  border-left: unset;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div.active {
  color: var(--d-gray02);
}
#wpforo #wpforo-wrap #wpforo-title {
  color: var(--black);
  font-weight: 500;
}

/* カテゴリタイトル */
#wpforo #wpforo-wrap .wpforo-cat-panel {
  padding: 0.7em 0.5em 0.8em 1.5em;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-category {
  background-color: var(--black);
  border-bottom: unset;
  border-radius: unset;
}

#wpforo #wpforo-wrap .wpfl-1 .cat-title {
  font-size: var(--fs-24);
  color: var(--white);

  @media only screen and (max-width: 767px) {
    font-size: 1.8rem;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .cat-title .cat-name {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  padding: 0;
}

#wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts,
#wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-posts,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-topics {
  font-size: 1.5rem;
  color: var(--white);
  width: 8rem;
  padding: 0;
}

/* トピック */
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap {
  border: unset;
  background: var(--white);
  margin-top: 1.5rem;
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum {
  padding: 1.5em 0.5em;
  align-items: center;

  @media only screen and (max-width: 767px) {
    padding: 1.5em 1em;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-posts,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-topics {
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-icon {
  border-left: unset !important;
}

.wpforo-forum-title a,
.wpforo-forum-title a:visited,
.wpforo-forum-title a:hover {
  font-size: 2rem !important;

  @media only screen and (max-width: 767px) {
    font-size: 1.6rem !important;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info,
#wpforo #wpforo-wrap h3 {
  padding: 0;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer {
  margin-top: 0.5em;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer .wpfcl-5,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer i {
  font-size: 1.5rem;
  font-weight: 600;

  @media only screen and (max-width: 767px) {
    font-size: 1.4rem;
  }
}

/* 最近のトピック */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-list {
  padding-right: 3rem;

  @media only screen and (max-width: 767px) {
    padding: 0 1em;
  }
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-list li {
  background: var(--white);
  border-bottom: 2px solid var(--d-gray);
  padding: 0.5em;
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topic-title {
  font-size: var(--fs-17);

  a,
  a:visited,
  a:hover {
    font-size: var(--fs-17);
  }
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topic-title i {
  padding-right: 0.8em;
}

/* header */
#wpforo #wpforo-wrap .wpforo-feed {
  display: none;
}
#wpforo #wpforo-wrap .wpf-head-bar {
  padding: 0;
  margin: 0;
  border-left: unset !important;
}

/* 下層 */
#wpforo #wpforo-wrap .wpforo-post-head,
#wpforo #wpforo-wrap .wpf-post-create .wpf-topic-sbs,
#wpforo #wpforo-wrap .wpforo-topic-footer {
  display: none;
}
#wpforo #wpforo-wrap .wpf-action-link {
  display: none;
}

/* トピック一覧 */
#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-head {
  background-color: var(--d-gray02);
  border-bottom: unset;
  border-radius: unset;
  padding: 0.7em 0.5em 0.8em 1.5em;
  margin-top: 2rem;

  @media only screen and (max-width: 767px) {
    padding: 0.7em 1em 0.8em;
  }

  .head-title,
  .head-stat-views,
  .head-stat-posts {
    color: var(--white);
    padding: 0;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .topic-wrap {
  background: var(--white);
  margin-top: 1.5rem;

  @media only screen and (max-width: 767px) {
    padding: 1.5em 1.2em;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic {
  padding: 1.5em 0.5em 1.5em 2em;

  @media only screen and (max-width: 767px) {
    padding: 0;
  }

  * {
    padding: 0;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-title {
  margin-bottom: 0.5em;

  a {
    font-size: 2rem !important;
  }
}

#wpforo #wpforo-wrap .wpf-vsep {
  margin: 0 1em;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-list {
  background: var(--white);
  border-left: unset;
  border-bottom: 2px solid var(--d-gray);
  padding: 0.5em 0.5em 0.8em;
  margin: 0 2em;

  @media only screen and (max-width: 767px) {
    margin: 0;
    padding: 1em 0 0.5em;
  }

  * {
    padding: 0;
  }

  li + li {
    margin-top: 0.5em;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-post-user {
  width: 20rem;
  text-align: right;
  padding-left: 1em;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-title i,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topic-title i {
  display: none;
}

.fa-feather-alt:before,
.fa-feather-pointed:before {
  content: "\f075";
}

/* トピックを追加ボタン */
#wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
  font-size: var(--fs-17);
  padding: 1em 1.5em !important;
  border-radius: 100px;
  gap: 0.2em;

  span {
    line-height: 1;
  }

  i {
    transform: translateY(-1px);
    font-size: 1em;
  }

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

#wpforo #wpforo-wrap .wpf-head-bar .wpf-head-bar-right {
  @media only screen and (max-width: 767px) {
    padding: 0;
  }
}

/* 詳細 */
#wpforo #wpforo-wrap.wpft-post .wpf-head-bar .wpf-action-link {
  display: none;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-title,
#wpforo #wpforo-wrap .wpforo-post .wpf-left .author-rating-full,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-joined,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-posts {
  display: none;
}

#wpforo #wpforo-wrap .wpfl-1 .post-wrap {
  margin-bottom: 1.5em;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1.2em;

  .wpf-left {
    float: unset;
    background: unset;
    border: unset;
    padding: 0;
    width: auto;

    position: absolute;
    top: 1em;
    left: 2em;

    @media only screen and (max-width: 767px) {
      left: 1em;
    }
  }

  .wpf-right {
    margin: 0;

    @media only screen and (max-width: 767px) {
      grid-area: unset;
      padding-top: 2em;
    }
  }
  .bottom {
    grid-area: 2 / 1 / 3 / 3;
    padding: 0;

    @media only screen and (max-width: 767px) {
      grid-area: unset;
    }
  }

  .wpf-clear {
    display: none;
  }
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top {
  border: unset;
  color: var(--d-gray02);
  padding: 0;
  margin: 0;
  padding-bottom: 1.5em;

  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.2em 0.5em;

  * {
    margin: 0;
    padding: o;
  }

  @media only screen and (max-width: 767px) {
    justify-content: flex-start;
  }
}

#wpforo #wpforo-wrap .wpf-post-starter {
  display: none;
}
#wpforo #wpforo-wrap span i {
  color: var(--d-gray02);
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content {
  padding: 0;
  min-height: 0;
}

/* 返信 */
#wpforo #wpforo-wrap .wpf-post-create {
  background: var(--white);
  padding: 1em;
}

/* レスポンシブ */

@media only screen and (max-width: 767px) {
  #wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts,
  #wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics,
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-posts,
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-stat-topics,
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-head .head-stat-views,
  #wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-views {
    display: none;
  }

  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
    width: 50px;
  }

  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-avatar {
    width: auto;
    float: unset;
    margin: 0;
  }

  #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
    margin: 0;
  }

  #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {
    font-size: 1.5rem;
  }

  #wpforo #wpforo-wrap .wpf-field {
    padding: 0;
  }
}

/* トピック追加 */
#mceu_30,
.wpf-topic-tags,
.wpf-topic-sbs {
  display: none;
}

#wpforo #wpforo-wrap .wpf-extra-fields .wpf-main-fields {
  display: none;
}

/* 返信ボタン */
#wpforo #wpforo-wrap .wpf-post-create input[type="submit"] {
  font-size: var(--fs-17);
  padding: 0.6em !important;
  width: 180px;
  text-align: center;
  border-radius: 100px;
  margin-bottom: 10px;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}
/* アイコン消去 */
.wpforo-last-topic-avatar {
  display: none;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topic-user {
  width: auto;
  text-align: right;
}

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-avatar,
#wpforo #wpforo-wrap .wpf-author-nicename {
  display: none;
}