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

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons {
    /* モバイルメニュー全体の高さと影を設定 */
    height: 50px; /* メニューの高さ */
    box-shadow: none; /* ボックスシャドウを無効化 */
}

.mobile-menu-buttons > li {
    /* メニュー項目の上部余白を削除 */
    padding-top: 0;
}

.menu-button {
    /* メニューボタンを中央揃えに配置 */
    margin: auto;
}

.mobile-menu-buttons .menu-button:hover {
    /* メニューボタンのホバー状態の背景色を設定 */
    background-color: white;
}

span.fas.fa-search::before {
    /* 検索アイコンのスタイル設定 */
    color: #90C31F; /* 検索マーク色変更はこちら */
    margin-left: 1em; /* 左側の余白 */
}

span.fas.fa-bars::before {
    /* ハンバーガーメニューアイコンのスタイル設定 */
    color: #90C31F; /* ハンバーガーメニュー色変更はこちら */
    margin-right: 1em; /* 右側の余白 */
}

.navi-menu-caption.menu-caption,
.home-menu-caption.menu-caption,
.search-menu-caption.menu-caption,
.top-menu-caption.menu-caption,
.sidebar-menu-caption.menu-caption {
    /* メニューのキャプションを非表示に設定 */
    display: none;
}

/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto {
    /* 必須マークのスタイル設定 */
    font-size: 9px; /* フォントサイズ */
    padding: 2px 5px; /* 内側の余白 */
    background: #90C31F; /* 必須 色の変更はこちら */
    color: #fff; /* 文字色（白） */
    border-radius: 20px; /* 角丸設定 */
    margin-right: 5px; /* 右側の余白 */
    position: relative; /* 相対位置指定 */
    bottom: 2px; /* 下方向のオフセット */
}

#formbtn {
    /* 送信ボタンの基本スタイル */
    display: block; /* ブロック要素として表示 */
    padding: 10px; /* 内側の余白 */
    width: 300px; /* ボタンの幅 */
    background: #f7f7f7; /* 背景色（グレー） */
    color: #545454; /* 文字色（ダークグレー） */
    font-size: 17px; /* フォントサイズ */
    border: none; /* 枠線を非表示 */
    border-radius: 50px; /* 角丸設定 */
    margin: 25px auto 0; /* 上下余白（中央揃え） */
    transition: 0.3s; /* ホバー効果の時間 */
}

#formbtn:hover {
    /* 送信ボタンのホバー状態 */
    background: #90C31F; /* 送信 色の変更はこちら */
    color: #fff; /* 文字色（白） */
    border-radius: 50px; /* 角丸設定 */
    box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2); /* シャドウ効果 */
}

.wpcf7 p {
    /* フォーム内の段落要素の余白設定 */
    margin-bottom: 0em; /* 段落の下余白をゼロに設定 */
}
/************************************
** モバイルスライドインメニュー 2026
** ・親メニューをアコーディオン化
** ・開いている親だけ緑背景
** ・子メニューは一段下げて整理
** ・PC用ヘッダーには影響させない
************************************/

/* 閉じるボタン：×を緑の左矢印へ変更 */
span.fas.fa-times::before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  color: #90C31F;
}

/* メニュー上部の見出し */
ul.menu-drawer::before {
  display: block;
  width: fit-content;
  margin: 0 0 1rem;
  padding: 0 0 .25rem;

  background: transparent;
  border-bottom: 3px dotted #90C31F;

  color: #333;
  content: "メニュー";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

ul.menu-drawer::after {
  background: #fff;
}

/* 一番上の階層 */
.menu-drawer > li {
  margin: 0 0 8px;
  padding: 0;
  font-weight: 700;
}

/* メニュー：親リンク・子リンク：共通指定は一か所にまとめる。 */
.menu-drawer > li > a,
.menu-drawer > li > .sub-menu > li > a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  /* 色はこの1宣言に集約。各状態では変数だけを変更する。 */
  color: var(--warara-drawer-ink, #545454) !important;
  line-height: 1.45;
  text-decoration: none !important;
}

.menu-drawer > li > a {
  min-height: 50px;
  padding: 10px 14px;
  background: #fff !important;
  border-left: 4px solid transparent;
  border-radius: 4px;
  font-family: inherit !important;
  font-size: 1.08rem;
  font-weight: 700;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .07);
  transition: background-color .25s ease,
    border-color .25s ease,
    color .25s ease,
    box-shadow .25s ease;
}

/* 親項目：右側に開閉用の矢印 */
.menu-drawer > li.menu-item-has-children > a {
  padding-right: 48px;
  cursor: pointer;
}

.menu-drawer > li.menu-item-has-children > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;

  width: 9px;
  height: 9px;

  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;

  transform: translateY(-65%) rotate(45deg);
  transform-origin: center;

  transition: transform .25s ease;
}

/* 現在表示しているページを含む親は、閉じていても薄緑で案内 */
.menu-drawer > li.current-menu-ancestor:not(.is-open) > a,
.menu-drawer > li.current-menu-parent:not(.is-open) > a {
  background: #f3f8e9 !important;
  border-left-color: #90C31F;
}

/* 開いている親・現在地の親：TOPお知らせの一覧ボタンと同じ選択色。 */
.menu-drawer > li.is-open > a,
.menu-drawer > li.current-menu-item > a,
.menu-drawer > li.current_page_item > a {
  --warara-drawer-ink: var(--warara-select-strong-ink);
  background: var(--warara-select-strong-bg) !important;
  border-left-color: var(--warara-select-strong-bg);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}

.menu-drawer > li.is-open > a::after {
  transform: translateY(-30%) rotate(-135deg);
}

/* 親ホバーも同じ色。現在ページを含む閉じた親もホバー時は濃緑。 */
.menu-drawer > li > a:hover,
.menu-drawer > li > a:focus-visible,
.menu-drawer > li > a:active,
.menu-drawer > li.current-menu-ancestor:not(.is-open) > a:hover,
.menu-drawer > li.current-menu-parent:not(.is-open) > a:hover {
  --warara-drawer-ink: var(--warara-select-strong-ink);
  background: var(--warara-select-strong-bg) !important;
  border-left-color: var(--warara-select-strong-bg);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}

.menu-drawer a:focus-visible {
  outline: 3px solid rgba(144, 195, 31, .4);
  outline-offset: 2px;
}

/*
 * JavaScriptが正常に動いた時だけ子メニューを閉じる。
 * JavaScriptが止まっても、子リンクが消えたままにならない保険。
 */
.menu-drawer.warara-drawer2026-ready
> li.warara-drawer2026-parent
> .sub-menu {
  display: block !important;
  max-height: 0;
  margin: 0 4px !important;
  padding: 0 !important;
  overflow: hidden;

  background: #f7f7f7;
  border-radius: 0 0 6px 6px;
  opacity: 0;

  transition:
    max-height .35s ease,
    opacity .25s ease,
    margin-top .25s ease;
}

.menu-drawer.warara-drawer2026-ready
> li.warara-drawer2026-parent.is-open
> .sub-menu {
  margin-top: 4px !important;
  opacity: 1;
}

/* 子メニュー */
.menu-drawer > li > .sub-menu > li {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
}

.menu-drawer > li > .sub-menu > li > a {
  min-height: 46px;
  padding: 10px 14px 10px 40px;
  background: #f7f7f7 !important;
  border-bottom: 1px solid #e5e5e5;
  font-size: .97rem;
  font-weight: 600;
  transition: background-color .22s ease,
    color .22s ease;
}

.menu-drawer > li > .sub-menu > li:last-child > a {
  border-bottom: 0;
}

.menu-drawer > li > .sub-menu > li > a::before {
  content: "\f105";
  position: absolute;
  left: 17px;
  top: 50%;

  color: #90C31F;
  font-family: "Font Awesome 5 Free";
  font-size: 1.45em;
  font-weight: 700;
  line-height: 1;

  transform: translateY(-52%);
}

/* 子の現在地・ホバーはTOPお知らせの記事ホバーと同じ淡緑＋緑文字。 */
.menu-drawer > li > .sub-menu > li.current-menu-item > a,
.menu-drawer > li > .sub-menu > li.current_page_item > a,
.menu-drawer > li > .sub-menu > li > a:hover,
.menu-drawer > li > .sub-menu > li > a:focus-visible,
.menu-drawer > li > .sub-menu > li > a:active {
  --warara-drawer-ink: var(--warara-select-soft-ink);
  background: var(--warara-select-soft-bg) !important;
}

/* 現在地を示す左線・字下げは維持。 */
.menu-drawer > li > .sub-menu > li.current-menu-item > a,
.menu-drawer > li > .sub-menu > li.current_page_item > a {
  border-left: 4px solid var(--warara-select-strong-bg);
  padding-left: 36px;
}

@media (prefers-reduced-motion: reduce) {
  .menu-drawer > li > a,
  .menu-drawer > li.menu-item-has-children > a::after,
  .menu-drawer.warara-drawer2026-ready
  > li.warara-drawer2026-parent
  > .sub-menu,
  .menu-drawer > li > .sub-menu > li > a {
    transition: none;
  }
}

/************************************
***** カテゴリーラベルのスタイル 
************************************/

.eye-catch .cat-label, .cat-label {
    font-size: .8em; /* フォントサイズ */
    border-radius: 10px; /* 角丸設定 */
    margin: 0.5em; /* 外側余白 */
    padding: 0 0.5em 0; /* 内側余白 */

}

/************************************
**ブログカードラベル色変更
************************************/

.blogcard-type .blogcard-label {
    background-color: #90C31F; /* お好みの色コードを設定 */
    color: white; /* 文字色の変更 */
    padding: 5px 10px;
    border-radius: 5px;
}

/************************************
**フッターボタン色変更
************************************/
.custom-menu-icon.menu-icon  {
    color: #90C31F; /* 好きな色コードに変更してください */
}

/************************************
**お知らせ
************************************/
/* 「お知らせ」タイトル下に緑のドット線を入れる */
.widget-index-top-title.main-widget-label.widget-title {
  /* 文字色 */
  color: #7b7b7b;
  /* フォントサイズ */
  font-size: 1.25rem;

  /* 下線をドットに */
  border-bottom: 3px dotted #90C31F;
  /* 下線と本文（リスト）のあいだに余白を確保 */
  padding-bottom: 8px;
  margin-bottom: 16px;
}

/************************************
****　アイキャッチ画像中央寄せ
************************************/
.eye-catch-wrap {
	display: block;
    margin-left: auto;
    margin-right: auto;

}

.eye-catch-wrap img {
    display: block;
    margin: 0 auto; /* 左右の余白を自動調整 */
}

/*
 * 固定ページ編集画面の
 * 「ページ上部のサムネイルを表示しない」と連動。
 */
body.warara-hide-page-eyecatch2026 .eye-catch-wrap {
  display: none !important;
}

/* コメントボタンはページ送りとは別機能なので、従来の表示を維持 */
.comment-btn {
  float: none !important;
  display: block !important;
  margin: 0 auto !important;
  width: 90%;
}

/************************************
 読む時間消す　date-tags を完全に隠す 
************************************/
/* date-tags と read-time を完全に隠す */
.date-tags,
.read-time {
  display: none !important;
}

/************************************
**** お知らせフロントページ5件
************************************/

/* TOPのお知らせを基準に、メニューと日記の選択色を共通管理。 */
:root {
  --news-date-size: 0.875rem;   /* 日付（例：14px） */
  --news-title-size: 1rem;      /* タイトル（例：16px） */
  --warara-select-strong-bg: #90C31F;
  --warara-select-strong-ink: #fff;
  --warara-select-soft-bg: rgba(144, 195, 31, .08);
  --warara-select-soft-bg-pc: rgba(144, 195, 31, .07);
  --warara-select-soft-ink: #587f12;
  --warara-select-strong-pressed: #7FAE18;
  --warara-select-soft-pressed: rgba(144, 195, 31, .12);
}

/* お知らせ：リスト初期化：共通指定は一か所にまとめる。 */
.news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-list li {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0.6em;
  transition: box-shadow .3s ease, transform .2s ease;
}

.news-list li:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.news-list li a {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  text-decoration: none;
  color: inherit;
  transition: background .3s ease, color .3s ease;
}

/* お知らせ：リンクのホバー：共通指定は一か所にまとめる。 */
.news-list li a:hover {
  background: #90C31F;
  color: #fff;
  text-decoration: underline;
}

/* ホバー時の子要素文字色上書き */
.news-list li a:hover .news-date,
.news-list li a:hover .news-title {
  color: #fff;
}

.news-list .news-date {
  flex: 0 0 auto;
  margin-right: 0.75em;
  color: #666;
  font-size: var(--news-date-size);
}

.news-list .news-title {
  flex: 1;
  color: #333;
  font-size: var(--news-title-size);
}


/* リストアイテム背景をサイドバー風の薄グレーに */


/* ページャー：左右配置 */


/* Font Awesome 矢印アイコン */


/* ボタンホバー */


/* タグクラウド背景を強制上書き */
.widget_tag_cloud .tagcloud a,
.tagcloud a {
  background-color: #f7f7f7 !important;
}



/*────────────────────────────────
  日記全体：PCで広がりすぎない
────────────────────────────────*/


/* 月見出し */


/*────────────────────────────────
  投稿リスト
────────────────────────────────*/


/*────────────────────────────────
  各カード
────────────────────────────────*/


/* 金色の光 */
/* 金色の光：日記・投稿カード・年月ナビ・バナー：各ページ・部品で共通する指定だけを集約。 */
a.entry-card-wrap.a-wrap::after,
.banner-boaup2026-link::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 240, 190, 0) 35%,
    rgba(255, 240, 190, .35) 50%,
    rgba(255, 240, 190, 0) 65%,
    transparent 100%
  );
  opacity: 0;
  transform: translateX(-100%);
}



/* カード全体をリンクにする */


/*────────────────────────────────
  画像：4：3の中で切らずに表示
────────────────────────────────*/






/*────────────────────────────────
  日付・時間・名前
────────────────────────────────*/










/* 投稿がない月 */


/*────────────────────────────────
  PC：ボアアップ2026
────────────────────────────────*/
@media (hover: hover) {

  

  

  
}



/*────────────────────────────────
  月送り
  左＝前月／右＝翌月
────────────────────────────────*/










@media (hover: hover) {

  

  
}

/*────────────────────────────────
  スマホ
────────────────────────────────*/
@media (max-width: 600px) {

  

  

  

  

  

  

  

  

  
}

/*────────────────────────────────
  かなり狭いスマホ
────────────────────────────────*/
@media (max-width: 360px) {

  

  

  

  

  

  

  
}

/* タップ時 */


/************************************
**** カルーセル全スライド：<figure>の<span>ラベルを非表示に 
************************************/
#carousel .slick-slide article figure > span {
  display: none !important;
}

/************************************
****　サイドバー
************************************/

.sidebar h3{
  color: #7b7b7b; /* サイドバーのタイトルの文字色を変更 */
  border-radius: 0%; /* タイトルの角の丸みを削除 */
  border-bottom: 3px dotted; /* タイトルの下にドットの線を追加 */
  border-color: #90C31F; /* タイトル下の線の色を緑に設定 */
  padding-bottom: 0.3em; /* タイトルの下部余白を設定 */
  margin-top: -0.5em; /* タイトルの上部余白を縮小 */
  margin-bottom: 1em; /* タイトルの下部に1emの余白を追加 */
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  background-color: #f7f7f7; /* リンクの背景色を明るい灰色に設定 */
  margin: 6px 0; /* リンクの上下に6pxの余白を追加 */
  padding: 4px 10px; /* リンク内の文字周囲に余白を追加 */
  border-radius: 20px; /* リンクの角を丸くする */
  transition: 0.4s; /* ホバー時の変化を0.4秒間で行う */
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
  background-color: #90C31F; /* ホバー時のリンク背景色を緑に変更 */
  color: #fff!important; /* ホバー時の文字色を白に変更 */
}

.tagcloud a {
  background-color: #f7f7f7; /* タグクラウドの背景色を明るい灰色に設定 */
}

.tagcloud a:hover {
  background-color: #90C31F; /* ホバー時のタグクラウド背景色を緑に変更 */
  color: #fff!important; /* ホバー時の文字色を白に変更 */
  transition: 0.4s; /* ホバー時の変化を0.4秒間で行う */
}

.nwa .recommended.rcs-card-margin a {
  margin: 0 0 1em; /* リンクの下部に1emの余白を追加 */
  width: 90%; /* リンクの幅を90%に設定 */
}

.widget-entry-cards .widget-entry-card-content {
  color: #565656; /* カードコンテンツの文字色を中間の灰色に設定 */
}

/* ********************
 * LINEボタンを中央寄せする親要素 */
.line-btn-wrapper {
  text-align: center;
}

/************************************
**** TOP投稿カード 2026
**** PC／タブレット表示・PCホバー金の光
**** スマホはTOPの通常投稿一覧を非表示
************************************/

/*────────────────────────────────
  カード全体
────────────────────────────────*/
a.entry-card-wrap.a-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;

  background-color: #fff;
  border-radius: 10px;

  text-decoration: none;

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background-color .35s ease,
    border-color .35s ease;
}

/* Cocoon内部の白背景もカードに合わせて変える */
a.entry-card-wrap.a-wrap .entry-card,
a.entry-card-wrap.a-wrap .entry-card-content {
  background-color: transparent;
  transition: background-color .35s ease;
}

/*────────────────────────────────
  金色の光レイヤー
────────────────────────────────*/
a.entry-card-wrap.a-wrap::after {
  z-index: 10;
}

/*────────────────────────────────
  PC：ホバー時
────────────────────────────────*/
@media (hover: hover) {

  a.entry-card-wrap.a-wrap:hover {
    transform: translateY(-1px);

    background-color: #f1f1f1 !important;
    border-color: transparent;

    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  }

  a.entry-card-wrap.a-wrap:hover .entry-card,
  a.entry-card-wrap.a-wrap:hover .entry-card-content {
    background-color: #f1f1f1 !important;
  }

  a.entry-card-wrap.a-wrap:hover::after {
    opacity: 1;
    animation: entry-card2026-shine 1.1s ease;
  }
}

