@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/**
 * カスタマイズ 2025.11.26
 */
/* ==========================
   全体のベース設定
   ========================== */
body {
  font-family: 'Noto Sans JP', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #1A1A1A; /* 墨黒 */
  background-color: #FFFFFF; /* 白基調 */
}

/* 見出し・ロゴなど英語寄りの部分 */
h1, h2, h3, h4, .entry-title, .widget-title {
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  color: #1A1A1A;
}

/* リンク */
a {
  color: #005BBB;
}
a:hover {
  color: #003F88;
}
/* ==========================
   Hero セクション
   ========================== */
.hero-box {
  text-align: center;
  padding: 60px 20px;
  background: #FFFFFF;
}

.hero-logo {
  width: 260px;
  max-width: 80%;
}

.hero-line {
  width: 120px;
  height: 3px;
  background: #D7ECFF; /* 空色 */
  margin: 16px auto 32px;
}

.hero-box h1 {
  margin-bottom: 10px;
  font-size: 26px;
}

.hero-box p {
  font-size: 16px;
  color: #444444;
}
/* ==========================
   セクション背景
   ========================== */
.jth-section-pop {
  background-color: #FEE3EC; /* 桜色 */
  padding: 40px 16px;
}

.jth-section-travel {
  background-color: #E3F4DA; /* 若草色 */
  padding: 40px 16px;
}

.jth-section-trends {
  background-color: #D7ECFF; /* 空色 */
  padding: 40px 16px;
}

.jth-section-local {
  background-color: #F4F4F4; /* 和紙グレー */
  padding: 40px 16px;
}

.jth-section-ai {
  background-color: #E8DEFF; /* 藤色 */
  padding: 40px 16px;
}

/* 各セクション内の見出し */
.jth-section-pop h2,
.jth-section-travel h2,
.jth-section-trends h2,
.jth-section-local h2,
.jth-section-ai h2 {
  margin-bottom: 24px;
}
/* ==========================
   フッターライン
   ========================== */
.footer-line {
  width: 100%;
  height: 3px;
  background: #D7ECFF;
  margin: 20px 0;
}
/* ==========================
   Cocoon 投稿カードの微調整
   ========================== */
.entry-card {
  border-radius: 4px;
  overflow: hidden;
  background-color: #FFFFFF;
}

.entry-card-thumb img {
  border-radius: 0;
}

.entry-card-title {
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
  font-size: 16px;
}