/*!
Theme Name: XWRITE
Theme URI: https://xwrite.jp/
Author: XServer Inc.
Author URI: https://www.xserver.co.jp/
Description: エックスサーバー株式会社が提供するWordPressテーマ「XWRITE」
Version: 3.0.9
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: xwrite
*/

/* === 導入文デザイン マニュアル用CSS === */

/* 1. 読者の悩み（共感ポイント） */
.nayami-box {
  background: #f9f9f9; /* 薄いグレーの背景 */
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 1.5em;
  margin: 2em 0;
}
.nayami-box p {
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
  font-size: 1.1em;
}
.nayami-box ul {
  list-style-type: none; /* 元の・を消す */
  padding-left: 0;
}
.nayami-box li {
  position: relative;
  padding-left: 1.8em; /* アイコン分のスペース */
  margin-bottom: 0.8em;
  line-height: 1.6;
}
.nayami-box li::before {
  content: "😥"; /* 悩んでいる顔のアイコン（絵文字） */
  /* もしFont Awesomeなどを使う場合:
  content: "\f059"; 
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
  line-height: 1;
}

/* 2. 安心感の提供（メッセージ） */
.message-box {
  background: #e6f8f0; /* 優しい緑系の背景 */
  border-left: 5px solid #00a968; /* 左側にアクセント線 */
  border-radius: 4px;
  padding: 1.5em;
  margin: 2em 0;
  line-height: 1.7;
}
.message-box strong {
  font-size: 1.15em;
  background: linear-gradient(transparent 60%, #aeffd9 60%); /* 蛍光マーカー */
  padding: 0 0.2em;
}

/* 3. 記事の概要（得られるメリット） */
.article-summary-box {
  border: 2px dashed #00a968; /* 目立つ点線枠 */
  background: #ffffff;
  border-radius: 8px;
  padding: 1.5em;
  margin: 2em 0;
}
.summary-title {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin-top: 0.2em;
  margin-bottom: 1.2em;
}
.summary-title::before {
  content: "💡"; /* 電球アイコン */
  margin-right: 0.5em;
}
.article-summary-box ul {
  list-style-type: none;
  padding-left: 0;
}
.article-summary-box li {
  position: relative;
  padding-left: 2em; /* アイコン分のスペース */
  margin-bottom: 0.8em;
  font-weight: 500;
  line-height: 1.6;
}
/* 各リストに個別のアイコン（絵文字） */
.article-summary-box li:nth-of-type(1)::before { content: "❓"; }
.article-summary-box li:nth-of-type(2)::before { content: "💰"; }
.article-summary-box li:nth-of-type(3)::before { content: "⚖️"; }
.article-summary-box li:nth-of-type(4)::before { content: "🗺️"; }
.article-summary-box li:nth-of-type(5)::before { content: "👟"; }
.article-summary-box li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
  line-height: 1;
}

/* 4. 記事読了後のベネフィット（約束） */
.benefit-box {
  background: #fffbef; /* 明るい黄色の背景 */
  border: 1px solid #ffeeba;
  border-radius: 8px;
  padding: 1.5em;
  margin: 2em 0;
  line-height: 1.7;
}
.benefit-box p {
  margin: 0;
}
.benefit-box .marker {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffd700 50%); /* 濃い目の蛍光マーカー */
  padding: 0 0.2em;
}