@keyframes entry-card2026-shine {

  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

/*────────────────────────────────
  サムネイル：5:4固定＋画像全体を表示
────────────────────────────────*/
figure.entry-card-thumb.card-thumb.e-card-thumb {
  position: relative;
  width: 100%;
  padding-top: 80%;
  overflow: hidden;

  background-color: #f7f7f7;
  border-radius: 10px 10px 0 0;
}

figure.entry-card-thumb.card-thumb.e-card-thumb img {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  height: auto;
  max-height: 100%;

  transform: translate(-50%, -50%);
  object-fit: contain;
}

/*────────────────────────────────
  タイトル
────────────────────────────────*/
h2.entry-card-title.card-title.e-card-title {
  position: relative;
  display: inline-block;
  width: auto;

  margin: 1em auto .5em;
  padding-bottom: .2em;

  color: #696969;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}

h2.entry-card-title.card-title.e-card-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;

  background-color: #90C31F;
}

/*────────────────────────────────
  スニペット
────────────────────────────────*/
.entry-card-snippet.card-snippet.e-card-snippet {
  max-height: 30em;
  margin: 0;
  padding: .6em 2em 4em;

  border-top: 3px dotted #90C31F;

  color: #7b7b7b;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
}

/*────────────────────────────────
  投稿日・更新日
────────────────────────────────*/
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update {
  color: #7b7b7b;
  font-size: .86em;
}

/*────────────────────────────────
  タブレット以下：現在の影を維持
────────────────────────────────*/
@media (max-width: 1023px) {

  div#list a.entry-card-wrap.a-wrap {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  }
}

/*──────────────────────────────
  スマホ：TOPページの通常投稿一覧を非表示
  ※カテゴリー・投稿ページなどは消さない
──────────────────────────────*/
@media (max-width: 600px) {

  body.home #list,
  body.home .pagination,
  body.home .pagination-next-link,
  body.home .list-more-button {
    display: none !important;
  }
}



/*────────────────────────────────
  全体：日記一覧と同じ540px
────────────────────────────────*/




/*────────────────────────────────
  年ごとのカード
────────────────────────────────*/


/*────────────────────────────────
  年ボタン
────────────────────────────────*/
/* ちびっこ日記：年・月のボタン：共通指定は一か所にまとめる。 */


















/*────────────────────────────────
  月パネル：CSSで滑らかに開閉
────────────────────────────────*/






/*────────────────────────────────
  月リンク
  年と同じ横幅で緑になる
────────────────────────────────*/








/*────────────────────────────────
  金色の光
────────────────────────────────*/


/*────────────────────────────────
  PCホバー
────────────────────────────────*/
@media (hover: hover) {

  

  

  

  

  
}



/*────────────────────────────────
  キーボード操作
────────────────────────────────*/


/*────────────────────────────────
  スマホ
────────────────────────────────*/
@media (max-width: 600px) {

  

  

  
}

/*────────────────────────────────
  タップ時
────────────────────────────────*/




/**************************/
/*ページ送りナビ*/
/****************************************/
/************************************
 * 前後記事ナビ（子テーマカスタム最終版）
 *  上段＝前の記事  :  [矢印][サムネ]  日付 → タイトル
 *  下段＝次の記事  :  [サムネ]       日付 → タイトル  [矢印]
 ************************************/

/* ==== 共通：メタ部（日時＋タイトルの縦並び） ==== */
.pager-post-meta{
  display:flex;
  flex-direction:column;   /* 日付 → タイトル を縦積み */
  gap:2px;                 /* 日付とタイトルの間隔 */
  line-height:1.4;
}

/* ==== 前の記事（上段・左側リンク） ==== */
.prev-post.a-wrap{
  display:flex;
  align-items:center;
}
.prev-post .prev-post-thumb{           /* サムネ → テキストの余白 */
  margin-right:20px;
}
.prev-post .pager-post-meta{           /* 左寄せ */
  text-align:left;
}

/* ==== 次の記事（下段・右側リンク） ==== */
.next-post.a-wrap{
  display:flex;
  align-items:center;
  flex-direction:row-reverse;          /* 子要素の並びを反転 */
}
.next-post .next-post-thumb{           /* サムネ ← テキストの余白 */
  margin-right:20px;                   /* ← 右側に 20px ギャップ */
  margin-left:0;
}
.next-post .pager-post-meta{           /* 左寄せで OK */
  text-align:left;
}

/* ==== 投稿日時 ==== */
.pager-post-date{
  font-size:.85rem;
  color:#666;
}

/* ==== タイトル（緑のアンダーライン） ==== */
.pager-post-title{
  border-bottom:2px solid #90C31F;
  padding-bottom:2px;
  font-weight:700;
  display:inline-block;               /* 文字幅＝線幅 */
}

/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * バーナーボアアップ2026
 * 画像1枚バナー用
 * ホバー時：少し拡大＋明るく＋光が流れる
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

.banner-boaup2026-link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(120, 80, 40, 0.16);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease;
}

.banner-boaup2026-img {
  display: block;
  width: 100%;
  height: auto;
  transition:
    transform 0.45s ease,
    filter 0.45s ease;
}

.banner-boaup2026-link::after {
  z-index: 3;
}

.banner-boaup2026-link:hover {
  transform: scale(1.025);
  box-shadow: 0 8px 22px rgba(120, 80, 40, 0.28);
  filter: brightness(1.04);
}

.banner-boaup2026-link:hover .banner-boaup2026-img {
  transform: scale(1.05);
}

.banner-boaup2026-link:hover::after {
  opacity: 1;
  animation: banner-boaup2026-light 1.1s ease;
}

.banner-boaup2026-link:active {
  transform: scale(0.99);
}

@keyframes banner-boaup2026-light {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* =========================================
   WARaRa「材料へのこだわり」固定ページ
   このCSSへ丸ごと置き換えてください
   ========================================= */

/* ------------------------------
   ページ全体
   ------------------------------ */

/* 固定ページ7種類：外枠の共通設定：各ページ・部品で共通する指定だけを集約。 */
.warara-material-page,
.warara-category-page2026,
.warara-store-page {
  max-width: 1080px;
  margin: 0 auto;
  border-radius: 24px;
  box-sizing: border-box;
}

.warara-material-page {
  --warara-ink: #4b2c22;
  --warara-text: #59443c;
  --warara-green: #858d4c;
  --warara-paper: #fbf8f1;
  --warara-line: rgba(133, 141, 76, 0.42);
  padding: clamp(38px, 6vw, 78px) clamp(14px, 3vw, 30px);
  background: radial-gradient(
      circle at 16% 0%,
      rgba(255, 255, 255, 0.96),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #fffdf9 0%,
      var(--warara-paper) 100%
    );
  color: var(--warara-ink);
}

.warara-material-page *,
.warara-material-page *::before,
.warara-material-page *::after,
.warara-category-page2026 *,
.warara-category-page2026 *::before,
.warara-category-page2026 *::after,
.warara-store-page *,
.warara-store-page *::before,
.warara-store-page *::after {
  box-sizing: border-box;
}

/* ------------------------------
   ページ上部
   ------------------------------ */

.warara-material-intro,
.warara-store-intro {
  max-width: 850px;
  margin: 0 auto clamp(34px, 5vw, 60px);
  text-align: center;
}

/* CocoonスキンのH1装飾を、この見出しだけ解除 */

.article h1.warara-material-title,
.entry-content h1.warara-material-title,
.warara-material-page h1.warara-material-title {
  margin: 0;
  padding: 0;

  color: var(--warara-ink);
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(31px, 5vw, 52px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.16em;
}

.article h1.warara-material-title::before,
.entry-content h1.warara-material-title::before,
.warara-material-page h1.warara-material-title::before {
  display: none;
  content: none;
}

/* 導入文 */

.warara-material-lead {
  margin: 24px 0 0;
  padding: 0;

  color: #684b42;
  background: none;
  border: none;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(14px, 1.8vw, 17px);
  line-height: 2;
  letter-spacing: 0.06em;
}

/* PC・スマホともに、HTML内の<br>を有効にする */
.warara-material-lead br {
  display: inline;
}

/* ------------------------------
   材料カード
   ------------------------------ */

.warara-material-card {
  margin: 0 0 clamp(20px, 2.8vw, 30px);
  overflow: hidden;

  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(93, 65, 48, 0.07);
  border-radius: 20px;

  box-shadow:
    0 14px 38px rgba(72, 51, 35, 0.075),
    0 2px 8px rgba(72, 51, 35, 0.04);
}

/* 画像 */

.warara-material-card .wp-block-media-text__media {
  align-self: stretch;
  min-height: 320px;
  margin: 0;
  overflow: hidden;
  background: #f4f0e8;
}

/* 素材・カテゴリ：写真の基本表示：共通指定は一か所にまとめる。 */
.warara-material-card .wp-block-media-text__media img,
.warara-category-img2026 {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  object-position: center;
}

/* 文章エリア */

.warara-material-card .wp-block-media-text__content {
  display: flex;
  flex-direction: column;

  padding: clamp(30px, 4vw, 56px) !important;
}

/* ------------------------------
   材料名 H2
   Cocoonスキンの装飾をこのページだけ解除
   ------------------------------ */

.article .warara-material-card h2.warara-material-name,
.entry-content .warara-material-card h2.warara-material-name,
.warara-material-page .warara-material-card h2.warara-material-name {
  order: 1;

  margin: 0 0 7px;
  padding: 0;

  color: var(--warara-ink);
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(27px, 3vw, 37px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0.09em;
}

.article .warara-material-card h2.warara-material-name::before,
.article .warara-material-card h2.warara-material-name::after,
.entry-content .warara-material-card h2.warara-material-name::before,
.entry-content .warara-material-card h2.warara-material-name::after,
.warara-material-page .warara-material-card h2.warara-material-name::before,
.warara-material-page .warara-material-card h2.warara-material-name::after {
  display: none;
  content: none;
}

/* ------------------------------
   産地
   材料名の下に表示
   ------------------------------ */

.warara-material-card .warara-material-area {
  order: 2;

  margin: 0 0 24px;
  padding: 0 0 15px;

  color: var(--warara-green);
  background: none;
  border: none;
  border-bottom: 1px solid var(--warara-line);

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.18em;
}

/* ------------------------------
   本文
   ------------------------------ */

.warara-material-copy {
  order: 3;

  margin: 0;
  padding: 0;

  color: var(--warara-text);
  background: none;
  border: none;

  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.025em;
}

/* ------------------------------
   タブレット
   ------------------------------ */

@media (max-width: 1023px) {
  .warara-material-card .wp-block-media-text__content {
    padding: 32px !important;
  }

  .warara-material-copy {
    line-height: 1.9;
  }
}

/* ------------------------------
   スマホ
   画像 → 材料名 → 産地 → 本文
   ------------------------------ */

@media (max-width: 781px) {
  .article h1.warara-material-title,
  .entry-content h1.warara-material-title,
  .warara-material-page h1.warara-material-title {
    letter-spacing: 0.1em;
  }

  .warara-material-card {
    grid-template-columns: 100% !important;
    border-radius: 16px;
  }

  .warara-material-card .wp-block-media-text__media {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-height: 0;
  }

  .warara-material-card .wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 2 !important;

    padding: 27px 22px 31px !important;
  }

  .warara-material-card .wp-block-media-text__media img {
    height: auto;
    min-height: 0;

    aspect-ratio: 1.6 / 1;
  }

  .article .warara-material-card h2.warara-material-name,
  .entry-content .warara-material-card h2.warara-material-name,
  .warara-material-page .warara-material-card h2.warara-material-name {
    margin-bottom: 5px;
    padding-bottom: 0;

    font-size: clamp(25px, 8vw, 31px);
  }

  .warara-material-card .warara-material-area {
    margin-bottom: 18px;
    padding-bottom: 12px;

    font-size: 13px;
  }

  .warara-material-copy {
    font-size: 14px;
    line-height: 1.9;
  }
}
/* 整理済み：旧・旬のフルーツ専用ページ（現行は共通カード）（旧コードは変更差分参照） */

/*****************************************************
 **** 汎用カテゴリページ・カード 2026
 **** 旬のフルーツ／カットケーキ／焼き菓子／人気商品 共通
 *****************************************************/

/* ===== 共通 ===== */
.warara-category-page2026,
.warara-category-cards2026 {
  --warara-category2026-ink:#3d251d;
  --warara-category2026-text:#49362f;
  --warara-category2026-green:#858d4c;
  --warara-category2026-paper:#fbf8f1;
  --warara-category2026-line:rgba(133,141,76,.42);
}

.warara-category-page2026 {
  padding: clamp(38px,6vw,78px) clamp(14px,3vw,30px);
  background: radial-gradient(circle at 16% 0%,rgba(255,255,255,.96),transparent 38%),
    linear-gradient(180deg,#fffdf9 0%,var(--warara-category2026-paper) 100%);
  color: var(--warara-category2026-ink);
}

/* ===== ページ上部 ===== */
.warara-category-intro2026 {
  max-width:850px;
  margin:0 auto clamp(34px,5vw,60px);
  text-align:center;
}

.article h1.warara-category-title2026,
.entry-content h1.warara-category-title2026,
.warara-category-page2026 h1.warara-category-title2026 {
  margin:0;
  padding:0;
  color:var(--warara-category2026-ink);
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif;
  font-size:clamp(31px,5vw,52px);
  font-weight:500;
  line-height:1.45;
  letter-spacing:.16em;
}

.article h1.warara-category-title2026::before,
.entry-content h1.warara-category-title2026::before,
.warara-category-page2026 h1.warara-category-title2026::before {
  display:none;
  content:none;
}

.article h1.warara-category-title2026::after,
.entry-content h1.warara-category-title2026::after,
.warara-category-page2026 h1.warara-category-title2026::after {
  display:block;
  content:"";
  height:1px;
  margin:24px auto 0;
  background:linear-gradient(90deg,transparent,rgba(133,141,76,.9),transparent);
}

.warara-category-lead2026 {
  margin:24px 0 0;
  padding:0;
  color:#49362f;
  background:none;
  border:0;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif;
  font-size:clamp(14px,1.8vw,17px);
  line-height:2;
  letter-spacing:.06em;
}

.warara-category-lead2026 br {
  display:inline;
}

/* ===== カード ===== */
.warara-category-cards2026 {
  display:block;
  width:100%;
}

.warara-category-card2026 {
  position:relative;
  isolation:isolate;
  display:block;
  margin:0 0 clamp(20px,2.8vw,30px);
  overflow:hidden;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(93,65,48,.07);
  border-radius:20px;
  box-shadow:0 14px 38px rgba(72,51,35,.075),0 2px 8px rgba(72,51,35,.04);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}

/* PC：画像46％＋文章54％ */
.warara-category-card2026-link {
  display:grid;
  grid-template-columns:46% minmax(0,1fr);
  width:100%;
  min-height:100%;
  color:inherit !important;
  text-decoration:none !important;
  cursor:pointer;
}

.warara-category-card2026--image-right .warara-category-card2026-link {
  grid-template-columns:minmax(0,1fr) 46%;
}

.warara-category-card2026--image-right .warara-category-media2026 {
  grid-column:2;
  grid-row:1;
}

.warara-category-card2026--image-right .warara-category-content2026 {
  grid-column:1;
  grid-row:1;
}

/* ===== 画像 ===== */
.warara-category-media2026 {
  position:relative;
  display:block;
  align-self:stretch;
  min-height:320px;
  overflow:hidden;
  background:#f4f0e8;
  color:inherit;
  text-decoration:none !important;
}

.warara-category-image-wrap2026 {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:320px;
  overflow:hidden;
}

.warara-category-img2026 {
  transition: transform .5s ease,filter .4s ease;
}

.warara-category-noimage2026 {
  color:#8b8178;
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:14px;
  letter-spacing:.08em;
}

/* ===== 光エフェクト ===== */
.warara-category-card2026::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,240,190,0) 35%,
    rgba(255,240,190,.34) 50%,
    rgba(255,240,190,0) 65%,
    transparent 100%
  );
  opacity:0;
  transform:translateX(-100%);
}

@keyframes warara-category-light2026 {
  from {transform:translateX(-100%);}
  to {transform:translateX(100%);}
}

@media (hover:hover) {
  .warara-category-card2026:hover {
    transform:translateY(-2px);
    border-color:rgba(133,141,76,.22);
    box-shadow:0 18px 44px rgba(72,51,35,.13),0 3px 10px rgba(72,51,35,.06);
  }

  .warara-category-card2026:hover .warara-category-img2026 {
    transform:scale(1.035);
    filter:brightness(1.035);
  }

  .warara-category-card2026:hover::after {
    opacity:1;
    animation:warara-category-light2026 1.1s ease;
  }

  .warara-category-card2026:hover .warara-category-name2026 {
    color:var(--warara-category2026-green);
  }
}

.warara-category-card2026:active {
  transform:scale(.995);
}

.warara-category-card2026:focus-within {
  border-color:rgba(133,141,76,.34);
  box-shadow:0 18px 44px rgba(72,51,35,.11),0 3px 10px rgba(72,51,35,.05);
}

.warara-category-card2026-link:focus-visible {
  outline:2px solid var(--warara-category2026-green);
  outline-offset:-3px;
}

/* ===== 文章エリア ===== */
.warara-category-content2026 {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(28px,3.4vw,48px);
}

/* ===== 共通の商品見出し（人気商品のデザインを標準に） ===== */
.warara-category-heading2026 {
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 0 0 12px;
  text-align: center;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
}
.warara-category-heading2026 .warara-category-name2026 {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--warara-category2026-ink);
  font: 500 clamp(24px, 2.35vw, 32px) / 1.45 "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", serif;
  letter-spacing: .08em;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: color .25s ease;
}
.warara-category-title-rule2026 {
  display: block;
  flex: 0 0 auto;
  width: 72%;
  max-width: 260px;
  height: 1px;
  margin: 13px auto 0;
  background: linear-gradient(90deg, transparent, rgba(133, 141, 76, .7) 16%, rgba(133, 141, 76, .7) 84%, transparent);
}
.warara-category-since2026 {
  display: block;
  width: 100%;
  margin: 21px auto 0;
  color: #49362f;
  font-size: clamp(14px, 1.25vw, 16px);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .06em;
  text-align: center;
}
/* 産地・補足はSINCEと独立して表示する。 */
.warara-category-meta2026 {
  order: 2;
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--warara-category2026-text);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .04em;
  text-align: center;
}
/* 固定ページの本文段落ルールよりカード専用の補足設定を優先する。 */
body.page:not(.home) .entry-content p.warara-category-meta2026 {
  margin: 8px 0 0;
  padding: 0;
  color: var(--warara-category2026-text);
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .04em;
  text-align: center;
}

/* 商品カード共通：抜粋は旬のフルーツの読みやすさを基準に統一。 */
.warara-category-excerpt2026 {
  order: 3;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  color: #49362f;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  font-size: clamp(15px, 1.25vw, 16px);
  font-weight: 500;
  line-height: 1.85;
  letter-spacing: .025em;
  overflow-wrap: anywhere;
}

.warara-category-excerpt2026 p {
  margin:0;
  padding:0;
}

.warara-category-excerpt2026--separated {
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid rgba(133,141,76,.35);
}

/* 投稿抜粋の段落はカード内に余分な下余白を作らない。 */
body.page:not(.home) .entry-content .warara-category-excerpt2026 p,
.warara-category-excerpt2026 p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

.warara-category-empty2026 {
  margin:0;
  padding:clamp(28px,5vw,48px);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(93,65,48,.07);
  border-radius:18px;
  color:var(--warara-category2026-text);
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  text-align:center;
  line-height:2;
}

/* ===== タブレット ===== */
@media (max-width:1023px) and (min-width:782px) {
  .warara-category-content2026 {
    padding:26px;
  }

  .warara-category-excerpt2026 {
    line-height:1.9;
  }
}

/* ===== スマホ：画像 → 文章 ===== */
@media (max-width:781px) {
  .warara-category-page2026 {
    padding:38px 10px 46px;
    border-radius:16px;
  }

  .warara-category-intro2026 {
    margin-bottom:34px;
    padding:0 8px;
  }

  .article h1.warara-category-title2026,
  .entry-content h1.warara-category-title2026,
  .warara-category-page2026 h1.warara-category-title2026 {
    letter-spacing:.1em;
  }

  .warara-category-card2026 {
    border-radius:16px;
  }

  .warara-category-card2026 .warara-category-card2026-link,
  .warara-category-card2026--image-right .warara-category-card2026-link {
    grid-template-columns:100%;
  }

  .warara-category-card2026 .warara-category-media2026,
  .warara-category-card2026--image-right .warara-category-media2026 {
    grid-column:1;
    grid-row:1;
    min-height:0;
  }

  .warara-category-card2026 .warara-category-content2026,
  .warara-category-card2026--image-right .warara-category-content2026 {
    grid-column:1;
    grid-row:2;
    padding:27px 22px 31px;
  }

  .warara-category-image-wrap2026,
  .warara-category-img2026 {
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:1.6 / 1;
    object-fit:cover;
  }

  .warara-category-meta2026 {
    margin-bottom:18px;
    padding-bottom:12px;
    font-size:13px;
  }

  .warara-category-excerpt2026 {
    font-size: 15px;
    line-height: 1.9;
  }
}

