@charset "UTF-8";
/* --------------------------------------------------------------------------
 * 共通
 * -------------------------------------------------------------------------- */
.revico-community-talk-wrapper .revico-post-acc {
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF0;
  color: #634F32;
  font-weight: bold;
  line-height: 1em;
  border: 0;
  margin: 0 auto !important;
}

.revico-community-talk-wrapper .revico-post-acc::after {
  content: "＋";
  box-sizing: border-box;
  border: 1px solid #634F32;
  display: flex;
  align-items: center;
  justify-content: center;
}

.revico-community-talk-wrapper .revico-post-acc.is-open::after {
  content: "－";
}

/* --------------------------------------------------------------------------
 * PC（729px 以上）
 * -------------------------------------------------------------------------- */
@media screen and (min-width: 729px) {
  .revico-community-talk-wrapper .revico-post-acc {
    height: 50px !important;
    gap: 20px;
    font-size: 20px;
  }
  .revico-community-talk-wrapper .revico-post-acc::after {
    width: 33px;
    height: 33px;
    border-radius: 33px;
  }
}

/* --------------------------------------------------------------------------
 * SP（728px 以下）
 * -------------------------------------------------------------------------- */
@media screen and (max-width: 728px) {
  .revico-community-talk-wrapper .revico-post-acc {
    height: calc(50 / 375 * 100vw) !important;
    gap: calc(10 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
  }
  .revico-community-talk-wrapper .revico-post-acc::after {
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    border-radius: calc(30 / 375 * 100vw);
  }
}


/* 2026.08 修正：トグル文言が枠の外へ 50px はみ出していたので、ボタンの下・枠の中に収める（100%＝ラベル高さ） */
.community-detail .revico-widget .revico-community-talk .revico-community-talk-label.revico-community-talk-post-media--label::before,
.community-detail .revico-widget .revico-community-talk .revico-community-talk-label.revico-community-talk-post-media--label::after{
  top: calc(100% + 60px);
}
.community-detail .revico-widget .revico-community-talk .revico-community-talk-post-media .revico-community-talk-post-media-wrapper{
  min-height: 115px;
  padding-bottom: 20px;
}

/* 2026.08 修正：プロフィール画像はトグル文言を出していないので、その分の予約余白を戻す */
.community-detail .revico-widget .revico-community-talk .revico-community-talk-post-profile-picture--input + .revico-community-talk-post-profile-picture-description{
  margin-top: 0 !important;
}


/* 2026.08 修正：「コメントする」内のボタンのみ「返信する」にする（ReviCo 標準は「投稿する」）
 * ボタンは display:flex ＋ テキストノード＋アイコン構成のため、本体を font-size:0 で潰して ::before で文言を出す
 * ※community.css が後から読み込まれるため、セレクタを 1 段深くして優先度を上げている */
.community-detail .revico-widget .revico-community-talk .revico-community-talk-reply-post .revico-community-talk-reply-post--postbutton{
  font-size: 0;
}
.community-detail .revico-widget .revico-community-talk .revico-community-talk-reply-post .revico-community-talk-reply-post--postbutton::before{
  content: "返信する";
  font-size: 15px;
}
@media only screen and (max-width: 740px) {
  /* SP は community.css 側で 14px 指定のため、::before 側もそろえる */
  .community-detail .revico-widget .revico-community-talk .revico-community-talk-reply-post .revico-community-talk-reply-post--postbutton::before{
    font-size: 14px;
  }
}