@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){
  /*必要ならばここにコードを書く*/
}

/* トップページのヘッダーと画像ブロックの間の隙間を完全消去 */
.home #content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home #main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* もし「パンくずリスト」が邪魔している場合用 */
.home .breadcrumb {
    display: none !important;
}

/* 記事本文エリアの上側の余白も消す */
.home .entry-content {
    margin-top: 0 !important;
}

.cf7-submit-sticky {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 10px;
  text-align: center;
  z-index: 9999;
}

.cf7-submit-sticky .wpcf7-submit {
  width: 100%;
  max-width: 360px;
  padding: 14px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 30px;
}




/* トップページのH2見出し：読みやすく、スマホでも1行に固定 */
.home .ksh-lp h2.ksh-title {
  display: table !important;
  width: auto !important;
  margin: 0 auto 18px !important;
  padding: 0 0 8px !important;
  color: #014099 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid #014099 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}
.home .ksh-lp h2.ksh-title::before,
.home .ksh-lp h2.ksh-title::after {
  content: none !important;
  display: none !important;
}
.home .ksh-lp .ksh-blue h2.ksh-title {
  color: #fff !important;
  border-bottom-color: #fff !important;
}
@media screen and (max-width: 768px) {
  .home .ksh-lp h2.ksh-title {
    max-width: 100% !important;
    margin-bottom: 16px !important;
    padding-bottom: 7px !important;
    font-size: clamp(15px, 4.6vw, 22px) !important;
    letter-spacing: -0.04em !important;
    white-space: nowrap !important;
  }
}


/* スマホの最長H2も横にはみ出さないように調整 */
@media screen and (max-width: 768px) {
  .home .ksh-lp h2.ksh-title {
    font-size: clamp(13px, 3.9vw, 20px) !important;
    letter-spacing: -0.05em !important;
  }
}


/* H2見出し：縦棒を使わないアクセントラインのデザイン */
.home .ksh-lp h2.ksh-title {
  display: table !important;
  width: auto !important;
  margin: 0 auto 22px !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: center !important;
}
.home .ksh-lp h2.ksh-title::before {
  content: none !important;
  display: none !important;
}
.home .ksh-lp h2.ksh-title::after {
  content: "" !important;
  display: block !important;
  width: 52px !important;
  height: 4px !important;
  margin: 11px auto 0 !important;
  background: #014099 !important;
  border-radius: 999px !important;
}
.home .ksh-lp .ksh-blue h2.ksh-title::after {
  background: #fff !important;
}
@media screen and (max-width: 768px) {
  .home .ksh-lp h2.ksh-title {
    margin-bottom: 18px !important;
    font-size: clamp(13px, 3.9vw, 20px) !important;
    letter-spacing: -0.05em !important;
    white-space: nowrap !important;
  }
  .home .ksh-lp h2.ksh-title::after {
    width: 40px !important;
    height: 3px !important;
    margin-top: 8px !important;
  }
}


/* H2・H3：装飾を使わないシンプルな見出し */
.home .ksh-lp h2.ksh-title,
.home .ksh-lp h3 {
  border: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.home .ksh-lp h2.ksh-title {
  display: block !important;
  width: auto !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center !important;
}
.home .ksh-lp h2.ksh-title::before,
.home .ksh-lp h2.ksh-title::after,
.home .ksh-lp h3::before,
.home .ksh-lp h3::after {
  content: none !important;
  display: none !important;
}
@media screen and (max-width: 768px) {
  .home .ksh-lp h2.ksh-title {
    font-size: clamp(13px, 3.9vw, 20px) !important;
    letter-spacing: -0.05em !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }
  .home .ksh-lp h3 {
    font-size: clamp(14px, 4.2vw, 18px) !important;
    letter-spacing: -0.04em !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }
}

/* カルダスミルク詳細ページ：ページ見出しと投稿日を非表示 */
.page-id-5489 .entry-title,
.page-id-5489 .date-tags { display: none !important; }

/* カルダスミルク詳細ページ：読みやすさを高めるレイアウト */
.page-id-5489 .entry-content { max-width: 880px; margin: 0 auto; color: #333; font-size: 17px; line-height: 1.9; }
.page-id-5489 .entry-content h2 { margin: 42px 0 16px; padding: 0; border: 0; border-left: 0; border-bottom: 0; background: transparent; color: #014099; font-size: 27px; font-weight: 700; line-height: 1.45; }
.page-id-5489 .entry-content h2::before,
.page-id-5489 .entry-content h2::after { content: none; display: none; }
.page-id-5489 .entry-content h2 + p { margin: 0; padding: 22px 24px; border-radius: 10px; background: #EAF5FC; }
.page-id-5489 .entry-content ul { margin: 0; padding: 20px 24px 20px 44px; border-radius: 10px; background: #fff; box-shadow: 0 2px 10px rgba(1,64,153,.10); }
.page-id-5489 .entry-content li + li { margin-top: 8px; }
.page-id-5489 .entry-content small { color: #666; }
@media screen and (max-width: 768px) { .page-id-5489 .entry-content { font-size: 16px; line-height: 1.8; } .page-id-5489 .entry-content h2 { margin-top: 32px; font-size: 21px; } .page-id-5489 .entry-content h2 + p { padding: 18px; } }

/* カルダスミルク詳細：商品ページらしい導線と情報階層 */
.page-id-5489 .entry-content::before { content: ""; display: block; min-height: 300px; margin: 0 0 34px; border-radius: 14px; background: #f5faff url("https://kyoushihan.com/wp-content/uploads/2026/07/4c08bef9f7e16f32b866bbb816a0832e-768x512.jpg") center / contain no-repeat; }
.page-id-5489 .entry-content h2:first-of-type { margin-top: 0; }
.page-id-5489 .entry-content h2:first-of-type + p::before { content: "森永乳業の宅配専用商品"; display: block; margin-bottom: 10px; color: #014099; font-size: 14px; font-weight: 700; letter-spacing: .06em; }
.page-id-5489 .entry-content h2 + p { border-left: 4px solid #014099; }
.page-id-5489 .entry-content h2 + p:last-child { border-left: 0; background: #014099; color: #fff; text-align: center; font-weight: 700; }
.page-id-5489 .entry-content h2 + p:last-child::before { content: none; }
@media screen and (max-width: 768px) { .page-id-5489 .entry-content::before { min-height: 220px; margin-bottom: 26px; border-radius: 10px; } }

/* カルダスミルク詳細：明るい背景画像を商品エリアに使用 */
.page-id-5489 .entry-content .ksh-caldas-hero { background-color: #f8fcff; background-image: url("https://kyoushihan.com/wp-content/uploads/2026/09/19182d9d2ed22dbb154c198a6a6fc21c.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; }