/* ===== 動きを減らす設定 ===== */
@media (prefers-reduced-motion:reduce) {
  .warara-category-card2026,
  .warara-category-img2026,
  .warara-category-card2026::after,
  .warara-category-name2026 {
    transition:none;
    animation:none;
  }

  .warara-category-card2026:hover,
  .warara-category-card2026:active {
    transform:none;
  }

  .warara-category-card2026:hover .warara-category-img2026 {
    transform:none;
    filter:none;
  }

  .warara-category-card2026:hover::after {
    opacity:0;
  }
}

/* 店舗で継続使用するカード装飾 */
.warara-store-card {
width: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(93, 65, 48, 0.07);
  border-radius: 20px;
  box-shadow: 0 14px 38px rgba(72, 51, 35, 0.075),
    0 2px 8px rgba(72, 51, 35, 0.04);
}

.warara-store-card {
position: relative;
  margin: 0 0 clamp(20px, 2.8vw, 30px);
  padding: clamp(30px, 5vw, 58px);
}

.warara-store-page .warara-store-card:last-child {
margin-bottom: 0;
}

.widget.widget-below-related-entries
h2.widget-below-related-entries-title.main-widget-label.widget-title {
margin: 0 0 28px;
  padding: 0;

  color: var(--warara-birthday-ink, #3d251d);
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(25px, 3vw, 34px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.09em;
  text-align: center;
}

.widget.widget-below-related-entries
h2.widget-below-related-entries-title.main-widget-label.widget-title::before {
display: none !important;
}

@media (max-width: 781px) {
.widget.widget-below-related-entries
  h2.widget-below-related-entries-title.main-widget-label.widget-title {
margin-bottom: 23px;
    font-size: clamp(24px, 7vw, 29px);
}
}

/*****************************************************
 **** 店舗情報 固定ページ 2026
 **** 素材・旬のフルーツ・バースデーと共通の高級仕様
 *****************************************************/

/* ------------------------------
   ページ全体
   ------------------------------ */

.warara-store-page {
  --warara-store-ink: #4b2c22;
  --warara-store-text: #59443c;
  --warara-store-green: #858d4c;
  --warara-store-paper: #fbf8f1;
  --warara-store-line: rgba(133, 141, 76, 0.42);
  padding: clamp(38px, 6vw, 78px) clamp(14px, 3vw, 30px);
  background: radial-gradient(
      circle at 16% 0%,
      rgba(255, 255, 255, 0.96),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #fffdf9 0%,
      var(--warara-store-paper) 100%
    );
  color: var(--warara-store-ink);
}

/* ------------------------------
   ページ上部
   ------------------------------ */

.warara-store-page h3.warara-store-subtitle::before {
  display: none !important;
}

.warara-store-lead {
  margin: 24px 0 0;
  padding: 0;

  color: #684b42;
  background: none;
  border: 0;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(14px, 1.8vw, 17px);
  line-height: 2;
  letter-spacing: 0.06em;
}

.warara-store-lead br,
.warara-store-note br,
.warara-store-address br {
  display: inline;
}

/* ------------------------------
   白いカード
   ------------------------------ */

/* ------------------------------
   カード見出し
   ------------------------------ */

.article h3.warara-store-subtitle,
.entry-content h3.warara-store-subtitle,
.warara-store-page h3.warara-store-subtitle {
  margin: 38px 0 22px;
  padding: 0;

  color: var(--warara-store-ink);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;

  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
}

/* ------------------------------
   定休日・営業時間
   ------------------------------ */

.warara-store-info-list {
  width: min(700px, 100%);
  margin: 0 auto;
  padding: 0;
}

.warara-store-info-row {
  display: grid;
  grid-template-columns: minmax(120px, 0.72fr) minmax(0, 1.28fr);
  align-items: center;
  min-height: 70px;
  border-bottom: 1px solid var(--warara-store-line);
}

.warara-store-info-row:first-child {
  border-top: 1px solid var(--warara-store-line);
}

.warara-store-info-row dt,
.warara-store-info-row dd {
  margin: 0;
  padding: 17px 24px;
}

.warara-store-info-row dt {
  color: var(--warara-store-green);
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;
  font-size: 15px;
  letter-spacing: 0.11em;
  text-align: right;
}

.warara-store-info-row dd {
  border-left: 1px solid var(--warara-store-line);
  color: var(--warara-store-ink);
  font-size: clamp(17px, 2.1vw, 21px);
  line-height: 1.7;
  letter-spacing: 0.04em;
}

/* 店舗情報：補足と住所：共通指定は一か所にまとめる。 */
.warara-store-note,
.warara-store-address {
  padding: 0;
  color: var(--warara-store-text);
  background: none;
  border: 0;
  line-height: 1.9;
}

.warara-store-note {
  margin: 27px auto 0;
  font-size: 14px;
  letter-spacing: 0.025em;
}

/* ------------------------------
   営業日カレンダー
   ------------------------------ */

.warara-store-calendar {
  width: min(820px, 100%);
  margin: 0 auto;
}

.warara-store-calendar .closed2026-wrapper {
  width: 100%;
  margin: 0 auto;
  border-radius: 14px;
  box-shadow:
    0 10px 28px rgba(72, 51, 35, 0.08),
    0 2px 7px rgba(72, 51, 35, 0.04);
}

.warara-store-calendar .closed2026-slider {
  background: #f5f1e9;
}

.warara-store-calendar .closed2026-slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------------------
   住所
   ------------------------------ */

.warara-store-address {
  margin: 0 auto 28px;
  font-size: 15px;
  letter-spacing: 0.04em;
}

/* ------------------------------
   地図
   ------------------------------ */

.warara-store-map {
  width: min(880px, 100%);
  margin: 0 auto;
}

.warara-store-map-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 310px;
  overflow: hidden;

  background:
    linear-gradient(rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.58)),
    repeating-linear-gradient(
      45deg,
      #efe9de 0,
      #efe9de 18px,
      #f7f3ec 18px,
      #f7f3ec 36px
    );

  border: 1px solid rgba(93, 65, 48, 0.09);
  border-radius: 14px;

  box-shadow:
    0 10px 28px rgba(72, 51, 35, 0.08),
    0 2px 7px rgba(72, 51, 35, 0.04);
}

.warara-store-map-load {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 220px;
  min-height: 52px;
  padding: 12px 24px;

  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(133, 141, 76, 0.38);
  border-radius: 999px;

  color: var(--warara-store-ink);
  font-family: inherit;
  font-size: 15px;
  letter-spacing: 0.08em;
  cursor: pointer;

  box-shadow: 0 7px 20px rgba(72, 51, 35, 0.11);

  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    color 0.28s ease,
    box-shadow 0.28s ease;
}

.warara-store-map-load-arrow {
  color: var(--warara-store-green);
  font-size: 1.25em;
  transition: color 0.28s ease, transform 0.28s ease;
}

.warara-store-map-help {
  margin: 14px 0 0;
  color: #75675f;
  font-size: 12px;
  letter-spacing: 0.03em;
}

.warara-store-map-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  border: 0;
}

.warara-store-map-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 0;
}

.warara-store-map-action {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 10px 15px;

  background: #f5f2eb;
  border: 1px solid rgba(93, 65, 48, 0.08);
  border-radius: 10px;

  color: var(--warara-store-ink) !important;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;

  transition:
    transform 0.28s ease,
    background-color 0.28s ease,
    border-color 0.28s ease,
    color 0.28s ease,
    box-shadow 0.28s ease;
}

button.warara-store-map-action {
  width: 100%;
}

.warara-store-copy-result,
.warara-store-map-noscript {
  min-height: 1.5em;
  margin: 10px 0 0;
  color: var(--warara-store-green);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

/* ------------------------------
   PCホバー
   ------------------------------ */

@media (hover: hover) {
  .warara-store-map-load:hover {
    transform: translateY(-2px);
    background: var(--warara-store-green);
    color: #fff;
    box-shadow: 0 10px 24px rgba(72, 51, 35, 0.16);
  }

  .warara-store-map-load:hover .warara-store-map-load-arrow {
    color: #fff;
    transform: translateX(3px);
  }

  .warara-store-map-action:hover {
    transform: translateY(-2px);
    background: var(--warara-store-green);
    border-color: var(--warara-store-green);
      box-shadow: 0 7px 17px rgba(72, 51, 35, 0.13);
  }
}

/* ------------------------------
   スマホ
   ------------------------------ */

@media (max-width: 781px) {
  .warara-store-info-row {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  .warara-store-info-row dt,
  .warara-store-info-row dd {
    padding: 15px 13px;
  }

  .warara-store-info-row dt {
    font-size: 13px;
    text-align: center;
  }

  .warara-store-info-row dd {
    font-size: 16px;
  }

  .warara-store-note,
  .warara-store-address {
    font-size: 13px;
  }

  .warara-store-map-stage,
  .warara-store-map-frame {
    min-height: 300px;
  }

  .warara-store-map-stage {
    aspect-ratio: 4 / 3;
    border-radius: 10px;
  }

  .warara-store-map-actions {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .warara-store-map-action {
    min-height: 46px;
  }
}

/* 材料・店舗：旧お問い合わせとは独立して継続使用 */
@media (max-width: 781px) {
  .warara-material-intro,
  .warara-store-intro {
    margin-bottom: 34px;
    padding: 0 8px;
  }
}

/* TOPお知らせウィジェットの一覧ボタン */
.warara-news2026-more a {
  background: #fff;
  border: 1.5px solid var(--warara-select-strong-bg);
  border-radius: 999px;
  color: #62851F;
}

/**************************************************
 * WARaRa お知らせ専用ウィジェット：一覧ボタン
 * 本文の文字をそのまま出力し、旧画像を非表示にする上書きは不要。
 **************************************************/
.warara-news2026-more {
  margin: 18px 0 0;
  text-align: center;
}

.warara-news2026-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0 auto;
  padding: 8px 16px;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 2px 7px rgba(72,90,20,.08);
  transition: background-color .2s, color .2s, transform .2s, box-shadow .2s;
}

.warara-news2026-more a::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

@media (hover: hover) and (pointer: fine) {
  .warara-news2026-more a:hover,
.warara-news2026-more a:focus-visible {
    background: var(--warara-select-strong-bg);
    border-color: var(--warara-select-strong-bg);
    color: var(--warara-select-strong-ink);
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(72,90,20,.20);
  }
}

.warara-news2026-more a:active {
  background: var(--warara-select-strong-pressed);
  border-color: var(--warara-select-strong-pressed);
  color: var(--warara-select-strong-ink);
  transform: scale(.97);
}

/* ------------------------------
   PCホバー
   ------------------------------ */

@media (hover: hover) {
  

  

  

  

}

/* ------------------------------
   タブレット
   ------------------------------ */

@media (max-width: 900px) {
  
}

/* ------------------------------
   スマホ
   ------------------------------ */

@media (max-width: 600px) {
  

  

  

  

  

  

  

  

  

  
}

/* ------------------------------
   狭いスマホ
   ------------------------------ */

@media (max-width: 380px) {
  

  
}



/* ------------------------------
   ページ全体
   ------------------------------ */



/* ------------------------------
   タイトルと冒頭の文章
   ------------------------------ */











/* ------------------------------
   白いカード
   ------------------------------ */

/* ------------------------------
   体験内容
   ------------------------------ */







/*
 * 絵文字は端末や文字コードで崩れることがあるため、
 * CSSで01?07の番号を表示します。
 */








/* ------------------------------
   同じカード内の予約案内
   ------------------------------ */









/* ------------------------------
   元のブログカードをそのまま縦並び
   ------------------------------ */









/* ------------------------------
   日記バナー
   ------------------------------ */





/* ------------------------------
   スマホ
   ------------------------------ */

@media (max-width: 781px) {
.warara-material-page,
.warara-store-page {
    padding: 38px 10px 46px;
    border-radius: 16px;
  }

  

  

  

  

  .warara-store-card {
    padding: 28px 20px 30px;
    border-radius: 16px;
  }

  

  

  

  

  

  

  
}

/*****************************************************
 **** ノーマルブログカード ホバー2026 修正版
 **** 幅100%・カード拡大・関連記事ラベル切れ対策
 *****************************************************/

/* ------------------------------
   横幅
   親コンテナいっぱいまで広げる
   ------------------------------ */

.entry-content
.wp-block-cocoon-blocks-blogcard,
.entry-content
.blogcard-type,
.entry-content
.blogcard-wrap,
.entry-content
.blogcard-wrap .blogcard {
  width: 100% !important;
  max-width: none !important;
}

.entry-content
.wp-block-cocoon-blocks-blogcard,
.entry-content
.blogcard-type,
.entry-content
.blogcard-wrap {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* ------------------------------
   カード全体
   ------------------------------ */

.entry-content .blogcard-wrap {
  position: relative;
  isolation: isolate;

  display: block;

  /*
   * 「関連記事」ラベルを切らないため、
   * 外側は overflow: visible にします。
   */
  overflow: visible !important;

  border-radius: 14px;

  transform: translateZ(0);
  transform-origin: center;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Cocoonカード本体 */
.entry-content .blogcard-wrap .blogcard {
  position: relative;

  /*
   * ラベルがカード上端から少し出ても切れないようにします。
   * 金色の光は clip-path で角丸内に収めます。
   */
  overflow: visible !important;

  background: #fff;
  border: 1px solid rgba(93, 65, 48, 0.10);
  border-radius: 14px;

  box-shadow:
    0 4px 14px rgba(72, 51, 35, 0.06);

  transition:
    background-color 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* ------------------------------
   「関連記事」ラベル
   ------------------------------ */

.entry-content
.blogcard-wrap
.blogcard-label {
  position: absolute !important;
  top: 0 !important;
  left: 14px !important;
  z-index: 8 !important;

  margin: 0 !important;
  padding: 5px 11px !important;

  transform: none !important;

  border-radius: 0 0 7px 7px !important;

  line-height: 1.35 !important;
  white-space: nowrap;
}

/* ------------------------------
   金色の光
   ------------------------------ */

.entry-content .blogcard-wrap::after {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 5;

  pointer-events: none;

  /*
   * 外側を overflow: visible にしても、
   * 光だけはカードの角丸内に収まります。
   */
  clip-path: inset(0 round 14px);

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 240, 190, 0) 34%,
    rgba(255, 240, 190, 0.36) 50%,
    rgba(255, 240, 190, 0) 66%,
    transparent 100%
  );

  opacity: 0;
  transform: translateX(-110%);
}

/* ------------------------------
   サムネイル
   ------------------------------ */

.entry-content
.blogcard-wrap
.blogcard-thumbnail,
.entry-content
.blogcard-wrap
.blogcard-thumb {
  overflow: hidden;
}

.entry-content
.blogcard-wrap
.blogcard-thumbnail img,
.entry-content
.blogcard-wrap
.blogcard-thumb img,
.entry-content
.blogcard-wrap
img.blogcard-thumb-image {
  transform-origin: center;

  transition:
    transform 0.45s ease,
    filter 0.45s ease;
}

/* タイトル */
.entry-content
.blogcard-wrap
.blogcard-title {
  transition: color 0.35s ease;
}

/* ------------------------------
   PCホバー
   ------------------------------ */

@media (hover: hover) {

  .entry-content .blogcard-wrap:hover {
    /*
     * 金色の光だけでなく、
     * カード全体も少し拡大します。
     */
    transform:
      translateY(-2px)
      scale(1.018);

    box-shadow:
      0 13px 28px rgba(72, 51, 35, 0.15);
  }

  .entry-content
  .blogcard-wrap:hover::after {
    opacity: 1;
    animation: warara-blogcard2026-shine 1.1s ease;
  }

  .entry-content
  .blogcard-wrap:hover
  .blogcard {
    background: #f3f1eb;
    border-color: rgba(133, 141, 76, 0.28);

    box-shadow:
      0 8px 20px rgba(72, 51, 35, 0.10);
  }

  .entry-content
  .blogcard-wrap:hover
  .blogcard-thumbnail img,
  .entry-content
  .blogcard-wrap:hover
  .blogcard-thumb img,
  .entry-content
  .blogcard-wrap:hover
  img.blogcard-thumb-image {
    transform: scale(1.06);
    filter: brightness(1.04);
  }

  .entry-content
  .blogcard-wrap:hover
  .blogcard-title {
    color: #4b2c22;
  }
}

/* ------------------------------
   キーボード操作
   ------------------------------ */

.entry-content
.blogcard-wrap:focus-within {
  outline: 3px solid rgba(133, 141, 76, 0.24);
  outline-offset: 3px;

  box-shadow:
    0 12px 26px rgba(72, 51, 35, 0.12);
}

/* タップ時 */
.entry-content
.blogcard-wrap:active {
  transform: scale(0.992);
}

/* 光の動き */
@keyframes warara-blogcard2026-shine {
  from {
    transform: translateX(-110%);
  }

  to {
    transform: translateX(110%);
  }
}

/* ------------------------------
   スマホ
   ------------------------------ */

@media (max-width: 600px) {

  /*
   * スマホのラベル位置のみ調整します。
   */

  .entry-content
  .blogcard-wrap
  .blogcard-label {
    left: 10px !important;
    padding: 4px 9px !important;
  }
}

/* ------------------------------
   動きを減らす設定
   ------------------------------ */

@media (prefers-reduced-motion: reduce) {

  .entry-content .blogcard-wrap,
  .entry-content .blogcard-wrap::after,
  .entry-content .blogcard-wrap .blogcard,
  .entry-content .blogcard-wrap .blogcard-thumbnail img,
  .entry-content .blogcard-wrap .blogcard-thumb img,
  .entry-content .blogcard-wrap img.blogcard-thumb-image,
  .entry-content .blogcard-wrap .blogcard-title {
    transition: none;
    animation: none;
  }

  .entry-content .blogcard-wrap:hover,
  .entry-content .blogcard-wrap:active {
    transform: none;
  }

  .entry-content .blogcard-wrap:hover::after {
    opacity: 0;
  }

  .entry-content
  .blogcard-wrap:hover
  .blogcard-thumbnail img,
  .entry-content
  .blogcard-wrap:hover
  .blogcard-thumb img,
  .entry-content
  .blogcard-wrap:hover
  img.blogcard-thumb-image {
    transform: none;
    filter: none;
  }
}

/* PCヘッダー：子メニューの文字を省略せず全表示 */
@media screen and (min-width: 1024px) {

  /* 子メニュー全体 */
  #navi .navi-in .sub-menu {
    width: max-content !important;
    min-width: 260px !important;

    /*
     * 普段は文字数に合わせる。
     * 長すぎる場合だけ画面内で折り返す。
     */
    max-width: calc(100vw - 32px) !important;
  }

  /* 子メニューの各項目 */
  #navi .navi-in .sub-menu > li {
    width: 100% !important;
    min-width: 260px !important;
    max-width: 100% !important;
  }

  /* 子メニューのリンク部分 */
  #navi .navi-in .sub-menu > li > a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Cocoonの「…」省略表示を解除 */
  #navi .navi-in .sub-menu .caption-wrap,
  #navi .navi-in .sub-menu .item-label,
  #navi .navi-in .sub-menu .item-description {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;

    text-overflow: clip !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    line-clamp: unset !important;
  }

  /*
   * 右端に近いメニューの子メニューは、
   * 右端を基準に開いて画面外へのはみ出しを防ぐ。
   */
  #navi .navi-in > ul > li:nth-last-child(-n + 2) > .sub-menu {
    right: 0 !important;
    left: auto !important;
  }
}

/* 整理済み：不使用と判断された旧商品グリッド（旧コードは変更差分参照） */

/*****************************************************
 **** PC固定ヘッダー：スクロール時も子メニューを表示
 **** Cocoon標準の固定時非表示を上書き
 *****************************************************/

