/*
Theme Name: For eyeself Top
Theme URI: https://for-eyeself.com/
Description: For eyeselfのトップページと運営者情報ページを提供する子テーマ。Cocoonを親テーマとして使用します。
Author: For eyeself
Version: 1.1.0
Template: cocoon-master
Text Domain: for-eyeself-top
*/


/* =========================================
   ブログ記事用トンマナ（水色×オレンジ基調）
========================================= */

/* --- 1. 著者情報ボックス（シンプルなグレー枠） --- */
.entry-content .author-box {
  background: #f7f7f7 !important;
  border: 1px solid #e0e0e0 !important;
  padding: 20px !important;
  border-radius: 8px !important;
  margin-bottom: 40px !important;
}
.entry-content .author-box h4 {
  margin: 0 0 10px 0 !important;
  color: #333333 !important;
  font-size: 1.1em !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* --- 2. 見出し2 (H2)：画像通りの水色帯見出し --- */
.entry-content h2 {
  font-size: 1.35em !important;
  color: #ffffff !important;
  background-color: #5dbbeb !important; /* 爽やかな水色背景 */
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 4px !important;
  margin-top: 45px !important;
  margin-bottom: 25px !important;
  line-height: 1.5 !important;
}

/* --- 3. 見出し3 (H3)：オレンジアクセントの下線 --- */
.entry-content h3 {
  font-size: 1.2em !important;
  color: #333333 !important;
  background: transparent !important;
  padding: 0 0 8px 0 !important;
  border: none !important;
  border-bottom: 3px solid #ee9c37 !important; /* オレンジ色のアクセント線 */
  margin-top: 35px !important;
  margin-bottom: 20px !important;
}

/* --- 4. ポイントボックス（オレンジ枠＆オレンジラベル） --- */
.entry-content .point-box {
  background: #fffbf5 !important; /* 薄いオレンジベージュ背景 */
  border: 2px solid #ee9c37 !important; /* オレンジ枠線 */
  padding: 20px !important;
  border-radius: 8px !important;
  margin: 35px 0 !important;
}
.entry-content .point-box .point-title {
  display: inline-block !important;
  background: #ee9c37 !important; /* オレンジのタイトル帯 */
  color: #ffffff !important;
  font-weight: bold !important;
  padding: 4px 14px !important;
  border-radius: 4px !important;
  margin-bottom: 12px !important;
  font-size: 0.95em !important;
}
.entry-content .point-box p {
  margin-bottom: 0 !important;
  color: #333333 !important;
  line-height: 1.7 !important;
}


/* --- フォローボタン（〇〇をフォローする）を非表示 --- */
.sns-follow {
  display: none !important;
}

/* --- 右下の投稿者名（ペンマークと名前）を非表示 --- */
.author-name,
.post-author {
  display: none !important;
}