@charset "utf-8";
/*
Theme Name: REHUB child
Theme URI:https://tcd-theme.com/tcd099
Description:WordPressテーマ「REHUB」の子テーマ
Template:rehub_tcd099
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/
/* =========================
   「クチコミを書く」上の案内文（整理版）
   ========================= */

/* リード文（確実に当てる：IDで統一） */
#review-write-lead{
  max-width: 720px;
  margin: 24px auto 18px; /* ← 上を少しだけ詰める */
  padding: 0 16px;
  text-align: center;
}

#review-write-lead .p-single--review-write__lead-text{
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.02em;
  color: #222;
}

/* ボタンとの間隔（詰めすぎず、離しすぎない） */
.p-single--review-comments__post #js-write-review-button{
  max-width: 720px;     /* リードと幅を揃えて“塊感”を出す */
  margin: 22px auto 0; /* ← 下は少し余裕を持たせる */
}

/* スマホ最適化 */
@media (max-width: 768px){
  #review-write-lead{
  max-width: 720px;
  margin: 24px auto 18px; /* ← 上を少しだけ詰める */
  padding: 0 16px;
  text-align: center;
  }

  #review-write-lead .p-single--review-write__lead-text{
    font-size: 14px;
    line-height: 1.9;
  }

  .p-single--review-comments__post #js-write-review-button{
  max-width: 720px;
  margin: 22px auto 0; /* ← 下は少し余裕を持たせる */
  }
}