@media screen and (min-width: 1024px) {

  /*
   * Cocoonは固定ヘッダー時、誤クリック対策として
   * .has-sub と .sub-menu を標準で非表示にします。
   * 子メニューを使うため、固定時だけ表示を戻します。
   */
  .fixed-header .has-sub {
    display: inline-block !important;
  }

  /*
   * カーソルを合わせた時とキーボード操作時に表示。
   */
  .fixed-header .navi-in > ul li:hover > .sub-menu,
  .fixed-header .navi-in > ul li:focus-within > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /*
   * 固定ヘッダーやappeal画像より前面へ出します。
   */
  .fixed-header .navi-in .sub-menu {
    z-index: 10000 !important;
  }
}

/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * WARaRa 汎用フェードバナー ウィジェット 2026
 *
 * ・サイドバー／インデックストップ共通
 * ・700×350（2：1）
 * ・JavaScriptで横幅や高さを計算しない
 * ・複数設置しても各バナーが独立して動作
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

.warara-fadebanner2026 {
  position: relative;
  isolation: isolate;

  display: block;
  width: min(700px, 100%);
  margin: 0 auto;
  padding: 1rem;

  box-sizing: border-box;
  overflow: hidden;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;

  color: inherit;
  text-decoration: none !important;

  box-shadow:
    0 3px 10px rgba(120, 80, 40, .16);

  transition:
    transform .35s ease,
    background-color .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.warara-fadebanner2026:hover,
.warara-fadebanner2026:focus,
.warara-fadebanner2026:active {
  color: inherit;
  text-decoration: none !important;
}

/* 700×350の表示枠 */
.warara-fadebanner2026-stage {
  position: relative;
  z-index: 1;

  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;

  overflow: hidden;

  background: #f7f7f7;
  border-radius: 6px;
}

/* 各画像 */
.warara-fadebanner2026-slide {
  position: absolute;
  inset: 0;

  display: block;

  opacity: 0;
  visibility: hidden;

  transform: scale(1.025);

  transition:
    opacity var(--warara-fadebanner2026-fade, 1200ms) ease,
    visibility 0s linear var(--warara-fadebanner2026-fade, 1200ms),
    transform calc(var(--warara-fadebanner2026-fade, 1200ms) * 1.8) ease;
}

.warara-fadebanner2026-slide.is-active {
  opacity: 1;
  visibility: visible;

  transform: scale(1.075);

  transition-delay: 0s;
}

.warara-fadebanner2026-image {
  display: block;
  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;

  object-fit: cover;
  object-position: center;
}

/* カード全体を通る金色の光 */
.warara-fadebanner2026::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;

  pointer-events: none;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 240, 190, 0) 35%,
    rgba(255, 240, 190, .35) 50%,
    rgba(255, 240, 190, 0) 65%,
    transparent 100%
  );

  opacity: 0;
  transform: translateX(-100%);
}

/* PCホバー・キーボード操作 */
@media (hover: hover) {

  .warara-fadebanner2026:hover,
  .warara-fadebanner2026:focus-visible {
    transform: translateY(-1px);

    background: #f1f1f1;
    border-color: transparent;

    box-shadow:
      0 8px 22px rgba(120, 80, 40, .24);
  }

  .warara-fadebanner2026:hover::after,
  .warara-fadebanner2026:focus-visible::after {
    opacity: 1;
    animation:
      warara-fadebanner2026-shine 1.1s ease;
  }
}

/* スマホでタップした瞬間 */
@media (hover: none) {

  .warara-fadebanner2026:active {
    transform: scale(.99);

    background: #f1f1f1;
    border-color: transparent;

    box-shadow:
      0 4px 12px rgba(0, 0, 0, .15);
  }

  .warara-fadebanner2026:active::after {
    opacity: 1;
    animation:
      warara-fadebanner2026-shine .72s ease;
  }
}

/* フォーカス */
.warara-fadebanner2026:focus-visible {
  outline: 2px solid #90C31F;
  outline-offset: 3px;
}

@keyframes warara-fadebanner2026-shine {

  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

/* スマホ */
@media (max-width: 600px) {

  .warara-fadebanner2026 {
    padding: .8rem;
    border-radius: 9px;
  }

  .warara-fadebanner2026-stage {
    border-radius: 5px;
  }
}

/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce) {

  .warara-fadebanner2026,
  .warara-fadebanner2026::after,
  .warara-fadebanner2026-slide {
    transition: none;
    animation: none;
  }

  .warara-fadebanner2026-slide {
    transform: none;
  }
}

/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * WARaRa おすすめバナー ウィジェット 2026
 *
 * ・スマホ／タブレット／PCで画像を自動切り替え
 * ・端末画像それぞれの縦横比を維持
 * ・ウィジェット領域の横幅いっぱいに表示
 * ・ホバーは「バーナーボアアップ2026」を共通使用
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

.warara-recommend-banner2026-widget {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding: 0 !important;
  background: transparent !important;
}

.warara-recommend-banner2026 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;

  background: transparent;
  border: 0;
  border-radius: 7px;

  color: inherit;
  line-height: 0;
  text-decoration: none !important;

  box-sizing: border-box;
}

.warara-recommend-banner2026:hover,
.warara-recommend-banner2026:focus,
.warara-recommend-banner2026:active {
  color: inherit;
  text-decoration: none !important;
}

.warara-recommend-banner2026-picture {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.warara-recommend-banner2026-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;

  border: 0;
  border-radius: inherit;

  object-fit: contain;
}

.warara-recommend-banner2026:focus-visible {
  outline: 3px solid rgba(144, 195, 31, .7);
  outline-offset: 3px;
}

/*****************************************************
 * WARaRa 人気商品ページ 共通 2026
 * PC：2カラム交互
 * SP：画像 → 文章
 * 通常画像5:4 / 工程2:1
 * 共通背景・商品別SINCE対応
 *****************************************************/

/* ========================================
   共通
======================================== */
.warara-popular-product2026-intro,
.warara-popular-product2026-section,
.warara-popular-product2026-process,
.warara-popular-product2026-material {
  --popular-color:#4b2c22;
  --popular-text:#4b2c22;
  --popular-line:rgba(133,141,76,.42);
  color:var(--popular-color);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif;
  box-sizing:border-box;
}

.warara-popular-product2026-intro *,
.warara-popular-product2026-section *,
.warara-popular-product2026-process *,
.warara-popular-product2026-material * {
  box-sizing:border-box;
}

/* ========================================
   ページ上部
======================================== */
.warara-popular-product2026-intro {
  max-width:850px;
  margin:0 auto clamp(44px,6vw,70px);
  padding:clamp(28px,4vw,45px) 14px 0;
  text-align:center;
}

/* ========================================
   ページH1
======================================== */
.article h1.warara-popular-product2026-page-title,
.entry-content h1.warara-popular-product2026-page-title,
h1.warara-popular-product2026-page-title {
  margin:0;
  padding:0;
  color:var(--popular-color);
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:inherit;
  font-size:clamp(31px,5vw,52px);
  font-weight:500;
  line-height:1.45;
  letter-spacing:.16em;
}

.article h1.warara-popular-product2026-page-title::before,
.entry-content h1.warara-popular-product2026-page-title::before,
h1.warara-popular-product2026-page-title::before {
  display:none !important;
}

/* ========================================
   SINCE
   ───── SINCE 2026 ─────
======================================== */
.article h1.warara-popular-product2026-page-title::after,
.entry-content h1.warara-popular-product2026-page-title::after,
h1.warara-popular-product2026-page-title::after {
  content:var(--warara-popular-since) !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:min(440px,82%);
  height:auto;
  margin:24px auto 0;
  padding:0;
  color:#8b7a51;
  background:
    linear-gradient(
      90deg,
      rgba(139,122,81,.58) 0%,
      rgba(139,122,81,.58) 38%,
      transparent 38%,
      transparent 62%,
      rgba(139,122,81,.58) 62%,
      rgba(139,122,81,.58) 100%
    )
    center / 100% 1px no-repeat !important;
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1;
  letter-spacing:.18em;
  border:0 !important;
  box-shadow:none !important;
}

/* SINCE未入力 */
body.warara-popular-no-since2026
h1.warara-popular-product2026-page-title::after {
  content:"" !important;
  width:74px;
  height:1px;
  margin:24px auto 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(133,141,76,.9),
      transparent
    ) !important;
}

/* ========================================
   リード
======================================== */
.warara-popular-product2026-page-lead {
  margin:24px 0 0 !important;
  padding:0;
  color:var(--popular-text);
  background:none;
  border:0;
  font-family:inherit;
  font-size:clamp(14px,1.8vw,17px);
  line-height:2;
  letter-spacing:.06em;
}

/* ========================================
   PC：2カラム交互
======================================== */
.warara-popular-product2026-section {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(28px,4vw,50px);
  width:100%;
  max-width:1080px;
  margin:0 auto clamp(46px,6vw,72px);
  padding:0 clamp(14px,3vw,30px);
}

.warara-popular-product2026-section >
.warara-popular-product2026-image {
  grid-column:1;
  grid-row:1;
}

.warara-popular-product2026-section >
.warara-popular-product2026-text {
  grid-column:2;
  grid-row:1;
}

.warara-popular-product2026-section--text-left >
.warara-popular-product2026-image {
  grid-column:2;
}

.warara-popular-product2026-section--text-left >
.warara-popular-product2026-text {
  grid-column:1;
}

/* ========================================
   通常画像 5:4
======================================== */
.warara-popular-product2026-image {
  display:block;
  width:100%;
  margin:0 !important;
  aspect-ratio:5 / 4;
  overflow:hidden;
  border-radius:10px;
}

/* 人気商品：商品写真と工程写真：共通指定は一か所にまとめる。 */
.warara-popular-product2026-image img,
.warara-popular-product2026-process-grid img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

/* ========================================
   本文
======================================== */
.warara-popular-product2026-text {
  min-width:0;
  padding:clamp(10px,2vw,24px) clamp(2px,1vw,10px);
  text-align:center;
}

.warara-popular-product2026-text p,
.warara-popular-product2026-process-copy p {
  margin-top:0;
  color:var(--popular-text);
  font-family:inherit;
  font-size:16px;
  line-height:2;
  letter-spacing:.01em;
}

.warara-popular-product2026-text p:not(:last-child),
.warara-popular-product2026-process-copy p:not(:last-child) {
  margin-bottom:1.2em;
}

/* ========================================
   H2
======================================== */
.article h2.warara-popular-product2026-title,
.entry-content h2.warara-popular-product2026-title,
h2.warara-popular-product2026-title,
.article h2.warara-popular-product2026-heading,
.entry-content h2.warara-popular-product2026-heading,
h2.warara-popular-product2026-heading {
  margin:0 0 22px;
  padding:0 0 13px;
  color:var(--popular-color) !important;
  background:none !important;
  border:0 !important;
  border-bottom:1px solid var(--popular-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:clamp(29px,3.6vw,42px);
  font-weight:500;
  line-height:1.5;
  letter-spacing:.02em;
  text-align:center;
}

.article h2.warara-popular-product2026-title::before,
.article h2.warara-popular-product2026-title::after,
.entry-content h2.warara-popular-product2026-title::before,
.entry-content h2.warara-popular-product2026-title::after,
h2.warara-popular-product2026-title::before,
h2.warara-popular-product2026-title::after,
.article h2.warara-popular-product2026-heading::before,
.article h2.warara-popular-product2026-heading::after,
.entry-content h2.warara-popular-product2026-heading::before,
.entry-content h2.warara-popular-product2026-heading::after,
h2.warara-popular-product2026-heading::before,
h2.warara-popular-product2026-heading::after {
  display:none !important;
}

/* ========================================
   工程
   ※ちょこっとちーず等で使用
======================================== */
.warara-popular-product2026-process {
  width:100%;
  max-width:1020px;
  margin:0 auto clamp(46px,6vw,72px);
  padding:0 14px;
}

.warara-popular-product2026-process-copy {
  width:min(720px,100%);
  margin:0 auto 32px !important;
  text-align:center;
}

.warara-popular-product2026-process-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.warara-popular-product2026-process-grid .wp-block-image {
  width:100%;
  margin:0 !important;
  aspect-ratio:2 / 1;
  overflow:hidden;
  border-radius:10px;
}

/* ========================================
   原材料
======================================== */
.warara-popular-product2026-material {
  width:calc(100% - 28px);
  max-width:1020px;
  margin:0 auto !important;
  padding:18px 0 0;
  border-top:1px solid var(--popular-line);
}

.warara-popular-product2026-material p {
  margin:0;
  color:var(--popular-text);
  font-family:inherit;
  font-size:13px;
  line-height:1.85;
}

/* ========================================
   スマホ
======================================== */
@media (max-width:781px) {

  /* ページ上部 */
  .warara-popular-product2026-intro {
    margin-bottom:42px;
    padding:30px 18px 0;
  }

  /* 個別商品ページH1 */
  .article h1.warara-popular-product2026-page-title,
  .entry-content h1.warara-popular-product2026-page-title,
  h1.warara-popular-product2026-page-title {
    font-size:clamp(22px,6.2vw,30px);
    line-height:1.4;
    letter-spacing:.04em;
    white-space:nowrap;
  }

  .warara-popular-product2026-page-lead {
    line-height:1.9;
  }

  /* SINCE */
  .article h1.warara-popular-product2026-page-title::after,
  .entry-content h1.warara-popular-product2026-page-title::after,
  h1.warara-popular-product2026-page-title::after {
    width:min(330px,88%);
    margin-top:20px;
    background:
      linear-gradient(
        90deg,
        rgba(139,122,81,.52) 0%,
        rgba(139,122,81,.52) 32%,
        transparent 32%,
        transparent 68%,
        rgba(139,122,81,.52) 68%,
        rgba(139,122,81,.52) 100%
      )
      center / 100% 1px no-repeat !important;
    font-size:10px;
    letter-spacing:.14em;
  }

  /* 各商品セクション */
  .warara-popular-product2026-section,
  .warara-popular-product2026-section--text-left {
    display:grid;
    grid-template-columns:100%;
    gap:0;
    width:calc(100% - 28px);
    margin:0 auto 48px;
    padding:0;
  }

  .warara-popular-product2026-section >
  .warara-popular-product2026-image,
  .warara-popular-product2026-section--text-left >
  .warara-popular-product2026-image {
    grid-column:1;
    grid-row:1;
  }

  .warara-popular-product2026-section >
  .warara-popular-product2026-text,
  .warara-popular-product2026-section--text-left >
  .warara-popular-product2026-text {
    grid-column:1;
    grid-row:2;
  }

  .warara-popular-product2026-image {
    border-radius:14px;
  }

  .warara-popular-product2026-text {
    padding:27px 16px 0;
  }

  .warara-popular-product2026-text p,
  .warara-popular-product2026-process-copy p {
    font-size:15px;
    line-height:1.95;
    letter-spacing:0;
  }

  /* H2 */
  .article h2.warara-popular-product2026-title,
  .entry-content h2.warara-popular-product2026-title,
  h2.warara-popular-product2026-title,
  .article h2.warara-popular-product2026-heading,
  .entry-content h2.warara-popular-product2026-heading,
  h2.warara-popular-product2026-heading {
    margin-bottom:18px;
    padding-bottom:12px;
    font-size:clamp(27px,7.4vw,34px);
    line-height:1.55;
    letter-spacing:0;
  }

  /* 工程 */
  .warara-popular-product2026-process {
    width:calc(100% - 28px);
    margin:0 auto 48px;
    padding:0;
  }

  .warara-popular-product2026-process-copy {
    margin-bottom:26px !important;
    padding:0 16px;
  }

  .warara-popular-product2026-process-grid {
    grid-template-columns:100%;
    gap:12px;
  }

  /* 原材料 */
  .warara-popular-product2026-material {
    padding:16px 0 30px;
  }

  .warara-popular-product2026-material p {
    font-size:12px;
  }
}

/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * TOP 横スワイプカード 2026
 *
 * ・季節のおすすめ
 * ・ちびっこパティシエ
 * ・見出しは中央／グレー／下に緑ドット線
 * ・PCちびっこは2枚表示
 * ・PC季節おすすめも初期表示は2枚きっちり
 * ・スマホは1枚きっちり（チラ見せなし）
 * ・外側コンテナは白
 * ・2026ホバー（金の光）
 * ・季節のおすすめだけ、コンテナ内に季節装飾
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

.warara-now2026 {
  --warara-now-green: #90C31F;
  --warara-now-bg: #fff;
  --warara-now-heading: #7b7b7b;
  --warara-now-text: #3d3028;

  position: relative;
  display: block;
  width: 100%;
  margin: 2rem 0;
  padding: clamp(28px, 3vw, 38px) clamp(22px, 3vw, 34px) clamp(30px, 3vw, 38px);
  box-sizing: border-box;
  overflow: hidden;
  background: var(--warara-now-bg);
  border-radius: 16px;
}

/**************************************************
 * 季節装飾レイヤー
 * ・季節のおすすめだけで使用
 * ・操作を邪魔しない
 * ・カードより後ろで動かす
 **************************************************/

.warara-now2026-decoration {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.warara-now2026-decoration-item {
  position: absolute;
  top: -18%;
  left: var(--warara-deco-left, 50%);
  width: var(--warara-deco-size, 34px);
  height: auto;
  opacity: 0;
  pointer-events: none;
  will-change: top, transform, opacity;
  animation:
    warara-now2026-fall
    var(--warara-deco-duration, 9s)
    linear
    var(--warara-deco-delay, 0s)
    infinite;
}

.warara-now2026-decoration-item img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

@keyframes warara-now2026-fall {
  0% {
    top: -18%;
    opacity: 0;
    transform:
      translateX(0)
      rotate(0deg);
  }

  10% {
    opacity: var(--warara-deco-opacity, .65);
  }

  48% {
    transform:
      translateX(var(--warara-deco-drift-mid, 18px))
      rotate(var(--warara-deco-rotate-mid, 120deg));
  }

  88% {
    opacity: var(--warara-deco-opacity, .65);
  }

  100% {
    top: 112%;
    opacity: 0;
    transform:
      translateX(var(--warara-deco-drift-end, -12px))
      rotate(var(--warara-deco-rotate-end, 280deg));
  }
}

/**************************************************
 * 見出し
 * サイドバー h3 と同じ考え方
 **************************************************/

.warara-now2026-heading {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  margin: 0 0 1em;
  padding: 0 0 .3em;
  box-sizing: border-box;
  border-bottom: 3px dotted var(--warara-now-green);
  text-align: center;
}

.warara-now2026-heading-main {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #545454 !important;
  font-family: inherit !important;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

.warara-now2026-heading-main::before,
.warara-now2026-heading-main::after {
  display: none !important;
}

/**************************************************
 * スライダー領域
 **************************************************/

.warara-now2026-slider {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
}

.warara-now2026-scroller {
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  cursor: grab;
}

.warara-now2026-scroller::-webkit-scrollbar {
  display: none;
}

.warara-now2026-scroller.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

/**************************************************
 * カード
 **************************************************/

.warara-now2026-card {
  flex: 0 0 min(72%, 470px);
  min-width: 0;
  margin: 0;
  padding: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.warara-now2026-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(120,80,40,.10);
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background-color .35s ease;
}

/**************************************************
 * 2026ホバー：金の光
 **************************************************/

.warara-now2026-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,240,190,0) 35%,
    rgba(255,240,190,.38) 50%,
    rgba(255,240,190,0) 65%,
    transparent 100%
  );
  opacity: 0;
  transform: translateX(-100%);
}

@media (hover: hover) {
  .warara-now2026-link:hover {
    transform: translateY(-2px) scale(1.01);
    background-color: #f7f7f7;
    box-shadow: 0 6px 16px rgba(0,0,0,.14);
  }

  .warara-now2026-link:hover::after {
    opacity: 1;
    animation: warara-now2026-shine 1.1s ease;
  }
}

.warara-now2026-link:active {
  transform: scale(.99);
  background-color: #f1f1f1;
}

