/* ファイル名: calendar_help.css */
/* 🌸 カレンダーUI：使い方タブ専用CSS（#calendar-help-tab） */

#calendar-help-tab.calendar-tab-content {
  background: #fff0f5;
  border: 2px solid #ff99cc;
  border-top: 2px solid #ff99cc;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
}

#calendar-help-tab .calendar-member-form {
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* 🌸 使い方タブ専用のレイアウト制御 */
.calendar-help-block {
  display: block;
  margin-bottom: 12px;
}

.calendar-help-title {
  font-size: 13px;
  font-weight: bold;
  color: #c2185b;
  margin-bottom: 4px;
}

.calendar-help-text {
  display: block !important;
  font-size: 13px;
  font-family: 'メイリオ', sans-serif;
  line-height: 1.8;
  padding-left: 0;
  margin: 0;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  max-width: 100% !important;
}

/* 🌸 使い方タブの左ズレ修正（#content margin-left: 15px;対策） */
.calendar-help-align {
  padding-left: 108px;
  box-sizing: border-box;
}

/* 🌸 使い方タブ全体の装飾（calendar_ui.css準拠） */
#calendar-help-tab.calendar-tab-content {
  background: #fff0f5;
  border: 2px solid #ff99cc;
  border-top: 2px solid #ff99cc;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
}

/* 各テキスト行の余白を少し増やす */
.calendar-help-text {
  line-height: 1.9;
  padding-left: 8px;
  margin-bottom: 4px;
  white-space: normal;
  word-break: break-word;
}

/* タイトルと本文の距離を少し空ける */
.calendar-help-block {
  margin-bottom: 20px;
}

/* リスト風の丸ポチ風マーク（先頭の"・"がある行）に左余白 */
.calendar-help-text::before {
  content: '';
  display: none;
}

.calendar-help-title {
  display: block;
  margin-bottom: 6px; /* ← 見出しと本文の間に明示的な隙間 */
}