@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
*/

/************************************
** トップページ（案内所型フロントページ）専用スタイル
** (2026-07-28 スキン利用に合わせて全体デザインは撤去。
**  全体デザイン版はサーバーの style.css.design-20260727 と
**  gitリポジトリの cocoon-css/ に保存)
** 全体の配色・見出しはCocoonスキンに任せる
************************************/
:root {
  --cs-accent: #3e7050;
  --cs-accent-dark: #2d5540;
  --cs-muted: #8a8474;
  --cs-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
}

.home.page .entry-title {
  display: none;
}

.cs-hero {
  text-align: center;
  padding: 2.5em 1em 1.5em;
}
.cs-hero-tag {
  color: var(--cs-muted);
  letter-spacing: .18em;
  font-size: .9em;
  margin-bottom: .5em;
}
.cs-hero-title {
  font-family: var(--cs-serif);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 .5em;
}
.cs-hero-lead {
  max-width: 34em;
  margin: 0 auto;
  line-height: 2;
}

.article h2.cs-sec-title, .cs-sec-title {
  text-align: center;
  font-size: 1.25rem;
  border: none;
  background: none;
  margin: 2.2em 0 1em;
  padding: 0;
}
.cs-sec-title::after {
  content: "";
  display: block;
  width: 2.5em;
  height: 2px;
  background: var(--cs-accent);
  margin: .5em auto 0;
}

.cs-btn-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 1.2em;
}
a.cs-btn {
  display: inline-block;
  padding: .55em 1.5em;
  border: 1.5px solid var(--cs-accent);
  border-radius: 999px;
  color: var(--cs-accent-dark);
  background: #fff;
  text-decoration: none;
  font-weight: 600;
}
a.cs-btn:hover {
  background: var(--cs-accent);
  color: #fff;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  .cs-hero-title {
    font-size: 1.8rem;
  }
  .cs-hero {
    padding-top: 1.8em;
  }
}