.warara-now2026-link:focus-visible {
  outline: 2px solid rgba(144,195,31,.65);
  outline-offset: 3px;
}

@keyframes warara-now2026-shine {
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%); }
}

/**************************************************
 * 画像 700×350 = 2:1
 **************************************************/

.warara-now2026-media {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: #eee;
  border-radius: 10px 10px 0 0;
}

.warara-now2026-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  transition: transform .4s ease;
}

@media (hover: hover) {
  .warara-now2026-link:hover .warara-now2026-img {
    transform: scale(1.025);
  }
}

/**************************************************
 * カード文字
 **************************************************/

.warara-now2026-text {
  padding: 12px 12px 13px;
}

.warara-now2026 .warara-now2026-title {
  margin: 0 !important;
  /* 矢印は大きな白い枠の左右端なので、カード内部の専用余白は不要。 */
  padding: 0 0 8px !important;
  border: 0 !important;
  /* カード全幅に淡い区切り線。背景・抜粋は従来どおり */
  border-bottom: 1px solid #dfe3da !important;
  background: none !important;
  color: #545454 !important;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: anywhere;
  transition: color .25s ease;
}

.warara-now2026-excerpt {
  width: 100%;
  margin: 8px 0 0;
  overflow: hidden;
  color: #6b6b6b;
  font-family: inherit !important;
  font-size: .9rem;
  line-height: 1.6;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (hover: hover) {
  .warara-now2026-link:hover .warara-now2026-title {
    color: #587f12 !important;
  }
}

/**************************************************
 * 左右ボタン
 * 文字記号を使わずCSSの線で描く
 **************************************************/

.warara-now2026-arrow {
  position: absolute;
  /* JS読込前にも消えない保険。JS実行後はタイトルの正確な高さに移動。 */
  top: auto;
  bottom: 16px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
  border: 2px solid var(--warara-now-green);
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: #587f12;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0,0,0,.10);
  transition:
    opacity .2s ease,
    transform .2s ease,
    background .2s ease,
    color .2s ease;
}

/* 個別の記事カードでもスライダー内側でもなく、大きな白枠の左右端に固定。 */
.warara-now2026 > .warara-now2026-arrow.prev {
  left: 6px;
}

.warara-now2026 > .warara-now2026-arrow.next {
  right: 6px;
}

.warara-now2026-arrow-icon {
  display: block;
  width: 11px;
  height: 11px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.warara-now2026-arrow.prev .warara-now2026-arrow-icon {
  transform: rotate(135deg);
  margin-left: 4px;
}

.warara-now2026-arrow.next .warara-now2026-arrow-icon {
  transform: rotate(-45deg);
  margin-right: 4px;
}

.warara-now2026-arrow:disabled {
  opacity: 0;
  pointer-events: none;
}

@media (hover: hover) {
  .warara-now2026-arrow:not(:disabled):hover {
    background: var(--warara-now-green);
    color: #fff;
    transform: translateY(-50%) scale(1.07);
  }
}

/**************************************************
 * PC・タブレット共通
 * TOPのちびっこ／季節のおすすめ／Xmasは2枚ぴったり表示。
 * 余ったカードは横スワイプで表示（チラ見せなし）。
 **************************************************/

@media (min-width: 601px) {
  .warara-chibi-now2026 .warara-now2026-card,
  .warara-season-now2026 .warara-now2026-card,
  .warara-xmas-now2026 .warara-now2026-card {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}

/**************************************************
 * スマホ
 **************************************************/

@media (max-width: 600px) {
  .warara-now2026 {
    margin: 1.6rem 0;
    padding: 24px 18px 28px;
    border-radius: 14px;
  }

  .warara-now2026-heading {
    margin-bottom: 1em;
    padding-bottom: .3em;
  }

  /* スマホ：チラ見せOFF検証。カードを表示領域いっぱいにする。 */
  .warara-now2026-card {
    flex-basis: 100%;
  }

  .warara-now2026-scroller {
    gap: 15px;
  }

  .warara-now2026-text {
    padding: 10px 10px 12px;
  }

  .warara-now2026-title {
    font-size: 1rem;
  }

  .warara-now2026-excerpt {
    margin-top: 6px;
    font-size: .86rem;
  }

  .warara-now2026-arrow {
    bottom: 22px;
    width: 39px;
    height: 39px;
  }

  .warara-now2026-arrow-icon {
    width: 9px;
    height: 9px;
  }
}

/**************************************************
 * スマホTOP：サイドバーは
 * ・自己紹介
 * ・定休日
 * だけ表示する
 *
 * 並び順は 自己紹介 → 定休日。
 * 定休日がスマホTOPの一番下になる。
 **************************************************/

@media (max-width: 781px) {
  body.home #sidebar,
  body.home .sidebar {
    display: flex !important;
    flex-direction: column;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2rem 0 0 !important;
    padding: 0 !important;
  }

  body.home #sidebar .widget,
  body.home .sidebar .widget {
    display: none !important;
  }

  body.home #sidebar .warara-mobile-profile2026-widget,
  body.home .sidebar .warara-mobile-profile2026-widget,
  body.home #sidebar .warara-closed-sidebar2026-widget,
  body.home .sidebar .warara-closed-sidebar2026-widget {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home #sidebar .warara-mobile-profile2026-widget,
  body.home .sidebar .warara-mobile-profile2026-widget {
    order: 10;
  }

  body.home #sidebar .warara-closed-sidebar2026-widget,
  body.home .sidebar .warara-closed-sidebar2026-widget {
    order: 20;
    margin-top: 2rem !important;
  }
}

/**************************************************
 * 動きを減らす
 **************************************************/

@media (prefers-reduced-motion: reduce) {
  .warara-now2026-scroller {
    scroll-behavior: auto;
  }

  .warara-now2026-decoration-item,
  .warara-now2026-link,
  .warara-now2026-link::after,
  .warara-now2026-img,
  .warara-now2026-title,
  .warara-now2026-arrow {
    transition: none;
    animation: none;
  }
}

/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * サイドバー「定休日」ウィジェット 2026
 *
 * ・当月 / 翌月の2枚
 * ・左右ナビは画像内の下側（PC 7.5%／スマホ15%）に配置
 * ・PCドラッグ / スマホスワイプ対応
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

.warara-closed-sidebar2026 {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.warara-closed-sidebar2026-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

.warara-closed-sidebar2026-viewport.is-dragging {
  cursor: grabbing;
}

.warara-closed-sidebar2026-track {
  display: flex;
  width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 1.15s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

.warara-closed-sidebar2026-viewport.is-dragging
.warara-closed-sidebar2026-track {
  transition: none;
}

.warara-closed-sidebar2026-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 0;
}

.warara-closed-sidebar2026-slide img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,.10);
  pointer-events: none;
  -webkit-user-drag: none;
}

/* ナビ枠を0にして、表示中の月に応じた左右ボタンだけを画像内に置く。 */
.warara-closed-sidebar2026-nav {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.warara-closed-sidebar2026-button {
  position: absolute;
  top: auto;
  bottom: 7.5%;
  z-index: 30;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-width: 0;
  min-height: 34px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid #90C31F;
  border-radius: 999px;
  background: #90C31F;
  color: #fff;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 3px 9px rgba(72, 90, 20, .20);
  transition:
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.warara-closed-sidebar2026-prev {
  left: 12px;
  right: auto;
}

.warara-closed-sidebar2026-next {
  right: 12px;
  left: auto;
}

.warara-closed-sidebar2026-button.is-visible {
  display: inline-flex;
}

.warara-closed-sidebar2026-button:hover,
.warara-closed-sidebar2026-button:focus-visible {
  background: rgba(245,250,235,.98);
  color: #45670a;
  box-shadow: 0 3px 10px rgba(0,0,0,.16);
}

/* マウス対応環境では、hover・キーボードフォーカス時に緑を濃くする。 */
@media (hover: hover) and (pointer: fine) {
  .warara-closed-sidebar2026-button:hover,
  .warara-closed-sidebar2026-button:focus-visible {
    background: #7FAE18;
    border-color: #7FAE18;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(72, 90, 20, .24);
  }
}

.warara-closed-sidebar2026-button:active {
  background: #7FAE18;
  transform: scale(.96);
}

.warara-closed-sidebar2026-button:focus-visible {
  outline: 2px solid rgba(144, 195, 31, .35);
  outline-offset: 2px;
}

.warara-closed-sidebar2026-button-arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  flex: 0 0 auto;
}

.warara-closed-sidebar2026-prev .warara-closed-sidebar2026-button-arrow {
  transform: rotate(-135deg);
}

.warara-closed-sidebar2026-next .warara-closed-sidebar2026-button-arrow {
  transform: rotate(45deg);
}

/* カレンダー内のボタン位置・寸法のみスマホ用に切り替える。 */
@media (max-width: 781px) {
  .warara-closed-sidebar2026-button {
    bottom: 15%;
    min-height: 32px;
    padding: 5px 11px;
    font-size: .8rem;
  }
}

/**************************************************
 * PC：TOP先頭の「ちびっこ」をサイドバー先頭と揃える
 *
 * Cocoon側のウィジェット余白 + 内側2rem が重なっていたので、
 * 先頭だけ上余白を外す。スマホには触らない。
 **************************************************/
@media (min-width: 1024px) {
  body.home .warara-topchibi2026-widget {
    margin-top: 0;
    padding-top: 0;
  }

  body.home .warara-topchibi2026-widget .warara-chibi-now2026 {
    margin-top: 0;
  }

  /* v6で入れていた見出し単体の持ち上げは不要 */
  body.home .warara-now2026-heading {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .warara-closed-sidebar2026-track,
  .warara-closed-sidebar2026-button {
    transition: none;
  }
}

/* 整理済み：新しい782px以上レイアウトに上書きされた旧901px 2列案（旧コードは変更差分参照） */


@media (min-width: 782px) {
  

  

  

  

  

  

  

  

}

@media (min-width: 782px) and (hover: hover) and (pointer: fine) {
  

  

  
}


@media (min-width: 601px) {
  

  
}

@media (max-width: 600px) {
  

  
}


/**************************************************
 * TOPお知らせ：白コンテナ
 **************************************************/
body.home .widget:has(.news2026-wrap.is-top-news) {
  position: relative;
  width: 100%;
  margin: 2rem 0;
  padding: clamp(26px, 3vw, 34px) clamp(22px, 3vw, 34px) clamp(26px, 3vw, 34px);
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  box-sizing: border-box;
}

body.home .widget:has(.news2026-wrap.is-top-news)
.widget-index-top-title.main-widget-label.widget-title {
  display: block;
  width: 100%;
  margin: 0 0 14px !important;
  padding: 0 0 8px !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 3px dotted #90C31F !important;
  color: #545454 !important;
  font-family: inherit !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

.news2026-wrap.is-top-news {
  width: 100%;
  margin: 0;
  padding: 0;
}

.news2026-wrap.is-top-news .news2026-top-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.news2026-wrap.is-top-news .news2026-item,
.news2026-wrap.is-top-news .news2026-item:first-child {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(133,141,76,.28);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.news2026-wrap.is-top-news .news2026-item:first-child {
  border-top: 1px solid rgba(133,141,76,.28);
}

.news2026-wrap.is-top-news .news2026-item > a {
  width: 100%;
  margin: 0;
  background: transparent;
  color: inherit !important;
  text-decoration: none;
  box-shadow: none;
  box-sizing: border-box;
}

.news2026-wrap.is-top-news .news2026-item > a::before,
.news2026-wrap.is-top-news .news2026-item > a::after {
  display: none;
}

.news2026-wrap.is-top-news .news2026-body {
  min-width: 0;
}

.news2026-wrap.is-top-news .news-date {
  color: #7b8f37 !important;
  font-size: .78rem;
  line-height: 1.45;
  letter-spacing: .06em;
  white-space: nowrap;
}

.news2026-wrap.is-top-news .news-title {
  color: #4b2c22 !important;
  font-weight: 500;
}

/**************************************************
 * TOPお知らせ：PC
 * 日付＋タイトルを横一列
 **************************************************/
@media (min-width: 782px) {
  .news2026-wrap.is-top-news .news2026-item > a {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 50px;
    padding: 10px 12px;
  }

  .news2026-wrap.is-top-news .news2026-body {
    display: contents;
  }

  .news2026-wrap.is-top-news .news-title {
    display: block;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .news2026-wrap.is-top-news .news-date {
    display: block;
    margin: 0;
  }
}

@media (min-width: 782px) and (hover: hover) and (pointer: fine) {
  .news2026-wrap.is-top-news .news2026-item > a:hover {
    background: var(--warara-select-soft-bg-pc);
  }

  .news2026-wrap.is-top-news .news2026-item > a:hover .news-title {
    color: var(--warara-select-soft-ink) !important;
  }
}

/**************************************************
 * TOPお知らせ：スマホ
 * 日付を上、タイトルを下。文字サイズは固定。
 **************************************************/
@media (max-width: 781px) {
  body.home .widget:has(.news2026-wrap.is-top-news) {
    margin: 1.6rem 0;
    padding: 22px 18px 24px;
    border-radius: 14px;
  }

  .news2026-wrap.is-top-news .news2026-item > a {
    display: block;
    min-height: 0;
    padding: 11px 8px 12px;
    border-radius: 8px;
    -webkit-tap-highlight-color: rgba(144, 195, 31, .10);
    touch-action: manipulation;
    transition:
      background-color .16s ease,
      transform .16s ease;
  }

  .news2026-wrap.is-top-news .news2026-body {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  .news2026-wrap.is-top-news .news-date {
    display: block;
    margin: 0;
    font-size: 11.5px;
    letter-spacing: .08em;
  }

  .news2026-wrap.is-top-news .news-title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

/**************************************************
 * お知らせ一覧：カテゴリーラベル
 * Cocoonのカテゴリー色をそのまま使用。
 * Cocoonの画像用ラベル配置を、一覧内だけ通常配置へ戻す。
 **************************************************/


@media (min-width: 901px) {
  

  

  

  

  

  

  

  

}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  

  
}

/**************************************************
 * お知らせ一覧：スマホ
 * 今の横並びを維持しつつ、ラベル・抜粋を追加。
 * 丸い「→」は削除。
 **************************************************/
@media (max-width: 900px) {
  

  

  

  

  

  

}

@media (max-width: 480px) {
  

  
}

/* 整理済み：定休日カレンダーv12とスマホお知らせ旧タップ指定（v13/v14に統合）（旧コードは変更差分参照） */

/**************************************************
 * スマホ幅TOPお知らせ
 * 実機タップだけでなく、PCブラウザを細くした時のhoverにも対応。
 **************************************************/
@media (max-width: 781px) {
  .news2026-wrap.is-top-news .news2026-item > a:hover,
  .news2026-wrap.is-top-news .news2026-item > a:focus-visible {
    background: var(--warara-select-soft-bg);
  }

  .news2026-wrap.is-top-news .news2026-item > a:hover .news-title,
  .news2026-wrap.is-top-news .news2026-item > a:focus-visible .news-title,
  .news2026-wrap.is-top-news .news2026-item > a:active .news-title {
    color: var(--warara-select-soft-ink) !important;
  }

  .news2026-wrap.is-top-news .news2026-item > a:active {
    background: var(--warara-select-soft-pressed);
    transform: scale(.985);
  }
}

/* ==================================================
   スマホ：サイト全体の左右の無地余白を減らす
   ・外枠は広く使う
   ・通常本文の文章だけは読みやすい余白を残す
   ================================================== */
@media (max-width: 781px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body .content,
  body .content-in {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  body #main,
  body #main.main,
  body .main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box;
  }

  body .article,
  body .entry-content {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  /* 普通の記事本文は文字だけ端へ寄り過ぎないようにする */
  body .entry-content > p,
  body .entry-content > h2,
  body .entry-content > h3,
  body .entry-content > h4,
  body .entry-content > h5,
  body .entry-content > h6,
  body .entry-content > ul,
  body .entry-content > ol,
  body .entry-content > blockquote,
  body .entry-content > table,
  body .entry-content > .wp-block-table {
    margin-left: 10px;
    margin-right: 10px;
  }

  body .article-header,
  body .article-footer,
  body .breadcrumb {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  /* WARaRa専用固定ページの外側余白は最小限にする */
  .warara-category-page2026,
.warara-material-page,
.warara-store-page,
.warara-popular-product2026-page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    box-sizing: border-box;
  }
}

/* 旧互換 [warara_product_grid2026] が出力する共通グリッドのみ継続使用。
   旧Xmas固定ページの見た目・タブは2027版へ移行済み。 */
.warara-unified-catalog2026 {
--warara-card-title-size2026: clamp(19px, 2vw, 22px);
}

.warara-unified-catalog2026,
.warara-unified-catalog2026-viewport {
min-width: 0; max-width: 100%; width: 100%;
}

.warara-unified-catalog2026 .warara-category-cards2026 {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); 
  gap: var(--xmas-gap, 14px);
  min-width: 0;
  width: 100%;
}

.warara-unified-catalog2026 .warara-category-card2026 {
display: block;
  min-width: 0;
  width: 100%;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  transform: none;
}

.warara-unified-catalog2026 .warara-category-card2026-link,
.warara-unified-catalog2026 .warara-category-card2026--image-right .warara-category-card2026-link {
display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.warara-unified-catalog2026 .warara-category-media2026,
.warara-unified-catalog2026 .warara-category-card2026--image-right .warara-category-media2026 {
display: block;
  align-self: auto;
  aspect-ratio: 2 / 1;
  width: 100%;
  min-height: 0;
}

.warara-unified-catalog2026 .warara-category-image-wrap2026 {
display: block;
  aspect-ratio: 2 / 1;
  min-height: 0;
  width: 100%;
  height: auto;
}

.warara-unified-catalog2026 .warara-category-img2026 {
display: block;
  aspect-ratio: 2 / 1;
  min-height: 0;
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.warara-unified-catalog2026 .warara-category-content2026,
.warara-unified-catalog2026 .warara-category-card2026--image-right .warara-category-content2026 {
display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  min-width: 0;
  padding: 10px 10px 14px;
}

.warara-unified-catalog2026 .warara-category-name2026 {
width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  color: #49362f;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: var(--warara-card-title-size2026, clamp(13px, 1.2vw, 17px));
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .06em;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.warara-unified-catalog2026 .warara-category-variant2026 {
display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  border: 0;
  border-radius: 999px;
  font-size: clamp(11px, 1vw, 13px);
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}

.warara-unified-catalog2026 .warara-category-meta2026 {
width: 100%;
  margin: 2px 0 0;
  padding: 0;
  border: 0;
  color: #718a39;
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: 1.5;
  letter-spacing: .035em;
}

@media (min-width: 601px) and (max-width: 1023px) {
.warara-unified-catalog2026 .warara-category-cards2026 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 600px) {
.warara-unified-catalog2026 {
--warara-card-title-size2026: clamp(21px, 5.2vw, 25px);
}

.warara-unified-catalog2026 .warara-category-cards2026 {
grid-template-columns: minmax(0, 1fr);
}
}

/*****************************************************
 * WARaRa 固定ページ H1/H2 共通見出し 2026/10/17
 *
 * ・固定ページの本文中にある全ての H1/H2 が対象
 * ・投稿（body.single）／TOP（body.home）は対象外
 * ・追加する見出しに個別クラスは不要
 * ・Cocoon の帯・背景・左線を消し、文字幅の80%の横線に統一
 * ・H3以下／サイドバー／ウィジェット／ページヘッダーは対象外
 * ・H1/H2の書体・太さ・色・字間・上下余白を統一（サイズは階層に応じて区別）
 * ・「SINCE」の文字入り見出しは別処理で維持
 *
 * ページ別の旧・共通最終調整ルールは削除し、ここに一本化。
 *****************************************************/

/* 見出し本体：文字幅を基準にした可変幅にする */
body.page:not(.home) .entry-content :is(h1, h2) {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  width: fit-content !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center;

  /* 固定ページの H1/H2 は、個別クラスの有無にかかわらず同じ書体へ */
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif !important;
  color: #4b2c22 !important;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.16em;
  line-height: 1.45;
  text-shadow: none;
}

/* H1/H2 は大きさだけ変え、段落との間隔も全ページで揃える。 */
body.page:not(.home) .entry-content h1 {
  font-size: clamp(31px, 5vw, 52px);
  margin-bottom: 30px;
}

body.page:not(.home) .entry-content h2 {
  font-size: clamp(25px, 3vw, 34px);
  margin-bottom: 24px;
}

/* Cocoon の見出し左側装飾を消す */
body.page:not(.home) .entry-content :is(h1, h2)::before {
  display: none !important;
}

/* 横線。線の横幅は見出しそのものの幅の80%。 */
body.page:not(.home) .entry-content :is(h1, h2)::after {
  display: block !important;
  content: "" !important;
  position: static !important;
  width: 80% !important;
  height: 1px !important;
  margin: 15px auto 0 !important;
  padding: 0 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(133, 141, 76, 0.82) 18%,
    rgba(133, 141, 76, 0.82) 82%,
    transparent 100%
  ) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ページのメイン見出しは従来通り24px間隔 */
body.page:not(.home) .entry-content h1::after {
  margin-top: 24px !important;
}

/* 「SINCE 2026」など文字入りの既存装飾だけは維持。長さは80%。 */
body.page:not(.home) .entry-content h1.warara-popular-product2026-page-title::after {
  content: var(--warara-popular-since, "") !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 80% !important;
  height: auto !important;
  color: #8b7a51 !important;
  background: linear-gradient(
    90deg,
    rgba(139,122,81,.58) 0%,
    rgba(139,122,81,.58) 38%,
    transparent 38%,
    transparent 62%,
    rgba(139,122,81,.58) 62%,
    rgba(139,122,81,.58) 100%
  ) center / 100% 1px no-repeat !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
}

/* SINCEが未設定なら通常の細い横線にする */
body.page.warara-popular-no-since2026:not(.home) .entry-content
h1.warara-popular-product2026-page-title::after {
  content: "" !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(133,141,76,.9),
    transparent
  ) !important;
}

/*****************************************************
 * WARaRa 固定ページ 共通本文・段落 2026/10/17
 *
 * ・全固定ページの通常段落はクラスあり／なしを問わず同じ明朝体
 * ・ビジュアルエディターでEnterを押しても字体・文字サイズが変わらない
 * ・段落と見出しの上下間隔を統一
 * ・記事投稿、TOP、H3以下、タブ／ボタン／画像は対象外
 * ・テキストの配置（中央・左寄せ）は各ブロックの設定を維持
 *****************************************************/

body.page:not(.home) .entry-content p {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "Noto Serif JP",
    serif;
  color: #49362f;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.025em;
  margin-top: 0;
  margin-bottom: 20px;
}

/* 固定ページのグループ末尾は不要な段落下余白を出さない。 */
body.page:not(.home) .entry-content :is(.wp-block-group, .wp-block-column) > p:last-child {
  margin-bottom: 0;
}

/* ===============================================
 * アニメーション軽減設定（共通化）
 * 従来8箇所に分かれていた transition / animation のみ集約。
 * ホバー・スワイプ・タブ等、独自制御の軽減指定は元の場所に維持。
 * =============================================== */
@media (prefers-reduced-motion: reduce) {
  a.entry-card-wrap.a-wrap,
a.entry-card-wrap.a-wrap::after,
a.entry-card-wrap.a-wrap .entry-card,
a.entry-card-wrap.a-wrap .entry-card-content,
.banner-boaup2026-link,
.banner-boaup2026-img,
.banner-boaup2026-link::after,
.warara-store-map-load,
.warara-store-map-load-arrow,
.warara-store-map-action {
    transition: none;
    animation: none;
  }
}

/**************************************************
 * WARaRa お知らせ・旬のフルーツ共通一覧 2027
 * PC 3列 / タブレット 2列 / スマホ 横長1列
 * 他の一覧・Xmas・バースデーのスタイルは変更しない。
 **************************************************/
.warara-list-page2027,
.warara-list-page2027 * {
  box-sizing: border-box;
}
.warara-list-page2027 {
  --warara-list2027-ink: #3d251d;
  --warara-list2027-line: rgba(133,141,76,.38);
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: clamp(34px,5vw,64px) clamp(4px,.8vw,12px);
  border-radius: 20px;
  background: linear-gradient(#fffdf9,#fbf8f1);
  color: var(--warara-list2027-ink);
}
.warara-list2027-intro {
  max-width: 850px;
  margin: 0 auto clamp(35px,5vw,62px);
  text-align: center;
}
.article h1.warara-list2027-page-title,
.entry-content h1.warara-list2027-page-title {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: #4b2c22;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size: clamp(31px,5vw,52px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .12em;
  text-align: center;
}
.article h1.warara-list2027-page-title::before,
.entry-content h1.warara-list2027-page-title::before { display: none; content: none; }
.article h1.warara-list2027-page-title::after,
.entry-content h1.warara-list2027-page-title::after {
  content: "";
  display: block;
  height: 1px;
  width: 80%;
  margin: 24px auto 0;
  background: linear-gradient(90deg,transparent,var(--warara-list2027-line),transparent);
}
.warara-list2027-lead {
  margin: 23px auto 0;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size: clamp(14px,1.6vw,17px);
  line-height: 1.9;
  color: #49362f;
  text-align: center;
}
.warara-list2027 { width: 100%; min-width: 0; }
.warara-list2027-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  width: 100%;
}
.warara-list2027-card {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(93,65,48,.07);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(72,51,35,.09);
  transition: transform .2s ease,box-shadow .2s ease;
}
.warara-list2027-card[hidden],
.warara-list2027-pager[hidden],
.warara-list2027-pager button[hidden] { display: none; }
.warara-list2027-link {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
/* 金色の光はカード全体（写真と文字）を横切る。旧コードに依存しない。 */
.warara-list2027-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-105%);
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,240,190,0) 35%,
    rgba(255,240,190,.35) 50%,
    rgba(255,240,190,0) 65%,
    transparent 100%
  );
}
.warara-list2027-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: #f4f0e8;
}
.warara-list2027-image {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.warara-list2027-noimage { color: #81796e; font-size: 13px; }
.warara-list2027-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 100%;
  padding: 12px 14px 15px;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  color: var(--warara-list2027-ink);
}
/* PC/タブレット：ラベル左上、日付は同じ行のラベル右側。 */
.warara-list2027-topline {
  order: 0;
  display: grid;
  grid-template-columns: max-content minmax(0,1fr);
  align-items: center;
  column-gap: 10px;
  width: 100%;
  min-width: 0;
  margin: 0 0 9px;
}
.warara-list2027-badge {
  display: inline-block;
  justify-self: start;
  max-width: 100%;
  margin: 0;
  padding: 4px 12px;
  border-radius: 999px;
  background: #6e9e15;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  box-shadow: 0 2px 7px rgba(0,0,0,.12);
}
.warara-list2027-badge--13 { background: #c55b4d; }
.warara-list2027-badge--19 { background: #9860a7; }
.warara-list2027-badge--29 { background: #619bc6; }
.warara-list2027-badge--31 { background: #d77e0d; }
.warara-list2027-badge--23 { background: #73a613; }
.warara-list2027-title {
  order: 1;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  font-size: clamp(21px,2vw,27px);
  font-weight: 500;
  line-height: 1.48;
  letter-spacing: .045em;
  white-space: nowrap;
  text-align: center;
}
.warara-list2027-rule {
  order: 2;
  display: block;
  width: 72%;
  height: 1px;
  margin: 10px auto 12px;
  background: linear-gradient(90deg,transparent,var(--warara-list2027-line),transparent);
}
.warara-list2027-support {
  display: block;
  min-width: 0;
  color: #49362f;
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.warara-list2027-support--date {
  justify-self: center;
  font-size: 13px;
  text-align: center;
}
.warara-list2027-support--origin {
  order: 3;
  width: 100%;
  text-align: center;
}
.warara-list2027-divider {
  order: 4;
  display: block;
  width: 100%;
  height: 1px;
  margin: 12px auto 11px;
  background: var(--warara-list2027-line);
}
.warara-list2027-excerpt {
  order: 5;
  display: block;
  width: 100%;
  margin: 0;
  color: #49362f;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  overflow-wrap: anywhere;
}
.warara-list2027-excerpt p { margin: 0; }
@media (hover:hover) and (pointer:fine) {
  .warara-list2027-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 33px rgba(72,51,35,.14);
  }
  .warara-list2027-card:hover .warara-list2027-image { transform: scale(1.025); }
  .warara-list2027-card:hover .warara-list2027-link::after,
  .warara-list2027-link:focus-visible::after {
    opacity: 1;
    animation: warara-list2027-shine 1.1s ease;
  }
}
@keyframes warara-list2027-shine {
  from { transform: translateX(-105%); }
  to { transform: translateX(105%); }
}
.warara-list2027-link:focus-visible { outline: 2px solid #90c31f; outline-offset: -2px; }
.warara-list2027-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 30px auto 0;
}
.warara-list2027-pager button {
  min-height: 44px;
  padding: 10px 17px;
  background: #fff;
  border: 1.5px solid #90c31f;
  border-radius: 999px;
  color: #62851f;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
/* 次ボタンだけ表示される初回も右端に置く。前ボタンは左端のまま。 */
.warara-list2027-next { margin-left: auto; }
.warara-list2027-pager button:hover,
.warara-list2027-pager button:focus-visible {
  background: #90c31f;
  color: #fff;
}
.warara-list2027-empty { text-align: center; }
@media (min-width: 601px) and (max-width: 1023px) {
  .warara-list-page2027 {
    max-width: none;
    padding: 32px 8px 46px;
    border-radius: 0;
  }
  .warara-list2027-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }
}
@media (max-width: 600px) {
  .warara-list-page2027 {
    max-width: none;
    padding: 30px 7px 40px;
    border-radius: 0;
  }
  .warara-list2027-intro { margin-bottom: 32px; }
  .warara-list2027-grid { display: block; }
  .warara-list2027-card {
    margin: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--warara-list2027-line);
    border-radius: 0;
    box-shadow: none;
    transition: none;
  }
  .warara-list2027-card:first-child { border-top: 1px solid var(--warara-list2027-line); }
  .warara-list2027-link {
    display: grid;
    grid-template-columns: clamp(88px,27vw,160px) minmax(0,1fr);
    align-items: center;
    gap: 12px;
    min-height: 112px;
    padding: 14px 8px;
    background: transparent;
  }
  .warara-list2027-media {
    align-self: center;
    aspect-ratio: 8 / 5;
    border-radius: 9px;
  }
  .warara-list2027-content {
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    padding: 0;
    font-family: inherit;
    text-align: left;
  }
  .warara-list2027-topline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    margin: 0;
  }
  .warara-list2027-badge {
    margin: 0;
    padding: 4px 11px;
    font-size: 12px;
  }
  .warara-list2027-support {
    color: var(--warara-list2027-ink);
    font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
  }
  .warara-list2027-support--origin { order: 1; }
  .warara-list2027-title {
    order: 2;
    font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
    font-size: clamp(13px,3vw,16px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0;
    text-align: left;
  }
  .warara-list2027-rule {
    order: 3;
    width: 72%;
    margin: 3px 0 4px;
  }
  .warara-list2027-divider { display: none; }
  .warara-list2027-excerpt {
    order: 5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-family: inherit;
    font-size: clamp(12px,2.5vw,13px);
    line-height: 1.45;
    text-align: left;
  }
  .warara-list2027-pager { margin-top: 20px; }
  .warara-list2027-pager button { padding: 9px 12px; font-size: 12px; }
}
@media (max-width: 380px) {
  .warara-list2027-link { gap: 9px; padding-inline: 3px; }
  .warara-list2027-badge { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .warara-list2027-card,
  .warara-list2027-image { transition: none; }
  .warara-list2027-link::after { animation: none; }
}

/* ========================================================
   WARaRa 2027 バースデー／Xmas 共通ページ
   2026ページのクラスには依存しない新規デザイン。
   移行完了後、旧3ページ専用CSS/JSを別途撤去する。
   ======================================================== */
.warara-cake2027 {
  --cake2027-ink: #3d251d;
  --cake2027-text: #49362f;
  --cake2027-line: rgba(133,141,76,.42);
  --cake2027-green: #90c31f;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: auto;
  padding: clamp(26px,3vw,48px) 0;
  box-sizing: border-box;
  background: linear-gradient(180deg,#fffdf9,#fbf8f1);
  border-radius: 20px;
  color: var(--cake2027-ink);
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
}
.warara-cake2027 *,
.warara-cake2027 *::before,
.warara-cake2027 *::after { box-sizing: border-box; }
.warara-cake2027 :is(p,li,h1,h2,h3,button) { font-family: inherit; }
.warara-cake2027 .warara-cake2027-intro {
  width: 100%;
  max-width: 850px;
  margin: 0 auto 26px;
  text-align: center;
}
/* Xmas種類：タイトルの下にあるタブも2026版同様、ページ幅全体を使用 */
.warara-cake2027--types .warara-cake2027-intro { max-width: 100%; }
.warara-cake2027 .warara-cake2027-page-title { margin-bottom: 16px; }
.warara-cake2027 .warara-cake2027-lead,
.warara-cake2027 .warara-cake2027-intro > p {
  margin: 12px auto 18px;
  color: var(--cake2027-text);
  text-align: center;
  font-size: clamp(15px,1.6vw,18px);
  line-height: 1.95;
}
/* タブ：2027版はこの1組だけで共通運用 */
.warara-cake2027 .warara-cake2027-tabs {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
/* 2026版と同じく、バースデーの4タブは幅900px以内に収める */
.warara-cake2027--birthday .warara-cake2027-tabs { width: min(900px,100%); }
.warara-cake2027 .warara-cake2027-tablist {
  display: flex;
  justify-content: safe center;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  /* 2026版と同じ下線：選択中タブの白背景で、その真下だけ途切れる */
  background-image: linear-gradient(
    to bottom,
    transparent calc(100% - 2px),
    var(--cake2027-green) calc(100% - 2px)
  );
}
.warara-cake2027 .warara-cake2027-tablist::-webkit-scrollbar { display: none; }
.warara-cake2027 .warara-cake2027-tab {
  appearance: none;
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  min-height: 72px;
  min-width: 0;
  margin: 0;
  padding: 12px 48px 14px;
  border: 2px solid transparent;
  border-top-width: 4px;
  border-bottom-width: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #9a8c86;
  font-size: clamp(14px,1.35vw,18px);
  font-weight: 600;
  letter-spacing: .025em;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.5;
  transition: color .2s,background-color .2s;
}
.warara-cake2027 .warara-cake2027-tab.is-active {
  z-index: 2;
  background: #fff;
  color: var(--cake2027-ink);
  border-color: var(--cake2027-green);
  -webkit-text-stroke: .45px currentColor;
}
/* 旧2026版と同じく、Xmasのタブは8項目用の文字サイズにする */
.warara-cake2027:is(.warara-cake2027--guide,.warara-cake2027--types) .warara-cake2027-tab {
  font-size: clamp(14px,1.15vw,17px);
}
/* バースデーの4タブ：2026版のPC均等配置と小画面スワイプを再現 */
@media (min-width: 1024px) {
  .warara-cake2027--birthday .warara-cake2027-tablist {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .warara-cake2027--birthday .warara-cake2027-tab {
    width: 100%;
    padding-inline: 10px;
  }
}
.warara-cake2027 .warara-cake2027-tab:focus-visible {
  outline: 2px solid var(--cake2027-green);
  outline-offset: -5px;
}
@media (hover:hover) {
  .warara-cake2027 .warara-cake2027-tab:not(.is-active):hover {
    color: var(--cake2027-ink);
    background: #f3f8e9;
  }
}
.warara-cake2027 .warara-cake2027-panel { margin: clamp(20px,3vw,34px) auto 0; }
.warara-cake2027.is-tabs-ready .warara-cake2027-panel:not(.is-active) { display: none; }
.warara-cake2027 .warara-cake2027-box {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(14px,1.8vw,24px) clamp(6px,.7vw,10px);
  border: 1px solid rgba(93,65,48,.07);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 34px rgba(72,51,35,.08);
}
.warara-cake2027 .warara-cake2027-heading {
  margin-bottom: 24px;
  text-align: center;
}
.warara-cake2027 .warara-cake2027-copy {
  max-width: 780px;
  margin: 0 auto 22px;
  color: var(--cake2027-text);
  font-size: clamp(15px,1.6vw,17px);
  line-height: 1.95;
  text-align: center;
}
.warara-cake2027 .warara-cake2027-guide-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0;
  width: 100%;
  margin-bottom: 22px;
}
/* Xmas案内：予約内容と価格案内を区切る（他の案内・商品には影響しない） */
.warara-cake2027--guide .warara-cake2027-reservation-box > .warara-cake2027-guide-grid {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--cake2027-line);
}
.warara-cake2027 .warara-cake2027-guide-item {
  min-width: 0;
  margin: 0;
  padding: 8px clamp(8px,1.6vw,18px);
}
.warara-cake2027 .warara-cake2027-guide-item + .warara-cake2027-guide-item {
  border-left: 1px solid var(--cake2027-line);
}
.warara-cake2027 .warara-cake2027-size-list {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 20px;
  width: 100%;
}
.warara-cake2027 .warara-cake2027-size-image {
  display: block;
  width: min(700px,100%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  background: #f4f0e8;
  box-shadow: 0 8px 22px rgba(72,51,35,.08);
}
.warara-cake2027 .warara-cake2027-size-image img,
.warara-cake2027 .warara-cake2027-special-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.warara-cake2027 .warara-cake2027-story {
  max-width: 850px;
  margin-inline: auto;
  text-align: center;
}
.warara-cake2027 .warara-cake2027-special-image {
  width: min(700px,100%);
  margin: 12px auto 28px;
}
.warara-cake2027 .warara-cake2027-note,
.warara-cake2027 .warara-cake2027-description {
  width: min(850px,100%);
  margin: 20px auto;
  padding: 0 10px;
  color: var(--cake2027-text);
  font-size: clamp(14px,1.6vw,17px);
  line-height: 1.9;
}
.warara-cake2027 .warara-cake2027-note {
  color: #587f12;
  text-align: center;
  font-weight: 600;
}
.warara-cake2027 .warara-cake2027-line-banner {
  width: min(700px,100%);
  margin: 35px auto 18px;
}
.warara-cake2027 .warara-cake2027-banner-link {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 12px;
}
.warara-cake2027 .warara-cake2027-banner-img {
  display: block;
  width: 100%;
  height: auto;
}
.warara-cake2027 .warara-cake2027-action { text-align: center; }
/* カード部分は商品データ取得の共通PHPを使い、配置だけ2027版で管理 */
.warara-cake2027 .warara-cake2027-catalog {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
}
.warara-cake2027 .warara-category-cards2026 {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  width: 100%;
  min-width: 0;
}
.warara-cake2027 .warara-category-card2026 {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  border-radius: 12px;
}
.warara-cake2027 .warara-category-card2026-link,
.warara-cake2027 .warara-category-card2026--image-right .warara-category-card2026-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.warara-cake2027 .warara-category-media2026,
.warara-cake2027 .warara-category-card2026--image-right .warara-category-media2026 {
  display: block;
  align-self: stretch;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  min-height: 0;
  aspect-ratio: 2 / 1;
}
.warara-cake2027 .warara-category-image-wrap2026,
.warara-cake2027 .warara-category-img2026 {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}
.warara-cake2027 .warara-category-content2026,
.warara-cake2027 .warara-category-card2026--image-right .warara-category-content2026 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  grid-column: auto;
  grid-row: auto;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 12px 12px 18px;
}
.warara-cake2027 .warara-category-variant2026 {
  order: 0;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 5px 12px;
  border-radius: 999px;
  background: #eee4d8;
  color: #694d3b;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  white-space: nowrap;
}
.warara-cake2027 .warara-category-variant2026--xmas { background: #e6f2cf; color: #426e14; }
.warara-cake2027 .warara-category-variant2026--petit { background: #ede2d4; color: #694d3b; }
.warara-cake2027 .warara-category-variant2026--gochisou { background: #f8e0e4; color: #9c324d; }
.warara-cake2027 .warara-category-variant2026--morimori { background: #f4e4b8; color: #785110; }
.warara-cake2027 .warara-category-heading2026 {
  width: 100%;
  margin: 0;
}
.warara-cake2027 .warara-category-heading2026 .warara-category-name2026 {
  font-size: clamp(18px,2vw,23px);
  line-height: 1.5;
  text-align: center;
}
.warara-cake2027 .warara-category-title-rule2026 { margin-top: 9px; }
.warara-cake2027 .warara-category-meta2026 {
  width: 100%;
  margin: 8px 0 0;
  text-align: center;
  color: #49362f;
}
.warara-cake2027 .warara-category-excerpt2026 {
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  text-align: left;
  font-size: clamp(14px,1.5vw,16px);
  line-height: 1.8;
}
.warara-cake2027 .warara-category-excerpt2026--separated {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--cake2027-line);
}
/* Xmasの商品カードでは産地・補足を出さない（元のshortcodeが担保） */
@media (min-width: 601px) and (max-width: 1023px) {
  .warara-cake2027 .warara-category-cards2026 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .warara-cake2027 { padding-inline: 0; }
}
@media (max-width: 600px) {
  .warara-cake2027 { padding: 26px 0 45px; border-radius: 14px; }
  .warara-cake2027 .warara-cake2027-intro { margin-bottom: 18px; }
  .warara-cake2027 .warara-cake2027-tab { min-height: 62px; padding: 10px 48px; }
  .warara-cake2027 .warara-cake2027-panel { margin-top: 18px; }
  .warara-cake2027 .warara-cake2027-box { padding: 18px 8px; }
  .warara-cake2027 .warara-cake2027-guide-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .warara-cake2027 .warara-cake2027-guide-item { padding-inline: 2px; }
  .warara-cake2027 .warara-cake2027-guide-item + .warara-cake2027-guide-item { border-left: 0; border-top: 1px solid var(--cake2027-line); padding-top: 16px; }
  .warara-cake2027 .warara-category-cards2026 { grid-template-columns: minmax(0,1fr); }
  .warara-cake2027 .warara-category-content2026,
  .warara-cake2027 .warara-category-card2026--image-right .warara-category-content2026 { padding: 14px 14px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .warara-cake2027 .warara-cake2027-tab { transition: none; }
}


/* ==========================================================
 * WARaRa ちびっこ2027：新ページ／日記／年月／横流れ
 * 旧2026クラスと独立。移行確認後に旧定義を撤去する。
 * ========================================================== */
/*────────────────────────────────
  日記全体：PCで広がりすぎない
────────────────────────────────*/
.chibikko-diary2027 {
  width: min(540px, calc(100% - 24px));
  margin: 0 auto;
}

/* 月見出し */
.chibikko-diary2027-month {
  margin-bottom: 2.2rem;
}

/*────────────────────────────────
  投稿リスト
────────────────────────────────*/
.chibikko-patissier-list.chibikko-diary2027-list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

/*────────────────────────────────
  各カード
────────────────────────────────*/
.chibikko-patissier-item.chibikko-diary2027-item {
  position: relative;
  margin: 0 0 .75rem;
  overflow: hidden;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background-color .35s ease,
    border-color .35s ease;
}

/* 金色の光は、ちびっこ2027専用の3要素で共有 */
.chibikko-patissier-item.chibikko-diary2027-item::after,
.chibikkonav2027-year-button::after,
.chibikkonav2027-month-link::after,
.warara-chibikko2027-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent, rgba(255,240,190,0) 35%, rgba(255,240,190,.35) 50%, rgba(255,240,190,0) 65%, transparent);
  opacity: 0;
  transform: translateX(-100%);
}

.chibikko-patissier-item.chibikko-diary2027-item::after {
  z-index: 5;
}

/* カード全体をリンクにする */
.chibikko-patissier-link.chibikko-diary2027-link {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: stretch;
  width: 100%;

  color: inherit;
  text-decoration: none;
}

/*────────────────────────────────
  画像：4：3の中で切らずに表示
────────────────────────────────*/
.chibikko-diary2027-thumb {
  display: flex;
  flex: 0 0 190px;
  align-items: center;
  justify-content: center;

  aspect-ratio: 4 / 3;
  overflow: hidden;

  background: #f3f3f3;
}

.chibikko-diary2027-img {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: contain;

  transition: transform .45s ease;
}

.chibikko-diary2027-noimage {
  color: #999;
  font-size: .85rem;
}

/*────────────────────────────────
  日付・時間・名前
────────────────────────────────*/
.chibikko-patissier-content.chibikko-diary2027-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: 0;

  padding: 1rem 1.35rem;
}

.chibikko-patissier-date.chibikko-diary2027-date {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .8rem;

  margin: 0 0 .55rem;

  color: #666;
  font-size: .95rem;
  line-height: 1.5;
}

.chibikko-diary2027-day,
.chibikko-diary2027-time {
  white-space: nowrap;
}

.chibikko-patissier-title.chibikko-diary2027-title {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 100%;

  margin: 0;
  padding: 0 0 .22rem;

  color: #333;
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.chibikko-patissier-title.chibikko-diary2027-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;

  background: #90C31F;
}

/* 投稿がない月 */
.chibikko-diary2027-empty {
  padding: 2rem 1rem;
  text-align: center;
}

/*────────────────────────────────
  PC：ボアアップ2026
────────────────────────────────*/
@media (hover: hover) {

  .chibikko-patissier-item.chibikko-diary2027-item:hover {
    transform: translateY(-2px);

    background: #f1f1f1;
    border-color: transparent;

    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
  }

  .chibikko-patissier-item.chibikko-diary2027-item:hover::after {
    opacity: 1;
    animation: chibikko-diary2027-shine 1.1s ease;
  }

  .chibikko-patissier-item.chibikko-diary2027-item:hover
  .chibikko-diary2027-img {
    transform: scale(1.035);
  }
}

@keyframes chibikko-diary2027-shine {

  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

/*────────────────────────────────
  月送り
  左＝前月／右＝翌月
────────────────────────────────*/
.chibikko-patissier-pager.chibikko-diary2027-pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;

  width: 100%;
  margin: 2rem auto 0;
}

.chibikko-diary2027-pager-left {
  display: flex;
  justify-content: flex-start;
}

.chibikko-diary2027-pager-right {
  display: flex;
  justify-content: flex-end;
}

.chibikko-diary2027-nav-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;

  min-height: 42px;
  padding: .5rem 1rem;

  background: #f5f5f5;
  border-radius: 8px;

  color: #222;
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;

  transition:
    transform .25s ease,
    background-color .25s ease,
    color .25s ease,
    box-shadow .25s ease;
}

.chibikko-diary2027-nav-arrow {
  color: #90C31F;
  font-size: 1.25em;
  line-height: 1;

  transition: color .25s ease;
}

@media (hover: hover) {

  .chibikko-diary2027-nav-link:hover {
    transform: translateY(-1px);

    background: #90C31F;
    color: #fff;

    box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
  }

  .chibikko-diary2027-nav-link:hover
  .chibikko-diary2027-nav-arrow {
    color: #fff;
  }
}

/*────────────────────────────────
  スマホ
────────────────────────────────*/
@media (max-width: 600px) {

  .chibikko-diary2027 {
    width: calc(100% - 24px);
  }

  .chibikko-diary2027-month {
    margin-bottom: 1.7rem;
  }

  .chibikko-patissier-item.chibikko-diary2027-item {
    margin-bottom: .45rem;
  }

  .chibikko-diary2027-thumb {
    flex: 0 0 42%;
    max-width: 155px;
  }

  .chibikko-patissier-content.chibikko-diary2027-content {
    padding: .75rem .8rem;
  }

  .chibikko-patissier-date.chibikko-diary2027-date {
    gap: .15rem .55rem;
    margin-bottom: .4rem;
    font-size: .84rem;
  }

  .chibikko-patissier-title.chibikko-diary2027-title {
    font-size: 1rem;
    line-height: 1.45;
  }

  .chibikko-patissier-pager.chibikko-diary2027-pager {
    gap: .5rem;
    margin-top: 1.5rem;
  }

  .chibikko-diary2027-nav-link {
    min-height: 40px;
    padding: .45rem .7rem;
    font-size: .85rem;
  }
}

/*────────────────────────────────
  かなり狭いスマホ
────────────────────────────────*/
@media (max-width: 360px) {

  .chibikko-diary2027 {
    width: calc(100% - 16px);
  }

  .chibikko-diary2027-thumb {
    flex-basis: 40%;
  }

  .chibikko-patissier-content.chibikko-diary2027-content {
    padding: .6rem;
  }

  .chibikko-patissier-date.chibikko-diary2027-date {
    display: block;
    font-size: .78rem;
  }

  .chibikko-diary2027-time {
    display: block;
    margin-top: .1rem;
  }

  .chibikko-patissier-title.chibikko-diary2027-title {
    font-size: .92rem;
  }

  .chibikko-diary2027-nav-link {
    padding: .4rem .55rem;
    font-size: .78rem;
  }
}

/* タップ時 */
.chibikko-patissier-item.chibikko-diary2027-item:active {
  transform: scale(.99);
  background: #f1f1f1;
}


/**************************************************
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 * ちびっこ日記 年月アコーディオン 2026
 * 年・月を同じ横幅で表示
 * ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 **************************************************/

/*────────────────────────────────
  全体：日記一覧と同じ540px
────────────────────────────────*/
.chibikkonav2027 {
  --warara-select-strong-bg: #90C31F;
  --warara-select-strong-ink: #fff;
  --warara-select-strong-pressed: #7FAE18;
  --warara-select-soft-bg: rgba(144,195,31,.08);
  --warara-select-soft-ink: #587f12;
  --warara-select-soft-pressed: rgba(144,195,31,.12);
  width: min(540px, calc(100% - 24px));
  margin: 2rem auto;
}

.chibikkonav2027 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*────────────────────────────────
  年ごとのカード
────────────────────────────────*/
.chibikkonav2027-year-item {
  position: relative;
  margin: 0 0 .7rem;
  overflow: hidden;

  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

/*────────────────────────────────
  年ボタン
────────────────────────────────*/
/* ちびっこ日記：年・月のボタン：共通指定は一か所にまとめる。 */
.chibikkonav2027-year-button,
.chibikkonav2027-month-link {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  background: #fff;
  color: #333;
  transition: background-color .3s ease,
    color .3s ease;
}

.chibikkonav2027-year-button {
  gap: .65rem;
  min-height: 50px;
  padding: .7rem 1rem;
  border: 0;
  font: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}

.chibikkonav2027-year-item.is-open
.chibikkonav2027-year-button {
  background: var(--warara-select-strong-bg);
  color: var(--warara-select-strong-ink);
}

.chibikkonav2027-arrow {
  position: relative;
  z-index: 2;

  display: inline-flex;
  flex: 0 0 1.2rem;
  justify-content: center;

  color: #777;
  font-size: .9rem;
  line-height: 1;
}

.chibikkonav2027-year-item.is-open
.chibikkonav2027-arrow {
  color: #fff;
}

.chibikkonav2027-arrow-open {
  display: none;
}

.chibikkonav2027-year-item.is-open
.chibikkonav2027-arrow-closed {
  display: none;
}

.chibikkonav2027-year-item.is-open
.chibikkonav2027-arrow-open {
  display: inline-flex;
}

.chibikkonav2027-year-label {
  position: relative;
  z-index: 2;
}

/*────────────────────────────────
  月パネル：CSSで滑らかに開閉
────────────────────────────────*/
.chibikkonav2027-panel {
  display: grid;
  grid-template-rows: 0fr;

  visibility: hidden;
  opacity: 0;

  transition:
    grid-template-rows .3s ease,
    opacity .2s ease,
    visibility 0s linear .3s;
}

.chibikkonav2027-year-item.is-open
.chibikkonav2027-panel {
  grid-template-rows: 1fr;

  visibility: visible;
  opacity: 1;

  transition:
    grid-template-rows .3s ease,
    opacity .25s ease,
    visibility 0s;
}

.chibikkonav2027-panel-inner {
  min-height: 0;
  overflow: hidden;
}

/*────────────────────────────────
  月リンク
  年と同じ横幅で緑になる
────────────────────────────────*/
.chibikkonav2027-month-item {
  margin: 0;
}

.chibikkonav2027-month-link {
  min-height: 46px;
  box-sizing: border-box;
  padding: .65rem 1rem .65rem 3rem;
  border-top: 1px solid #eee;
  font-size: .95rem;
  line-height: 1.4;
  text-decoration: none;
}

.chibikkonav2027-month-label {
  position: relative;
  z-index: 2;
}

.chibikkonav2027-month-link.is-current {
  background: var(--warara-select-soft-bg);
  color: var(--warara-select-soft-ink);
  font-weight: 700;
}

/*────────────────────────────────
  金色の光
────────────────────────────────*/
.chibikkonav2027-year-button::after,
.chibikkonav2027-month-link::after {
  z-index: 1;
}

/*────────────────────────────────
  PCホバー
────────────────────────────────*/
@media (hover: hover) {

  .chibikkonav2027-year-item:hover {
    transform: translateY(-1px);
    border-color: transparent;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .13);
  }

  .chibikkonav2027-year-button:hover {
    background: var(--warara-select-strong-bg);
    color: var(--warara-select-strong-ink);
  }

  .chibikkonav2027-month-link:hover {
    background: var(--warara-select-soft-bg);
    color: var(--warara-select-soft-ink);
  }

  .chibikkonav2027-year-button:hover
  .chibikkonav2027-arrow {
    color: #fff;
  }

  .chibikkonav2027-year-button:hover::after,
  .chibikkonav2027-month-link:hover::after {
    opacity: 1;
    animation: chibikkonav2027-shine 1.1s ease;
  }
}

@keyframes chibikkonav2027-shine {

  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

/*────────────────────────────────
  キーボード操作
────────────────────────────────*/
.chibikkonav2027-year-button:focus-visible,
.chibikkonav2027-month-link:focus-visible {
  outline: 3px solid rgba(144, 195, 31, .35);
  outline-offset: -3px;
}

/*────────────────────────────────
  スマホ
────────────────────────────────*/
@media (max-width: 600px) {

  .chibikkonav2027 {
    width: calc(100% - 24px);
    margin: 1.6rem auto;
  }

  .chibikkonav2027-year-button {
    min-height: 48px;
    padding: .65rem .85rem;
    font-size: .95rem;
  }

  .chibikkonav2027-month-link {
    min-height: 44px;
    padding: .6rem .85rem .6rem 2.75rem;
    font-size: .92rem;
  }
}

/*────────────────────────────────
  タップ時
────────────────────────────────*/
.chibikkonav2027-year-button:active {
  background: var(--warara-select-strong-pressed);
  color: var(--warara-select-strong-ink);
}

.chibikkonav2027-month-link:active {
  background: var(--warara-select-soft-pressed);
  color: var(--warara-select-soft-ink);
}


/* 2027 スライダー: functions.phpのインラインCSSから移行 */
/**************************************************
       * ちびっこスライダー2026：全体
       **************************************************/

      .chibikkoslider2027-section {
        --chibikkoslider2027-gap: 12px;

        position: relative;
        width: min(900px, calc(100% - 24px));
        margin: 2rem auto;
      }

      .chibikkoslider2027-viewport {
        width: 100%;
        padding: 10px 4px 18px;
        overflow: hidden;
        box-sizing: border-box;
      }

      .chibikkoslider2027-track {
        display: flex;
        align-items: stretch;
        gap: var(--chibikkoslider2027-gap);
        width: max-content;
        will-change: transform;
      }

      .chibikkoslider2027-item {
        flex: 0 0 170px;
        min-width: 0;
        box-sizing: border-box;
      }

      /**************************************************
       * カード
       **************************************************/

      .chibikkoslider2027-card {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;

        background: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;

        color: #7b7b7b;
        text-align: center;
        text-decoration: none;

        box-shadow: 0 2px 7px rgba(0, 0, 0, .07);

        transition:
          transform .35s ease,
          background-color .35s ease,
          border-color .35s ease,
          box-shadow .35s ease;
      }

      .chibikkoslider2027-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 5;

        pointer-events: none;

        background: linear-gradient(
          120deg,
          transparent 0%,
          rgba(255, 240, 190, 0) 35%,
          rgba(255, 240, 190, .35) 50%,
          rgba(255, 240, 190, 0) 65%,
          transparent 100%
        );

        opacity: 0;
        transform: translateX(-100%);
      }

      /**************************************************
       * 画像
       **************************************************/

      .chibikkoslider2027-image {
        width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        background: #f1f1f1;
      }

      .chibikkoslider2027-image img {
        display: block;
        width: 100%;
        height: 100%;

        object-fit: contain;

        transition: transform .45s ease;
      }

      /**************************************************
       * 名前
       **************************************************/

      .chibikkoslider2027-title {
        position: relative;
        display: block;
        width: fit-content;
        max-width: calc(100% - 16px);

        margin: .55rem auto .75rem;
        padding: 0 0 .2rem;

        color: #555;
        font-size: 1rem;
        line-height: 1.45;
        white-space: normal;
        overflow-wrap: anywhere;
      }

      .chibikkoslider2027-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;

        width: 100%;
        height: 3px;

        background: #90C31F;
      }

      /**************************************************
       * PC：ボアアップ2026
       **************************************************/

      @media (hover: hover) {

        .chibikkoslider2027-card:hover {
          transform: translateY(-2px);

          background: #f1f1f1;
          border-color: transparent;

          box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
        }

        .chibikkoslider2027-card:hover::after {
          opacity: 1;
          animation: chibikkoslider2027-shine 1.1s ease;
        }

        .chibikkoslider2027-card:hover
        .chibikkoslider2027-image img {
          transform: scale(1.035);
        }
      }

      @keyframes chibikkoslider2027-shine {

        from {
          transform: translateX(-100%);
        }

        to {
          transform: translateX(100%);
        }
      }

      /**************************************************
       * スマホ
       **************************************************/

      @media (max-width: 600px) {

        .chibikkoslider2027-section {
          --chibikkoslider2027-gap: 8px;

          width: calc(100% - 16px);
          margin: 1.6rem auto;
        }

        .chibikkoslider2027-viewport {
          padding: 8px 2px 14px;
        }

        .chibikkoslider2027-title {
          margin: .4rem auto .6rem;
          font-size: .88rem;
          line-height: 1.4;
        }
      }

      /**************************************************
       * タップ時
       **************************************************/

      .chibikkoslider2027-card:active {
        transform: scale(.985);
        background: #f1f1f1;
      }

      /**************************************************
       * 動きを減らす設定
       **************************************************/

      .chibikkoslider2027-section.is-reduced
      .chibikkoslider2027-viewport {
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }

      .chibikkoslider2027-section.is-reduced
      .chibikkoslider2027-viewport::-webkit-scrollbar {
        display: none;
      }

      @media (prefers-reduced-motion: reduce) {

        .chibikkoslider2027-card,
        .chibikkoslider2027-card::after,
        .chibikkoslider2027-image img {
          transition: none;
          animation: none;
        }
      }

/* ===== 固定ページ本体（2027独立） ===== */
.warara-chibikko2027-page {
  --c27-ink: #4b2c22;
  --c27-text: #59443c;
  --c27-green: #858d4c;
  --c27-paper: #fbf8f1;
  --c27-line: rgba(133,141,76,.38);
  box-sizing: border-box;
  width: 100%; max-width: 1080px;
  margin: 0 auto;
  padding: clamp(38px,6vw,78px) clamp(14px,3vw,30px);
  border-radius: 24px;
  color: var(--c27-ink);
  background: radial-gradient(circle at 16% 0%,rgba(255,255,255,.96),transparent 38%),
              linear-gradient(180deg,#fffdf9,var(--c27-paper));
}
.warara-chibikko2027-page *,
.warara-chibikko2027-page *::before,
.warara-chibikko2027-page *::after { box-sizing: border-box; }
.warara-chibikko2027-intro {max-width:900px; margin:0 auto clamp(34px,5vw,60px);}
.entry-content .warara-chibikko2027-title {
  margin:0 0 28px; padding:0; border:0; border-radius:0; box-shadow:none;
  background:none; color:var(--c27-ink);
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(31px,5vw,52px);font-weight:500;line-height:1.45;letter-spacing:.14em;
}
.entry-content .warara-chibikko2027-title::before,
.entry-content .warara-chibikko2027-title::after,
.entry-content .warara-chibikko2027-section-title::before,
.entry-content .warara-chibikko2027-section-title::after,
.entry-content .warara-chibikko2027-reservation-title::before,
.entry-content .warara-chibikko2027-reservation-title::after,
.entry-content .warara-chibikko2027-info-label::before,
.entry-content .warara-chibikko2027-info-label::after { display:none;content:none; }
.warara-chibikko2027-story {
  width:min(760px,100%);margin:34px auto 0;padding:clamp(24px,4vw,38px);
  background:rgba(255,255,255,.74);border-left:3px solid var(--c27-green);
  border-radius:0 14px 14px 0;box-shadow:0 8px 24px rgba(72,51,35,.055);
}
.warara-chibikko2027-story p {margin:0;color:var(--c27-text);font-size:15px;line-height:1.95;letter-spacing:.025em;}
.warara-chibikko2027-story p+p {margin-top:20px;}
.warara-chibikko2027-card {
  position:relative;width:100%;margin:0 0 clamp(20px,2.8vw,30px);
  padding:clamp(30px,5vw,58px);overflow:hidden;
  background:rgba(255,255,255,.97);border:1px solid rgba(93,65,48,.07);
  border-radius:20px;box-shadow:0 14px 38px rgba(72,51,35,.075),0 2px 8px rgba(72,51,35,.04);
}
.warara-chibikko2027-page .warara-chibikko2027-card:last-child {margin-bottom:0;}
.entry-content .warara-chibikko2027-section-title {
  margin:0 0 28px;padding:0;background:none;box-shadow:none;border:0;
  color:var(--c27-ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.5;
}
.warara-chibikko2027-info-list {width:min(790px,100%);margin:0 auto;counter-reset:c27-info;}
.warara-chibikko2027-info-item {
  position:relative;padding:22px 20px 22px 72px;
  border-bottom:1px solid var(--c27-line);counter-increment:c27-info;
}
.warara-chibikko2027-info-item:first-child {border-top:1px solid var(--c27-line);}
.warara-chibikko2027-info-item::before {
  content:counter(c27-info,decimal-leading-zero);position:absolute;top:23px;left:18px;
  display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  background:#f7f4ed;border:1px solid rgba(133,141,76,.3);border-radius:50%;
  color:var(--c27-green);font:11px/1 "Yu Mincho","Hiragino Mincho ProN",serif;
}
.entry-content .warara-chibikko2027-info-label {
  margin:0 0 7px;padding:0;color:var(--c27-green);background:none;border:0;box-shadow:none;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:17px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-align:left;
}
.warara-chibikko2027-info-item p {margin:0;color:var(--c27-text);font-size:14px;line-height:1.8;letter-spacing:.02em;}
.warara-chibikko2027-reservation {
  width:min(790px,100%);margin:38px auto 0;padding-top:34px;border-top:1px solid var(--c27-line);
}
.entry-content .warara-chibikko2027-reservation-title {
  margin:0 0 22px;padding:0;color:var(--c27-ink);background:none;border:0;box-shadow:none;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(20px,2.6vw,27px);font-weight:500;line-height:1.6;letter-spacing:.06em;
}
.warara-chibikko2027-reservation .warara-chibikko2027-banner {width:min(760px,100%);margin:0 auto;}
.warara-chibikko2027-blog-card,
.warara-chibikko2027-diary-card {padding-top:clamp(28px,4vw,42px);padding-bottom:clamp(28px,4vw,42px);}
/* ちびっこ2027関連記事：Cocoonの自動カード変換に依存しない */
.warara-chibikko2027-related-list {width:min(790px,100%);margin:0 auto;display:grid;gap:18px;}
.entry-content .warara-chibikko2027-related-card {
  display:flex;align-items:center;gap:20px;min-width:0;padding:18px;
  background:#fff;border:1px solid rgba(93,65,48,.12);border-radius:14px;
  box-shadow:0 4px 14px rgba(72,51,35,.06);
  color:#4b2c22;text-decoration:none;transition:transform .25s,box-shadow .25s;
}
.warara-chibikko2027-related-thumb {display:block;flex:0 0 30%;max-width:210px;align-self:stretch;overflow:hidden;border-radius:8px;background:#f7f4ed;}
.warara-chibikko2027-related-thumb img {display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;}
.warara-chibikko2027-related-content {display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:6px;}
.warara-chibikko2027-related-label {font-size:11px;line-height:1.3;letter-spacing:.06em;color:#858d4c;}
.warara-chibikko2027-related-title {font-weight:600;font-size:17px;line-height:1.55;color:#4b2c22;overflow-wrap:anywhere;}
.warara-chibikko2027-related-excerpt {font-size:13px;line-height:1.7;color:#6f6157;}
@media (hover:hover) {
  .entry-content .warara-chibikko2027-related-card:hover {
    transform:translateY(-2px);box-shadow:0 8px 20px rgba(72,51,35,.13);text-decoration:none;
  }
}
.entry-content .warara-chibikko2027-related-card:focus-visible {outline:2px solid #858d4c;outline-offset:3px;}
.warara-chibikko2027-diary-card .warara-chibikko2027-banner {width:min(790px,100%);margin:0 auto;}
/* 2027版のLINE／日記バナー（旧共通バナーCSSに依存しない） */
.warara-chibikko2027-banner {
  position:relative;display:block;width:100%;overflow:hidden;border-radius:12px;
  box-shadow:0 3px 10px rgba(120,80,40,.16);transition:transform .35s,box-shadow .35s,filter .35s;
}
.warara-chibikko2027-banner-img {display:block;width:100%;height:auto;transition:transform .45s,filter .45s;}
.warara-chibikko2027-banner::after {z-index:3;}
.warara-chibikko2027-bottom-banner {max-width:790px;margin:2rem auto;}
@media (hover:hover) {
  .warara-chibikko2027-banner:hover {transform:scale(1.025);box-shadow:0 8px 22px rgba(120,80,40,.28);filter:brightness(1.04);}
  .warara-chibikko2027-banner:hover .warara-chibikko2027-banner-img {transform:scale(1.05);}
  .warara-chibikko2027-banner:hover::after {opacity:1;animation:chibikko-diary2027-shine 1.1s ease;}
}
.warara-chibikko2027-banner:active {transform:scale(.99);}
@media(max-width:781px) {
  .warara-chibikko2027-page {padding:38px 10px 46px;border-radius:16px;}
  .warara-chibikko2027-intro {margin-bottom:34px;}
  .warara-chibikko2027-story {margin-top:30px;padding:22px 18px;border-radius:0 12px 12px 0;}
  .warara-chibikko2027-story p {font-size:14px;line-height:1.9;}
  .warara-chibikko2027-story p+p {margin-top:18px;}
  .warara-chibikko2027-card {padding:28px 20px 30px;border-radius:16px;}
  .warara-chibikko2027-info-item {padding:18px 6px 18px 52px;}
  .warara-chibikko2027-info-item::before {top:19px;left:5px;width:30px;height:30px;font-size:10px;}
  .entry-content .warara-chibikko2027-info-label {margin-bottom:5px;font-size:15px;line-height:1.45;letter-spacing:.06em;}
  .warara-chibikko2027-info-item p {font-size:13px;line-height:1.72;}
  .warara-chibikko2027-reservation {margin-top:30px;padding-top:28px;}
  .entry-content .warara-chibikko2027-reservation-title {margin-bottom:18px;font-size:19px;}
  .warara-chibikko2027-related-list {gap:14px;}
  .entry-content .warara-chibikko2027-related-card {padding:12px;gap:12px;}
  .warara-chibikko2027-related-thumb {flex-basis:34%;}
  .warara-chibikko2027-related-title {font-size:14px;}
  .warara-chibikko2027-related-excerpt {font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}
@media(prefers-reduced-motion:reduce) {
  .warara-chibikko2027-banner,.warara-chibikko2027-banner-img,
  .chibikko-patissier-item.chibikko-diary2027-item,.chibikko-diary2027-img,
  .chibikkonav2027-year-item,.chibikkonav2027-panel,.chibikkonav2027-year-button,
  .chibikkonav2027-month-link {transition:none;animation:none;}
}

/* ================================================================
   お問い合わせ 2027｜新クラスで独立（2026 CSSは実サイト確認後に撤去）
   Contact Form 7のフォームタグ・送信処理はプラグイン側で維持
   ================================================================ */
.warara-contact2027-page,
.warara-contact2027-page *,
.warara-contact2027-page *::before,
.warara-contact2027-page *::after {
  box-sizing: border-box;
}

.warara-contact2027-page {
  --warara-contact2027-ink: #4b2c22;
  --warara-contact2027-text: #59443c;
  --warara-contact2027-green: #90c31f;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: clamp(38px, 5vw, 70px) clamp(6px, 1.5vw, 24px);
  border-radius: 20px;
  background: radial-gradient(circle at 16% 0%, rgba(255,255,255,.96), transparent 38%),
              linear-gradient(180deg, #fffdf9, #fbf8f1);
  color: var(--warara-contact2027-ink);
}

.warara-contact2027-intro {
  max-width: 850px;
  margin: 0 auto clamp(30px, 4vw, 52px);
  text-align: center;
}

.entry-content .warara-contact2027-page h1.warara-contact2027-title {
  margin: 0;
  padding: 0 0 16px;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(133,141,76,.42);
  border-radius: 0;
  box-shadow: none;
  color: var(--warara-contact2027-ink);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.5;
  text-align: center;
}

.warara-contact2027-lead {
  margin: 22px 0 0;
  padding: 0;
  color: #684b42;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: clamp(14px, 1.8vw, 17px);
  line-height: 2;
  letter-spacing: .06em;
  text-align: center;
}

.warara-contact2027-card {
  width: 100%;
  margin: 0;
  padding: clamp(22px, 4vw, 52px);
  overflow: hidden;
  border: 1px solid rgba(93,65,48,.07);
  border-radius: 20px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 14px 38px rgba(72,51,35,.075), 0 2px 8px rgba(72,51,35,.04);
}

.warara-contact2027-form {
  width: min(800px,100%);
  margin: 0 auto;
}

.warara-contact2027-page .warara-contact2027-guides {
  display: flex;
  align-items: stretch;
  gap: 10px;
  width: min(680px,100%);
  margin: 0 auto 22px;
}

/* CF7の自動p/br挿入でも2枚の案内カードを維持 */
.warara-contact2027-guides > p { display: contents; }
.warara-contact2027-guides > br { display: none; }
.warara-contact2027-guide {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 92px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(93,65,48,.08);
  border-radius: 12px;
  background: #f7f4ed;
  color: var(--warara-contact2027-ink);
  text-decoration: none;
  text-align: center;
  box-shadow: 0 4px 13px rgba(72,51,35,.05);
  transition: background-color .25s, border-color .25s, transform .25s, color .25s;
}
.warara-contact2027-guide-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 0;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: clamp(16px,1.65vw,18px);
  line-height: 1.45;
}
.warara-contact2027-guide-name,
.warara-contact2027-guide-linkline { display: block; white-space: nowrap; }
.warara-contact2027-guide p,
.warara-contact2027-guide br { display: none; }
.warara-contact2027-guide-arrow {
  display: inline-block;
  margin-left: 4px;
  color: var(--warara-contact2027-green);
  transition: transform .25s, color .25s;
}

.warara-contact2027-notice {
  margin: 0 0 clamp(30px,4vw,46px);
  padding: 19px 22px;
  border-left: 3px solid var(--warara-contact2027-green);
  border-radius: 0 10px 10px 0;
  background: #fbf8f1;
  color: var(--warara-contact2027-text);
  font-size: 13px;
  line-height: 1.85;
}
.warara-contact2027-notice p { margin: 0; }
.warara-contact2027-notice p + p { margin-top: 10px; }
.warara-contact2027-notice-line { display: block; }

.warara-contact2027-field { margin: 0 0 27px; }
.warara-contact2027-label {
  display: block;
  margin: 0 0 10px;
  color: var(--warara-contact2027-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .04em;
}
.warara-contact2027-required {
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--warara-contact2027-green);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: 2px;
}
.warara-contact2027-required[hidden] { display: none; }
.warara-contact2027-page .wpcf7 input[name="your-subject"]::placeholder {
  color: #9e968f;
  opacity: 1;
}
.warara-contact2027-limit {
  display: inline-block;
  margin-left: 7px;
  color: #86766e;
  font-size: 11px;
  font-weight: 400;
}
.warara-contact2027-page .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.warara-contact2027-page .wpcf7 input[type="text"],
.warara-contact2027-page .wpcf7 input[type="email"],
.warara-contact2027-page .wpcf7 input[type="tel"],
.warara-contact2027-page .wpcf7 textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid rgba(93,65,48,.18);
  border-radius: 9px;
  outline: 0;
  background: #fffdfa;
  color: #3f322d;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.65;
  box-shadow: inset 0 1px 2px rgba(72,51,35,.035);
  transition: background-color .25s, border-color .25s, box-shadow .25s;
}
.warara-contact2027-page .wpcf7 textarea { min-height: 210px; resize: vertical; }
.warara-contact2027-page .wpcf7 input[type="text"]:focus,
.warara-contact2027-page .wpcf7 input[type="email"]:focus,
.warara-contact2027-page .wpcf7 input[type="tel"]:focus,
.warara-contact2027-page .wpcf7 textarea:focus {
  background: #fff;
  border-color: var(--warara-contact2027-green);
  box-shadow: 0 0 0 3px rgba(133,141,76,.13);
}

.warara-contact2027-field-radio .wpcf7-radio {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}
.warara-contact2027-field-radio .wpcf7-list-item { margin: 0; }
.warara-contact2027-field-radio .wpcf7-list-item label {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
}
.warara-contact2027-field-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.warara-contact2027-field-radio .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 9px 11px;
  border: 1px solid rgba(93,65,48,.13);
  border-radius: 9px;
  background: #f7f4ed;
  color: var(--warara-contact2027-text);
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
  transition: background-color .25s,border-color .25s,color .25s;
}
.warara-contact2027-field-radio input[type="radio"]:checked + .wpcf7-list-item-label {
  border-color: var(--warara-contact2027-green);
  background: var(--warara-contact2027-green);
  color: #fff;
}
.warara-contact2027-field-radio input[type="radio"]:focus-visible + .wpcf7-list-item-label {
  outline: 3px solid rgba(133,141,76,.25);
  outline-offset: 2px;
}

.warara-contact2027-acceptance {
  margin: 5px 0 27px;
  padding: 17px 18px;
  border: 1px solid rgba(93,65,48,.09);
  border-radius: 10px;
  background: #fbf8f1;
  color: var(--warara-contact2027-text);
  font-size: 13px;
  line-height: 1.7;
}
.warara-contact2027-acceptance .wpcf7-list-item { margin: 0; }
.warara-contact2027-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  cursor: pointer;
}
.warara-contact2027-acceptance input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--warara-contact2027-green);
}

/* iPhone Safariでボタン文字を消さないため、inline-flexを避ける */
.warara-contact2027-page .wpcf7 input.warara-contact2027-submit-button[type="submit"] {
  display: block;
  width: min(330px,100%);
  height: 54px;
  margin: 0 auto;
  padding: 0 28px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #858d4c;
  border-radius: 999px;
  background: #858d4c;
  background-image: none;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: .13em;
  text-align: center;
  cursor: pointer;
  opacity: 1;
  box-shadow: 0 8px 20px rgba(72,51,35,.14);
  transition: background-color .25s, border-color .25s, transform .25s;
}
.warara-contact2027-page .wpcf7 input.warara-contact2027-submit-button[type="submit"]:disabled {
  border-color: #c7c9b7;
  background: #c7c9b7;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none;
}
.warara-contact2027-page .wpcf7 input.warara-contact2027-subject-invalid[type="text"] {
  border-color: #a64b42;
  box-shadow: 0 0 0 3px rgba(166,75,66,.10);
}
.warara-contact2027-page .wpcf7 .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #a64b42;
  font-size: 12px;
}
.warara-contact2027-page .wpcf7.warara-contact2027-errors-active .wpcf7-not-valid-tip {
  display: block;
  padding: 5px 8px;
  border-radius: 5px;
  background: rgba(166,75,66,.08);
  color: #a64b42;
  font-weight: 600;
  animation: warara-contact2027-error-blink .38s ease-in-out 5 alternate;
}
.warara-contact2027-page .wpcf7-form.invalid .wpcf7-not-valid,
.warara-contact2027-page .wpcf7-form.unaccepted .wpcf7-not-valid {
  border-color: rgba(166,75,66,.82);
  box-shadow: 0 0 0 3px rgba(166,75,66,.10);
}
.warara-contact2027-page .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 14px 17px;
  border-width: 1px;
  border-radius: 9px;
  font-size: 13px;
  line-height: 1.75;
}
.warara-contact2027-page .wpcf7-spinner { display: block; margin: 12px auto 0; }

@keyframes warara-contact2027-error-blink {
  from { opacity: .22; transform: translateX(-3px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (hover: hover) {
  .warara-contact2027-guide:hover {
    transform: translateY(-2px);
    border-color: var(--warara-contact2027-green);
    background: var(--warara-contact2027-green);
    color: #fff;
  }
  .warara-contact2027-guide:hover .warara-contact2027-guide-arrow { color: #fff; transform: translateX(3px); }
  .warara-contact2027-field-radio .wpcf7-list-item-label:hover { border-color: var(--warara-contact2027-green); }
  .warara-contact2027-page .wpcf7 input.warara-contact2027-submit-button[type="submit"]:not(:disabled):hover {
    transform: translateY(-2px);
    border-color: #75803f;
    background: #75803f;
  }
}
@media (max-width: 781px) {
  .warara-contact2027-page { padding: 38px 6px 46px; border-radius: 16px; }
  .warara-contact2027-intro { margin-bottom: 34px; padding: 0 8px; }
  .warara-contact2027-card { padding: 28px 16px 30px; border-radius: 16px; }
  .warara-contact2027-guides { flex-direction: column; }
  .warara-contact2027-guide { min-height: 82px; padding: 8px 12px; }
  .warara-contact2027-guide-title { font-size: 16px; }
  .warara-contact2027-field-radio .wpcf7-radio { grid-template-columns: 1fr; }
  .warara-contact2027-field-radio .wpcf7-list-item-label { min-height: 46px; }
  .warara-contact2027-page .wpcf7 textarea { min-height: 190px; }
}
@media (prefers-reduced-motion: reduce) {
  .warara-contact2027-page *,
  .warara-contact2027-page *::before,
  .warara-contact2027-page *::after {
    transition: none;
    animation: none;
  }
}